@charset "UTF-8";
/* よくある質問（/qa 一覧・TOP抜粋で共用） */
.qa-item{border-bottom: 1px solid #e6e6e6;}
.qa-list .qa-item:first-child{border-top: 1px solid #e6e6e6;}
.qa-q{display: block;font-weight: 700;position: relative;cursor: pointer;list-style: none;letter-spacing: 0;}
.qa-q::-webkit-details-marker{display: none;}
.qa-badge{color: #fff;background: #07767e;border-radius: 50%;text-align: center;font-weight: 500;position: absolute;left: 0;letter-spacing: 0;}
.qa-a .qa-badge{color: #07767e;background: #e6e6e6;}
.qa-toggle{position: absolute;top: 50%;}
.qa-toggle::before,.qa-toggle::after{content: "";background: #07767e;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.qa-item[open] .qa-toggle::after{display: none;}
.qa-a{position: relative;}
.qa-none{text-align: center;}
#qa-top h2{text-align: center;}
#qa-top .text{text-align: center;}
#qa-top .btn a{display: block;border: 1px solid #1a1a1a;margin: 0 auto;position: relative;}
#qa-top .btn a::before{content: url('../images/index/arr.svg');position: absolute;}

@media screen and (min-width: 768px),print {
.qa-sec{width: 1100px;margin: 0 auto 150px;}
.qa-q{font-size: 18px;letter-spacing: 0.9px;line-height: 1.6;padding: 26px 70px 26px 66px;}
.qa-badge{width: 40px;height: 40px;font-size: 18px;line-height: 40px;}
.qa-q .qa-badge{top: 21px;left: 10px;}
.qa-toggle{width: 18px;height: 18px;right: 24px;margin-top: -9px;}
.qa-toggle::before{width: 18px;height: 2px;}
.qa-toggle::after{width: 2px;height: 18px;}
.qa-a{padding: 0 70px 30px 66px;}
.qa-a .qa-badge{top: -3px;left: 10px;}
.qa-a-txt{font-size: 16px;letter-spacing: 0.8px;line-height: 34px;}
.qa-none{font-size: 16px;letter-spacing: 0.8px;}

#qa-top{width: 1100px;margin: 0 auto;padding: 20px 0 100px;}
#qa-top h2{font-size: 40px;font-weight: 500;letter-spacing: 3.8px;margin-bottom: -15px;}
#qa-top .text{font-size: 14px;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 43px;}
#qa-top .qa-list{margin-bottom: 50px;}
#qa-top .btn a{width: 360px;height: 50px;font-size: 14px;font-weight: 500;letter-spacing: 1.2px;padding: 11px 0 0 21px;}
#qa-top .btn a::before{top: 11px;right: 14px;}

}
@media screen and (max-width: 767px) {
.qa-sec{margin: 0 4vw 17.1vw;}
.qa-q{font-size: 3.6vw;letter-spacing: 0.24vw;line-height: 1.6;padding: 4vw 9vw 4vw 10.5vw;}
.qa-badge{width: 7.2vw;height: 7.2vw;font-size: 3.6vw;line-height: 7.2vw;}
.qa-q .qa-badge{top: 3.6vw;left: 1.2vw;}
.qa-toggle{width: 3.6vw;height: 3.6vw;right: 2.4vw;margin-top: -1.8vw;}
.qa-toggle::before{width: 3.6vw;height: 0.5vw;}
.qa-toggle::after{width: 0.5vw;height: 3.6vw;}
.qa-a{padding: 0 2.4vw 5vw 10.5vw;}
.qa-a .qa-badge{top: -0.4vw;left: 1.2vw;}
.qa-a-txt{font-size: 3.4vw;letter-spacing: 0.24vw;line-height: 1.8;}
.qa-none{font-size: 3.4vw;letter-spacing: 0.24vw;}

#qa-top{padding: 4vw 0 16vw;}
#qa-top h2{font-size: 8.2vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: -1vw;}
#qa-top .text{font-size: 3.6vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 9.4vw;}
#qa-top .qa-list{margin: 0 3vw 8vw;}
#qa-top .btn a{width: 91%;height: 15vw;font-size: 3.6vw;font-weight: 500;letter-spacing: 1.2px;padding: 5vw 0 0 2vw;}
#qa-top .btn a::before{top: 5vw;right: 2vw;}

}