@charset "UTF-8";

.faq-list dl {margin: 0 auto 4%;}
.faq-list dt {position: relative;padding: 3vw 10vw 3vw 11.5vw;background: #fff;cursor: pointer;line-height: 1.5;font-size: 3.6vw;width: 100%;font-feature-settings: "palt";letter-spacing: .02em;}
.faq-list dt:before, .faq-list dt:after {content: '';background: var(--gold);position: absolute;top: 0;right: 0;}
.faq-list dt:before {width: 16px;height: 2px;top: 50%;right: 17px;}
.faq-list dt:after {width: 2px;height: 16px;top: calc(50% - 10px);right: 24px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.faq-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.faq-list dt p:before{content:"Q";font-size: 6vw;color: var(--gold);line-height: 1;font-family: "Marcellus";font-weight: 400;position: absolute;left: 4vw;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.faq-list dt p {margin-bottom: 0;}
.faq-list dd { display: none; padding: 4vw; }
.faq-list dd p:last-child {margin-bottom: 0;}
.faq-list dd p b{ font-weight: bold;display: block;font-size:4vw; color: var(--gold);margin-bottom: 2vw;line-height: 1.4;}
.faq-list dd a { display: block; background: var(--gold); font-weight: bold;color:#fff;padding:1.5% 3%;text-align:center;border-radius:30px;letter-spacing:1px;margin:2vw auto 0;position:relative;}
.faq-list dd a:after{ content: "\f105";font-weight: normal;font-family: 'icon';position:absolute;right:4%;}




/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

.faq-list dl {margin: 0 auto 20px;}
.faq-list dt {padding: 14px 50px 14px 50px;font-size: 16px;line-height: 1.6;}
.faq-list dt p {font-size: 16px;}
.faq-list dd p b{font-size: 18px;margin-bottom: 8px;}
.faq-list dt p:before{font-size: 25px;margin-right: 10px;left: 14px;}
.faq-list dt:before {right: 21px;}
.faq-list dt:after {right: 28px;}
.faq-list dd {padding: 20px 30px;font-size: 14px;}
.faq-list dd a{width:300px;margin:10px 0 0 0;padding:5px 10px;}

	
}