@charset "UTF-8";

.page-contact .block-inquiry--header { display: none;}
.page-contact .block-inquiry--message { padding: 30px 15px 0; margin: 0 -15px; background: #F8F8F8;}
.page-contact .block-inquiry--message p { margin: 0 auto; font-size: 14px; background: #F8F8F8;}
.page-contact .block-inquiry--form { padding: 10px 15px 40px; margin: 0 -15px; background: #F8F8F8;}
.page-contact .block-inquiry--form form { margin: 0 auto;}
.page-contact .block-inquiry--form form .block-inquiry--back { display: none;}
.page-contact .block-inquiry--form form .block-inquiry--forward { width: 100%; height: 60px; margin: 0 auto; border-color: #111; font-size: 16px; font-weight: 400; line-height: 1.0; letter-spacing: 2px; color: #fff; display: flex; justify-content: center; align-items: center; background: #111; position: relative;}
.page-contact .block-inquiry--form form .action-buttons { margin: 20px 0 0 0;}
.page-contact .block-inquiry--form form .action-buttons .action { position: relative;}
.page-contact .block-inquiry--form form .action-buttons .action::after { content: ''; width: 8px; height: 8px; border-right: 2px solid #fff; border-top: 2px solid #fff; position: absolute; right: 20px; top: calc(50% - 2px); display: block; transform: rotate(45deg);}
.page-contact .block-inquiry--form form .action-buttons .action + .action::after { display: none;}

#page_faq_contents { width: 100%; margin: 0 auto; background: #fff;}
#page_faq_contents .faq-title { font-size: 23px; font-weight: 700; text-align: center;}
#page_faq_contents .faq-anchor-list { width: 100%; margin: 0 0 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#page_faq_contents .faq-anchor-list li { width: calc(50% - 7.5px); margin: 0 0 15px 0;}
#page_faq_contents .faq-anchor-list li a { width: 100%; min-height: 50px; padding: 5px 25px 5px 10px; border: #CCC 1px solid; border-radius: 5px; font-size: 13px; display: flex; align-items: center; position: relative;}
#page_faq_contents .faq-anchor-list li a:after { content: ''; width: 8px; height: 8px; border-right: 2px solid #976F11; border-top: 2px solid #976F11; position: absolute; right: 10px; top: calc(50% - 4px); display: block; transform: rotate(135deg);}

#page_faq_contents .faq-sec { margin: 0 0 40px 0;}
#page_faq_contents .faq-sec-title { margin: 0 0 10px 0; font-size: 18px; font-weight: 700;}
#page_faq_contents .faq-box { position: relative;}
#page_faq_contents .faq-box::before { content: 'Q'; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 20px; font-weight: bold; line-height: 1.0; color: #CC0000; display: inline-block; position: absolute; left: 0; top: 18px;}
#page_faq_contents .faq-box dt.q { width: 100%; padding: 18px 40px 18px 30px; border-bottom: #CCC 1px solid; font-size: 14px; display: flex; align-items: center; position: relative;}
#page_faq_contents .faq-box dt.q::before,
#page_faq_contents .faq-box dt.q::after { content: ''; width: 12px; height: 2px; display: block; background: #976F11; position: absolute; top: calc(50% - 0.8px); right: 10px; transition: 0.3s;}
#page_faq_contents .faq-box dt.q::after { transform: rotate(-90deg);}
#page_faq_contents .faq-box dt.q.open::after { transform: rotate(0deg);}
#page_faq_contents .faq-box dd.a { padding: 18px 15px 18px 50px; font-size: 14px; background: #F8F8F8; position: relative; display: none;}
#page_faq_contents .faq-box dd.a::before { content: 'A'; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 20px; font-weight: bold; line-height: 1.0; color: #333333; display: inline-block; position: absolute; left: 25px; top: 20px;}

/*-----------------------------------------
 リンク
-----------------------------------------*/
.txtLink{
	text-decoration: underline;
}