@charset "UTF-8";

/* qa
----------------------------------------------- */
.qa-list {margin: 0 auto;}
.qa-list dl {margin: 0 auto 4%;}
.qa-list dt {position: relative;padding: 3vw 9vw;border: 1px solid #e9eaeb;cursor: pointer;line-height: 1.5;font-size: 3.6vw;width: 100%;text-indent: -1.7em;font-feature-settings: "palt";letter-spacing: .02em;background: #fff;}
.qa-list dt span{font-size: 4vw;color: #ef8984;line-height: 1;font-family: 'quicksand';font-weight: 600;margin-right: 3%;}
.qa-list dt:before, .qa-list dt:after {content: '';background: #DADADA;position: absolute;top: 0;right: 0;}
.qa-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 12px;}
.qa-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);right: 20px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.qa-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);}
.qa-list dd {display: none;padding: 3vw;}
.qa-list dd p {text-align: justify;font-feature-settings: "palt";ont-weight: 400;letter-spacing: .02em;font-size: 3.4vw;}
.qa-list dd p:last-child {margin-bottom: 0;}
.qa-list dd p span { font-weight: bold;}


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

.qa-list {margin: 0 auto 50px;}
.qa-list dl {margin: 0 auto 14px;}
.qa-list dt {padding: 14px 20px;font-size: 18px;text-indent: 0;}
.qa-list dt span{font-size: 20px;margin-right: 15px;}
.qa-list dd {padding: 20px;}
.qa-list dd p {font-size: 15px;}

}