@charset "utf-8";
/* CSS Document */
/*-----------foot------------*/
#footer{ background-color:var(--web-theme-color-black);}
#footer li,#footer li a{color:rgba(255,255,255,0.4);}
#footer li a:hover,#footer a:hover,#footer .footer-top-list li a:hover{color:var(--web-theme-color-white);}
.footer-top-list{display: -webkit-flex; display: flex; border-bottom:#666 solid 1px; padding-bottom:2rem;}
.footer-top-list li{ padding-left:6rem;}
#footer .footer-top-list li:first-child{ padding:0;}
#footer .footer-top-list li a{ font-size:2rem; text-align:center; color:rgba(255,255,255,0.8);}
#footer a:hover{color:var(--web-theme-color-white);}
.footer-mid{display: -webkit-grid; display: grid; grid-template-columns:1fr 1fr 1fr; padding-bottom:3rem; margin-top:4rem;  border-bottom:#666 solid 1px;}
.footer-mid h2{ padding-top:2rem;}
.footer-mid h2 a{color:var(--web-theme-color);}
.footer-mid-name,#footer h3{color:var(--web-theme-color-white);}
.footer-mid-name{ font-size:3rem; line-height:1.6em; }
.footer-mid-name span{color: var(--web-theme-color);}
.footer-mid ul{ padding-top:1.4rem;}
.footer-mid img{ width:14rem;}
.footer-mid p{ padding-top: 1.4rem; text-align: center; color: #999;}
.footer-bottom{ padding-top:4rem;}
.footer-bottom p{display: block; padding-top: 1.6rem;}
.footer-bottom p,.footer-bottom p a{color:rgba(255,255,255,0.8); }
#footer .footer-bottom p:last-child{ display: block; padding:0; color:rgba(255,255,255,.3); }
#footer .footer-bottom p:last-child a{color:rgba(255,255,255,.8);} 
.footer-bottom p a:hover{color:rgba(255,255,255,1);}
#footer .footer-bottom p:last-child a:hover{color:rgba(255,255,255,1);}
/*moblie phone*/
@media (max-width:1023px){ 	
.footer-top-list{display: -webkit-flex; display: flex;  flex-wrap: wrap ;}
.footer-top-list li{ padding-left:3rem;}
#footer .footer-top-list li:first-child{ padding:0;}
#footer .footer-top-list li:nth-child(5),#footer .footer-top-list li:nth-child(6){ padding:0; padding-top:1.4rem;}
#footer .footer-top-list li:nth-child(6){ padding-left:2rem;}
#footer .footer-top-list li a{ font-size:1.6rem; text-align:center; color:rgba(255,255,255,0.8);}
#footer a:hover{color:var(--web-theme-color-white);}
.footer-mid{display: -webkit-grid; display: grid; grid-template-columns:1fr; margin-top:4rem; grid-row-gap:4rem ;}
.footer-mid h2{ line-height: 0;}
.footer-mid-name{ font-size:2.4rem; line-height:1.6em; }
.footer-mid ul{ padding-top:1.4rem;}
.footer-mid img{ width:14rem; margin: 0;}
.footer-mid p{ padding-top:5px; padding-left: 1.4rem; text-align:left; color: #999;  }
.footer-bottom{ padding-top:4rem;}
}