@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer{ background:url(../images/bottom.webp) no-repeat; background-size:cover;}
footer #foottop{display: -webkit-grid; display: grid;grid-template-columns:4fr 1fr  1fr 1fr  1fr; grid-column-gap:6rem; padding-top:6rem;}
footer h3{ display: -webkit-flex; display: flex; align-items: center;  padding-top:2rem; padding-bottom:1.4rem;  font-size:2rem; font-weight:bold; white-space:nowrap; color:var(--web-theme-color-black); }
footer .foot-line{width:2rem; height:5px;background-color: var(--web-theme-color); margin-right:1.2rem; }
.foottop img{ display:inline-block; width:22rem;}
.foottop p a{ display:block; width:min(80%,500px); padding-top:1.6rem; color:var(--web-theme-color-black);}
.foottop-title{  font-size:1.7rem; font-weight:bold;  line-height:1.8em; color:var(--web-theme-color-black);}
.foottop-address{ padding-top:1.4rem;}
.foottop-address a{color:var(--web-theme-color-black);}
.foottop-address a:hover,.foottop  p a:hover,footer ul li a:hover,#copy  p a:hover{color:var(--web-theme-color);}
footer ul li a{ margin-left:3.2rem; color:var(--web-theme-color-black);}
footer ul li{padding-top:8px;}
.foot-first .wrap-flex{align-items: center;}
/*Foot contact*/
#foot-contact{ padding:4rem 0; background-color:var(--web-theme-color); }
#foot-contact .grid{ grid-template-columns:repeat(2,auto);  justify-content: space-between; align-items: center;}
.foot-contact-content h3{color:var(--web-theme-color-white);}
#foot-contact a{display: -webkit-flex; display: flex; align-items: center;}
#foot-contact a span{ margin-left:2rem;font-size:3rem;color:var(--web-theme-color-white);} 
#foot-contact a:hover span{color:var(--web-theme-color-yellow);}
#foot-contact .info-arrow{ background-color:var(--web-theme-color-white); margin-top:0rem; border:none; }
#foot-contact .info-arrow i{ padding:12px; font-size:2.6rem;  font-weight:normal; -ms-transform: rotate(0deg);transform: rotate(0deg); -webkit-text-stroke: 1px var(--web-theme-color); color:var(--web-theme-color);  }
/*copy*/
#copy{ border-top:rgba(233,233,233,.6) solid 1px; margin-top:6rem; padding-bottom:2rem; background-color:transparent;}
#copy  p{ padding-top:3rem; text-align:center; color:var(--web-theme-color-black); word-wrap:break-word; word-break:break-all;}
#copy  p a{color:var(--web-theme-color-black);}
@media (max-width:1023px){
footer{ padding-top:2rem;}	
.foottop p a{ display:block; width:100%; padding-top:1.6rem;}
#foot-contact .info-arrow i{ padding:8px; font-size:2.6rem; }	
footer #foottop{display: -webkit-grid; display: grid;grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:2rem; padding-top:2rem;}
.foottop img{ display:inline-block; width:18rem;}
footer h3{padding-top:10px;}	
.foottop-title{  font-size:1.3rem; font-weight:bold;  line-height:1.8em; color:var(--web-theme-color-black);}
footer .foot-line{width:2rem; height:3px;background-color: var(--web-theme-color); margin-right:1.2rem; }
footer ul li{padding-top:5px;}
/*Foot contact*/
#foot-contact{ padding:2rem 0; }
#foot-contact .grid{ grid-template-columns:1fr; grid-gap:20px;}
#copy{ margin-top:2rem;}
#copy  p a{ display:block;}
}