@charset "UTF-8";
/* CSS Document */


#hero{padding: 0; margin: 0;}
/*#hero>div{position: relative; max-width: 1100px; margin: auto;}
#hero h1{position: absolute; left: 42%; top: 122px; max-width:447px; }*/

main{ color: #fff;  /*max-width: 1100px;*/ margin: auto;}

#lead{font-size: 17px;  line-height: 2.1em; text-align: center; margin: 75px auto;}

#subvisual ul{display: flex; justify-content: space-between; max-width: 990px; margin:0 auto 88px;;}
#subvisual li{width: calc((100% - 60px)/3);}

#explanation{max-width: 858px; margin: auto; background: #5F5962; padding: 25px 0;}
#explanation .img{width: 155px; margin: 0 auto 25px;}
#explanation .txt{line-height: 2.2em; text-align: center;}


.btmlink{text-align: center; margin: 120px 0 110px;}
.btmlink .special{font-family: 'Noto Sans JP', sans-serif; color: #B19658; font-size: 18px; font-weight: 500; margin: 0 0 35px; line-height: 2em;}
/*.btmlink .special span{font-size: 22px;}*/
.btmlink .special span{width: 234px; display: inline-block; margin: 15px 0 0;}
.btmlink .txtlink a{font-size: 18px;}

.txtlink a{color: #fff;}


#veri{background: #fff; text-align: center; color: #000; padding: 50px 0 50px; margin: 80px 0 60px;}
#veri .logo{width: 180px; margin: auto;}
#veri .jptxt{font-size: 15px; margin: 30px 0 25px; line-height: 1.7em;}
#veri .entxt{font-size: 13px; line-height: 1.7em;}

/*en*/

#lead .en{margin-top:3em;}
#explanation .en{margin-top: 1.5em;}

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

#lead{font-size: 14px;  margin: 35px auto; padding: 0 4%;}
#explanation{padding: 25px 0 35px;}
#explanation .img{width: 25%;}
#explanation .txt{padding: 0 5%;}

#subvisual li{width: calc((100% - 10px)/3);}

.btmlink .special{font-size: 15px;}
.btmlink .special span{width: 190px;}
.btmlink .txtlink a{font-size: 15px;}

#veri .logo{width: 160px; margin: auto;}
#veri .jptxt{font-size: 14px;}

}

@media screen and (max-width: 375px){
#veri .entxt{letter-spacing: -0.03em;}
}

@media screen and (max-width: 360px){
#explanation .txt{letter-spacing: -0.03em;}
}


/*　220425追加　*/

#special{text-align: center; margin: 0 0 85px;}
#special .lead{font-size: 18px; color: #b19658; line-height: 1.2em;}
#special .tit{font-size: 24px; color: #b19658; line-height: 1.2em; margin: 20px 0 40px; letter-spacing: 0.15em;}
#special .txtlink{display: flex; justify-content: center;}
#special .txtlink li{font-size: 18px; padding: 0 40px;}

@media screen and (max-width: 768px){
#special .txtlink{display: block;}
#special .txtlink li{margin-bottom: 20px;}

#special .lead{font-size: 14px;}
#special .txtlink li{font-size: 14px;}
#special .tit{font-size: 22px; margin: 10px 0 20px;}
}


footer .copy{font-size: 12px; text-align: center; color: white; padding-bottom: 30px;}