@charset "utf-8";
/* CSS Document */
/*-----------foot------------*/
footer{background-color:#edf2f4; padding-top:6rem; padding-bottom:2rem;}
#foottop{
	display: grid;
	grid-template-columns:repeat(3,1fr);
	}
#foottop .wrap-flex{ align-items:center; }
#foottop .wrap-flex h3{ font-size:2.6rem;}
footer h3{
	color:#333;
	text-align:left;
	font-weight:700;
	overflow:hidden;
	display:inline-block;
	letter-spacing:1px;
	position:relative;
	padding-bottom:1.2rem;
}
footer ul{
	padding-top:0;
	padding-right:2em;
	}	
footer ul li{ line-height:1.6em; color:rgba(0,0,0,0.5);} 	
footer ul li a{
	color:rgba(0,0,0,0.5);
	text-decoration:none;

}
footer  .foot-first  ul li a{
	margin-left:1.2rem;
}
footer ul li a:hover{text-decoration:none;color:var(--web-theme-color);}

/*copy*/
#copy{
	border-top:#d0d4d5 solid 1px;
	padding-bottom:2rem;
	margin-top:4rem;
	color:rgba(0,0,0,0.5);

}
.copy-content:first-child,.copy-content:nth-child(2){ text-align:center;}
#copy .grid{grid-template-columns:1.4fr 1.6fr 1.4fr; align-items: center;}
.copy-content:last-child{ background-color:var(--web-theme-color); padding: 1rem 4rem;}
/*moblie phone*/
@media (max-width:1023px){ 	
footer{background-color:#edf2f4; padding-top:4rem; padding-bottom:0;}
#foottop{display: grid;grid-template-columns:1fr;grid-row-gap:20px; }
#copy{ padding-top:2rem; padding-bottom:0;	margin-top:2rem;}
#copy .grid{grid-template-columns:1fr;grid-row-gap:10px; }
.copy-content:nth-child(2){ font-size:1.2em;}
.copy-content:last-child{  padding: 1.6rem 4rem;}
.copy-content:last-child img{ width:36%;}
}