@charset "utf-8";
/*
 * Dependency : zReset.css, zCommon.css
 *
 * summary:
 * 01) header
 * 02) footer
 * 03) sub layout
 */


/* **************************************** *
 * header
 * **************************************** */



/* **************************************** *
 * footer
 * **************************************** */
.footer#footer{width: 100%; height:auto; background-color: #F8F8F8; font-size: 13rem; border-top:0;}
.footer .wrap{position: relative;}
.footer .logo{display: inline-block; width: 124px; height: 26px; background:url(/pc/images/img-logo-footer.svg) no-repeat 0 50%; background-size: auto 100%;}
.footer__banner{padding:13.5rem 0 14rem; background-color: #fff; border-top:1rem solid #F8F8F8;}
.footer__bottom{position: relative; width:100%; padding:38rem 0 117rem; border-top:1px solid #EDEDED;}
.footer__bottom .wrap{ padding-right:200rem;}
.footer__bottom .bottom-contact{position: absolute; top:0; right:8rem;}

.banner-link{overflow:hidden; color: var(--textAlternative);}
.banner-link .button{float: right; color: var(--textAlternative);}

.bottom-nav{overflow: hidden; margin-top: 19rem; margin-left: -16rem; font-size: 0;}
.bottom-nav > li{position: relative; display: inline-block; padding: 0 16rem; font-size: 13rem; color: var(--textSecondary);}
.bottom-nav > li:before{content:""; display: block; position: absolute; top: 50%; left: 0; width:1rem; height:8rem; margin-top:-4rem; background-color: var(--textSecondary);}
.bottom-nav > li:first-child:before{content:none;}

.bottom-address{margin-top: 5rem; font-size: 0;}
.bottom-address address{display: block;}
.bottom-address span{display: inline-block; margin:2rem 6rem 0 0; font-size: 13rem; color: var(--textAlternative);}

.bottom-copy{margin-top: 10rem; color: var(--textAssitive); font-size: 11rem;}

.bottom-contact .contact-tit{color: var(--textSecondary);}
.bottom-contact .contact-tel{display: block; margin-top: 2rem; font-size: 25rem; color: var(--textSecondary);}
.bottom-contact .contact-info{color: var(--textAlternative);}
.bottom-contact .contact-info b{display: inline-block; margin-left:2rem; font-weight: 500;}

.bottom-sns{margin-top: 24rem; font-size: 0;}
.bottom-sns > li{display: inline-block;}
.bottom-sns > li + li{margin-left: 19px;}
.bottom-sns > li .sns{display: inline-block; width: 32rem; height: 32rem; border-radius:50%;}
.bottom-sns > li .sns:hover{transform:scale(1.05)}
.bottom-sns > li .sns .ico{width: 100%; height: 100%;}



/* **************************************** *
 * sub layout
 * **************************************** */
.wrap {width: 1200rem; margin: 0 auto;position: relative;}


/* **************************************** *
 * transition
 * **************************************** */
/* footer sns */
.bottom-sns > li .sns{transition:all .35s ease;}