@charset "utf-8";
/*------------------------  special.css  ------------------------*/



/*-----  module  -----*/
.contents { position: relative; margin: 0 auto; padding: 0 3% 90px; max-width: 1180px; }
.c-box { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.1); }
.btn { display: flex; align-items: center; height: 54px; position: relative; padding: 0 32px 0 26px; background: #22150e; font-weight: 800; font-size: 16px; line-height: 1.3; color: #fff; border-radius: 9999px; }
.btn::after { content: ''; position: absolute; top: 50%; right: 14px; width: 16px; height: 16px; background: url(/images/ico_arrow01.svg) no-repeat; background-size: contain; transform: translate(0, -50%); }

@media screen and (max-width: 800px) {
 .contents { padding: 0 3% 40px; }
 .btn { justify-content: center; height: 50px; padding: 0 30px; font-size: 15px; }
 .btn::after { right: 12px; width: 14px; height: 14px; }
}



/*-----  banner-block  -----*/
.banner-block { padding: 0 0 40px; }
.banner-block .banner-block-inner { display: flex; justify-content: center; padding: 50px 3% 65px; background: url(/images/special/bg_banner.png) center bottom #f9f2e3; background-size: cover; }
.banner-block .banner { flex-basis: calc(100%/3); padding: 0 18px; }
.banner-block .banner .cap { padding: 0 0 18px; font-weight: 800; font-size: 19px; text-align: center; }
.banner-block .banner .link { display: block; }

@media screen and (max-width: 800px) {
 .banner-block { padding: 0 0 40px; }
 .banner-block .banner-block-inner { display: block; padding: 35px 20px 48px; }
 .banner-block .banner { margin: 0 auto; padding: 0 0 35px; max-width: 420px; }
 .banner-block .banner:last-of-type { padding: 0; }
 .banner-block .banner .cap { padding: 0 0 12px; font-size: 18px; }
}



/*-----  pagetop  -----*/
#pagetop { position: fixed; right: 10px; width: 160px; cursor: pointer; z-index: 2; }
#pagetop .link { display: block; cursor: pointer; }
#pagetop .link:hover { opacity: .7; transition: all .2s; }

@media screen and (max-width: 800px) {
 #pagetop { right: 5px; width: 110px; }
 #pagetop .link:hover { opacity: 1; transition: all 0s; }
}