@charset "utf-8";
/* CSS Document */
/*-----------foot------------*/
footer{ background-color:#0f131c; padding-top:16rem; margin-top:-8rem; overflow:hidden;}
#foottop{display: -webkit-grid; 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:#fff;
	text-align:left;
	font-weight:700;
	overflow:hidden;
	display:inline-block;
	letter-spacing:1px;
	position:relative;
	text-transform:uppercase;
	padding-bottom:1.2rem;
}
footer ul{
	padding-top:1.6rem;
	padding-right:2em;
	}	
footer ul li{ line-height:1.8em; color:rgba(255,255,255,0.5);} 	
footer ul li a{
	color:rgba(255,255,255,0.5);
	text-decoration:none;

}
footer  .foot-first  ul li:first-child() a{ margin-left:0;}
footer  .foot-first  ul li a{
	white-space:nowrap;
	word-wrap:break-word;
	word-break:break-all;
}
.foot-first .wrap-flex a{ margin-left:1.4rem;}
footer ul li a:hover{text-decoration:none;color:var(--web-theme-color-white);}

/*copy*/
#copy{border-top:#1e2129 solid 1px;padding-bottom:2rem;margin-top:4rem;color:rgba(0,0,0,0.5);}
.copy-content:first-child{ text-align:center;}
#copy .grid{grid-template-columns: 1fr 1fr; align-items: center;grid-column-gap:22vw;}
.copy-content:last-child{ background-color:var(--web-theme-color-black); padding: 1rem 0;}
.copy-content:last-child img{ width:30rem; padding-left:2rem;}
/*moblie phone*/
@media (max-width:1023px){ 	
footer{padding-top:10rem; 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:last-child{  padding: 1.6rem 4rem;}
.copy-content:last-child img{ width:36%;}
}