@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:1.5fr 1fr 1fr 1.5fr;
	 padding:8rem 0;
	}	
footer h3{
	color:#333;
	text-align:left;
	padding-bottom:1rem;
}
footer a:hover{color:var(--web-theme-color-blue);}
footer ul li{line-height:1.8em;}
footer ul li a{
	color:#84898B;
	display:block;
	text-decoration:none;
	padding:0;
}

.foot-first img{ width:50%;}
.foot-first h2 { font-size:3.2rem; padding-top:2rem; text-align:left;}
.foot-first h2  a{color:var(--web-theme-color-blue); 	text-decoration:none;}
.footmid ul,.foot-first ul{padding-top:2rem;}
.footmid p{width:min(80%,400px); padding-top:2rem;}
.footmid p a{color:#84898B;	text-decoration:none;}
.footmid p a:hover{color:var(--web-theme-color-blue);}

/*copy*/
#copy{ margin-top:4rem;padding:2rem 0; background-color:#2A5AA6; }
#copy  p{ color:rgba(255,255,255,.5); text-align:center; word-wrap:break-word; word-break:break-all;}
#copy a{ color:rgba(255,255,255,.5);} 
#copy a:hover{color:#fff;}
@media (max-width:1023px){
footer{ padding-top:4rem;}	
footer #foottop{ padding: 0; grid-template-columns:auto; grid-column-gap:0; grid-row-gap:20px; }
footer h3{padding-top:10px;white-space:nowrap;}
.footmid p{width:100%; padding-top:2rem;}	
footer .foot-first img{ width:30%;}
footer .foot-first h2{ padding:2rem 0;}
footer  .foot-first ul{padding-top:1rem;}
}