@charset "UTF-8";

/************************************************
header
************************************************/
#headerArea{position:relative}
#headerArea a{text-decoration:none}
@media screen and (max-width: 640px) {
	#headerArea .headerSpNone{display:none}
}
#headerArea .hBgLayer{display:none;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}

/* headerTop */
#headerArea .headerTop{height:60px;border-bottom:4px solid #007d49;background-color:#fff;position:relative;z-index:6}
#headerArea .headerTop > .inner{display:flex;justify-content:space-between;height:100%}
#headerArea .headerTop .headerTopLeft{display:flex;padding-left:15px;align-items:center}
#headerArea .headerTop .headerTopLeft > img{width:132px;padding:10px 0}

/************************************************
footer
************************************************/
#pageTopArea{position:fixed;width:56px;height:56px;bottom:25px;right:4.687%;z-index:5;opacity:0;visibility:hidden;transition:opacity .25s ease-in,visibility .25s ease-in}
#pageTopArea .pageTopBtn .btn{display:block;width:56px;height:56px;font-size:0;border-radius:50%;background-color:#fff;border:1px solid #BFBFBF;box-shadow:0 2px 4px 0 rgba(0,0,0,.4);position:absolute;bottom:0}
#pageTopArea .pageTopBtn .btn:before{content:'';display:block;width:12px;height:12px;margin:-2px 0 0 -6px;border-top:1px solid #989898;border-right:1px solid #989898;position:absolute;top:50%;left:50%;transition:transform .25s ease-in,margin .25s ease-in;transform:rotate(-45deg)}
@media screen and (max-width: 640px) {
	#footerArea .footerSpNone{display:none}
}
#footerArea .footerTxt01{background-color:#eeeeee;}
#footerArea .footerTxt01 > .inner{text-align: center;padding: 15px 20px;}
#footerArea .footerBtm{background-color:#909090}
#footerArea .footerBtm > .inner{width:100%;padding:20px 15px}
#footerArea #copyright{font-size:.714rem;color:#fff;text-align:center}