@charset "utf-8";
/* ------------------------------------------------------------ common */
h2{ padding: 0 0 65px; }
h2 span{ letter-spacing: 0.02em; }

.h3style h3 { font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 20px;}
.h3style h3 span { line-height: 150%; font-size: 50px; font-family: neue-haas-grotesk-display,'Noto-Sans-JP-Medium', sans-serif; font-weight: 600; font-style: normal; padding: 0 20px 0 0; }

#faq { padding: 100px 0 125px; }


#faq dl { border-bottom: 1px solid #707070; padding-bottom: 56px; }
#faq dl+dl { padding-top: 52px; }
#faq dl>* {position: relative; padding-left: 48px; }
#faq dl>*:before { content: 'Q'; font-family: 'Neue Haas Grotesk Display Pro', sans-serif; font-weight: 500; font-size: 29px; position: absolute; top: 0; left: 0;}
#faq dl dt { font-size: 24px; line-height: 30px; font-family: 'Noto-Sans-JP-Bold'; }
#faq dl dt:before { content: 'Q'; }
#faq dl dd { line-height: 36px; padding-top: 20px;}
#faq dl dd:before { content: 'A'; color: #BA0000; top: 22px; }


/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

/* ------------------------------------------------------------ common */
h2{ padding: 0 0 40px; }
.ttl span { line-height: 110%; padding: 5px 0 0; }

.h3style h3 { font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 10px;}
.h3style h3 span { line-height: 150%; font-size: 30px; font-family: neue-haas-grotesk-display,'Noto-Sans-JP-Medium', sans-serif; font-weight: 600; font-style: normal; padding: 0 10px 0 0; }

#faq { padding: 40px 0 50px; }

#faq dl { padding-bottom: 25px; }
#faq dl+dl { padding-top: 25px; }
#faq dl>* { padding-left: 25px; }
#faq dl>*:before { font-size: 20px; line-height: 25px;}
#faq dl dt { font-size: 14px; line-height: 25px; }
#faq dl dd { font-size: 14px; line-height: 25px; padding-top: 15px; }
#faq dl dd:before { top: 16px; }
#faq .button { padding-top: 35px; }

}