@charset "UTF-8";

/* ======================================== 
 sp
==========================================*/
.qa-list dl {margin: 0 auto 4%;}
.qa-list dt {position: relative;padding: 3% 13% 3% 11%;cursor: pointer;line-height: 1.5;font-size: 3.6vw;text-indent: -1.8em;font-feature-settings: "palt";letter-spacing: .02em;font-weight: bold;background: var(--bluebg);}
.qa-list dt:before, .qa-list dt:after {content: '';background: #999;position: absolute;top: 0;right: 0;}
.qa-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 16px;}
.qa-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);right: 24px;-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 dt p:before{content:"Q.";font-size: 4vw;color: var(--blue);line-height: 1;margin-right: 3%;font-family: futura-pt;font-weight: 400;font-family: "Marcellus";font-weight: 400;}
.qa-list dt p {margin-bottom: 0;line-height: 1.5;}
.qa-list dt p span {color: var(--green);font-size: 90%;}
.qa-list dd {display: none;padding: 4% 1%;}
.qa-list dd p {text-align: justify;font-feature-settings: "palt";font-weight: 400;letter-spacing: .02em;font-size: 3.4vw;}
.qa-list dd p:last-child {margin-bottom: 0;}
.qa-list dd p span { color:var(--green); }


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

.qa-list dl {margin: 0 auto 20px;}
.qa-list dt {padding: 14px 50px 14px 50px;font-size: 16px;text-indent: -2em;line-height: 1.6;}
.second-text .qa-list dt p {font-size: 16px;}
.qa-list dt p:before{font-size: 20px;margin-right: 10px;}
.qa-list dt:before {right: 20px;}
.qa-list dt:after {right: 28px;}
.qa-list dd {padding: 10px 10px 10px 50px;}
.qa-list dd p {font-size: 15px;}
 }