@charset "UTF-8";

/* よくある質問（/faq と TOP の抜粋で共用。下層だけの指定は #faq で限定。配色は会社概要ページに合わせて黒・金） */
.faq-list {text-align: left;color: #000;border-top: 1px solid #000;}
.faq-item {border-bottom: 1px solid #000;}
.faq-q {display: flex;align-items: center;position: relative;cursor: pointer;list-style: none;font-weight: 700;color: #000;}
.faq-q::-webkit-details-marker {display: none;}
.faq-q::before,
.faq-q::after {content: "";position: absolute;top: 50%;background: #000;}
.faq-item[open] .faq-q::after {display: none;}
.faq-mark {display: flex;justify-content: center;align-items: center;flex-shrink: 0;color: #fff;font-family: "Noto Serif JP", serif;font-weight: 600;line-height: 1;letter-spacing: 0;}
.faq-q .faq-mark {background: #000;}
.faq-a .faq-mark {background: #D3AF6B;}
.faq-q-txt {flex: 1;min-width: 0;}
.faq-a {display: flex;align-items: flex-start;font-weight: 500;color: #000;}
.faq-a-txt {flex: 1;min-width: 0;}
.faq-a-txt p {margin-bottom: 1em;}
.faq-a-txt p:last-child {margin-bottom: 0;}
.faq-a-txt a {color: #0080CC;text-decoration: underline;}
#faq .faq-lead {text-align: center;font-weight: 500;color: #000;}
#faq .faq-none {text-align: center;}

@media screen and (min-width: 768px),print {

#faq main {width: 1100px;margin: 0 auto 120px;}
#faq .faq-lead {font-size: 16px;line-height: 2;letter-spacing: 0.8px;margin: 30px 0 60px;}
.faq-q {padding: 28px 60px 28px 0;font-size: 18px;line-height: 1.6;letter-spacing: 0.9px;}
.faq-q::before {right: 14px;width: 20px;height: 1px;margin-top: 0;}
.faq-q::after {right: 23.5px;width: 1px;height: 20px;margin-top: -9.5px;}
.faq-q:hover {opacity: 0.7;}
.faq-mark {width: 44px;height: 44px;margin-right: 24px;font-size: 20px;}
.faq-a {padding: 0 60px 30px 0;}
.faq-a .faq-mark {margin-top: -4px;}
.faq-a-txt {font-size: 16px;line-height: 2;letter-spacing: 0.8px;}

}

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

#faq main {margin: 0 5.3vw 15vw;}
#faq .faq-lead {font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.24vw;margin: 6vw 0 8vw;}
.faq-q {padding: 4.4vw 9vw 4.4vw 0;font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.1vw;}
.faq-q::before {right: 1.5vw;width: 4vw;height: 1px;margin-top: 0;}
.faq-q::after {right: 3.38vw;width: 1px;height: 4vw;margin-top: -1.88vw;}
.faq-mark {width: 8.2vw;height: 8.2vw;margin-right: 3.4vw;font-size: 4.1vw;}
.faq-a {padding: 0 0 4.8vw;}
.faq-a .faq-mark {margin-top: -0.6vw;}
.faq-a-txt {font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.24vw;}

}