@charset "UTF-8";

.page-contact .container,
.page-contact .block-inquiry { width: 100%;}
.page-contact .block-inquiry--header { display: none;}
.page-contact .block-inquiry--message { padding: 60px 0 0 0; margin: 0; background: #F8F8F8;}
.page-contact .block-inquiry--message p { width: 1200px; margin: 0 auto; font-size: 16px; background: #F8F8F8;}
.page-contact .block-inquiry--form { padding: 10px 0 80px 0; background: #F8F8F8;}
.page-contact .block-inquiry--form form { width: 1200px; margin: 0 auto;}
.page-contact .block-inquiry--form form .block-inquiry--items { background: #fff;}
.page-contact .block-inquiry--form form .block-inquiry--items .form-label,
.page-contact .block-inquiry--form form .block-inquiry--items .constraint { background: #e5e5e5;}
.page-contact .block-inquiry--form form .block-inquiry--items .form-group { border-top: #ccc 1px dotted;}
.page-contact .block-inquiry--form form .block-inquiry--back { display: none;}
.page-contact .block-inquiry--form form .block-inquiry--forward { width: 400px; height: 70px; 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: 40px 0 0 0;}
.page-contact .block-inquiry--form form .action-buttons .action { position: relative; display: inline-block;}
.page-contact .block-inquiry--form form .action-buttons .action + .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_faq_contents { width: 1200px; margin: 0 auto; background: #fff;}
#page_faq_contents .faq-title { font-size: 38px; font-weight: 700; text-align: center;}
#page_faq_contents .faq-anchor-list { display: flex; flex-wrap: wrap;}
#page_faq_contents .faq-anchor-list li { width: calc((100% - 60px) / 3); margin: 0 30px 30px 0;}
#page_faq_contents .faq-anchor-list li a { width: 100%; min-height: 60px; padding: 10px 30px 10px 20px; border: #CCC 1px solid; border-radius: 5px; font-size: 14px; 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: 20px; top: calc(50% - 5px); display: block; transform: rotate(135deg);}
#page_faq_contents .faq-anchor-list li:nth-child(3n) { margin: 0 0 30px 0;}

#page_faq_contents .faq-sec { margin: 0 0 80px 0;}
#page_faq_contents .faq-sec-title { margin: 20px 0; font-size: 26px; 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: 24px; font-weight: bold; line-height: 1.0; color: #CC0000; display: inline-block; position: absolute; left: 15px; top: 18px;}
#page_faq_contents .faq-box dt.q { width: 100%; padding: 18px 50px 18px 55px; border-bottom: #CCC 1px solid; font-size: 16px; 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: 16px; height: 2px; display: block; background: #976F11; position: absolute; top: calc(50% - 0.8px); right: 20px; 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: 30px 50px 30px 100px; font-size: 16px; 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: 24px; font-weight: bold; line-height: 1.0; color: #333333; display: inline-block; position: absolute; left: 65px; top: 30px;}
/*-----------------------------------------
 リスト
-----------------------------------------*/
.numList {
   counter-reset: count 0;
list-style:none;
}
.numList>li {
    padding: 0 0 0 1.8em !important;
    position: relative;
}
.numList > li:before {
    content: counter(count) ". ";
  counter-increment: count 1;
    display: inline-block;
    width: 1.8em;
    padding-right: 0.2em;
    position: absolute;
    top: 0.95em;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    white-space: nowrap;
}

.numList_br {
   counter-reset: count 0;
list-style:none;
}
.numList_br>li {
    padding: 0 0 0 2.8em !important;
    position: relative;
}
.numList_br > li:before {
    content: "（"counter(count)"） ";
  counter-increment: count 1;
    display: inline-block;
    width: 1.8em;
    padding-right: 0.2em;
    position: absolute;
    top: 0.95em;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    white-space: nowrap;
}

.noteList {
list-style:none;
}
.noteList>li {
    padding: 0 0 0 1.2em !important;
    position: relative;
}
.noteList > li:before {
    content: "※";
    display: inline-block;
    width: 1.2em;
    padding-right: 0.2em;
    position: absolute;
    top: 0.95em;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
}

.List {
list-style:none;
}
.List>li {
    padding: 0 0 0 1.2em !important;
    position: relative;
}
.List > li:before {
    content: "・";
    display: inline-block;
    width: 1.2em;
    padding-right: 0.2em;
    position: absolute;
    top: 0.95em;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
}
/*-----------------------------------------
 リンク
-----------------------------------------*/
.txtLink{
	text-decoration: underline;
}