@charset "UTF-8";


/*---------------------------------

INFORMATION

---------------------------------*/
.information{padding:200px 0 160px;}
.information .sec-ttl small:before,
.information .sec-ttl small:after{width:195px;} 
.information .info-box dl{ display: flex; flex-wrap: wrap; justify-content: center; row-gap: 10px; max-width:1226px; margin:0 auto; background-color:#FFF;}
.information .info-box dt{ width: 38%; text-align:center; line-height:1;}
.information .info-box dt span{display:inline-block;color:#515151;font-weight:bold;font-size:24px;width:270px;text-align:center;border: #9b9b9a solid 5px;line-height:1;padding:18px 0;box-sizing:border-box;}
.information .info-box dt .back {text-align:left; display:block; width:270px; margin:56px auto 0; }
.information .info-box dd{width: 62%; font-size:16px; }
.information .info-box dd h2{font-size:24px; font-weight:bold; margin: .25em 0 2em;}
.information .info-box dd > h2 ~ * {margin-top:1.5em; }


@media screen and (max-width:767px){

/*---------------------------------

INFORMATION

---------------------------------*/

.information{padding:65px 0 90px;}
.information .sec-ttl small:before,
.information .sec-ttl small:after{width:90px;}
.information .info-box dl{margin:0 auto; padding:20px 0 0;}
.information .info-box dt{width:100%; margin-bottom: 20px;}
.information .info-box dt span{font-size:19px; width:210px; border-width:3px;}
.information .info-box dd{width:90%; font-size:13px; }
.information .info-box dd h2{font-size:16px;}

.information .info-box dd .back{text-align:center; margin:56px auto 0;}


}