@charset "UTF-8";

.faq-list {margin: 0 auto 10%;}
.faq-list dl {margin: 0 auto 4%;}
.faq-list dt {position: relative;padding: 4vw 16vw 4vw 13vw;background: var(--bluebg);cursor: pointer;line-height: 1.5;font-size: 3.6vw;width: 100%;text-indent: -8vw;font-feature-settings: "palt";letter-spacing: .02em;font-weight: bold;}
.faq-list dt:before, .faq-list dt:after {content: '';background: var(--blue);position: absolute;top: 0;right: 0;}
.faq-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 16px;}
.faq-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);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: 4vw;color: var(--naby);line-height: 1;font-family: 'tk-goldenbook-n4';font-weight: 400;margin-right: 4vw;}
.faq-list dt p {margin-bottom: 0;line-height: 1.6;}
.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(--pink);margin-bottom: 2vw;line-height: 1.4;}
.faq-list dd a { display: block; background: var(--pink); font-weight: bold;color:#fff;padding:1.5% 3%;text-align:center;font-size:110%;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 {margin: 0 auto 60px;}
.faq-list dl {margin: 0 auto 20px;}
.faq-list dt {padding: 14px 50px 14px 50px;font-size: 16px;text-indent: -30px;line-height: 1.6;}
.second-text .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: 20px;margin-right: 10px;}
.faq-list dt:before {right: 20px;}
.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;}
	
}

/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 


}