@charset "utf-8";

#page-kv h1 { margin-bottom: 40px; font-size: 75px; letter-spacing: 0.4rem;}
#page-kv h1 span { font-size: 65px;}
#page-kv p { font-size: 28px; letter-spacing: 0.1rem; text-align: center;}
@media (max-width: 641px) {
	#page-kv h1 { margin-bottom: 20px; font-size: 60px;}
	#page-kv h1 span { font-size: 50px;}
	#page-kv p { font-size: 22px;}
}
@media (max-width: 481px) {
	#page-kv h1 { font-size: 45px;}
	#page-kv h1 span { font-size: 36px;}
	#page-kv p { font-size: 20px; font-weight: 700;}
}


#faq .inner-sct { padding: 20px 0 120px;}
#faq .ctn { width: 84%; max-width: 800px; margin: 0 auto;}
#faq .ctn ul {}
#faq .ctn ul li { padding: 10px 0;}
#faq .ctn ul li dl dt { position: relative; padding: 25px 80px; background: #fbede4;
 font-size: 22px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1.4; cursor: pointer;
}
#faq .ctn ul li dl dt span.eng { position: absolute; left: 20px; top: 50%; transform: translateY(-55%);
 color: #d38d78; font-size: 42px; font-weight: 400; line-height: 1;
}
#faq .ctn ul li dl dt:before,
#faq .ctn ul li dl dt:after { content: ''; display: block; width: 30px; height: 5px;
 background: #b2856a; border-radius: 5px;
 position: absolute; right: 20px; top: 50%;}
#faq .ctn ul li dl dt:before{ transform: translateY(-50%);}
#faq .ctn ul li dl dt:after { transform: translateY(-50%) rotate(90deg); transition: 0.3s linear;}
#faq .ctn ul li dl dt.open:after { transform: translateY(-50%) rotate(0deg);}
#faq .ctn ul li dl dd { position: relative; display: none; padding: 40px 20px 80px 80px; font-size: 22px; letter-spacing: 0.1rem;}
#faq .ctn ul li dl dd span.eng { position: absolute; left: 20px; top: 36px;
 color: #9a876f; font-size: 42px; font-weight: 400; line-height: 1;
}
#faq .ctn ul li dl dd span.note { display: block; padding-top: 30px; color: #666; font-size: 10px;}
#faq .ctn ul li dl dd sub { font-size: 10px; vertical-align: baseline;}

#faq .ctn ul li dl dd a { color: #716050; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
#faq .ctn ul li dl dd a:hover { text-decoration: none;}

@media (max-width: 801px) {
	#faq .ctn ul li dl dt { padding: 20px 60px; font-size: 18px;}
	#faq .ctn ul li dl dt span.eng { left: 15px; font-size: 32px;}
	#faq .ctn ul li dl dd { padding: 20px 20px 60px 60px; font-size: 18px;}
	#faq .ctn ul li dl dd span.eng { left: 15px; top: 18px; font-size: 32px;}
	#faq .ctn ul li dl dd span.note { padding-top: 20px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#faq .inner-sct { padding: 12px 0 80px;}
	#faq .ctn ul li { padding: 6px 0;}
	#faq .ctn ul li dl dt { padding: 25px 50px; font-size: 14px; letter-spacing: 0.05rem;}
	#faq .ctn ul li dl dt:before,
	#faq .ctn ul li dl dt:after { width: 20px; height: 3px; right: 15px;}
	#faq .ctn ul li dl dt span.eng { left: 12px; font-size: 24px;}
	#faq .ctn ul li dl dd { padding: 20px 12px 30px 50px; font-size: 14px; letter-spacing: 0.05rem;}
	#faq .ctn ul li dl dd span.eng { left: 12px; top: 20px; font-size: 24px;}
	#faq .ctn ul li dl dd span.note { padding-top: 20px;}
}