@charset "UTF-8";
.qa-list {margin: 0 auto 10%;}
.qa-list .midashi01 { color: var(--brown); }
.qa-list dl { margin: 0 auto 4%; }
.qa-list dt { position: relative; padding: 3% 15% 3% 12%; background: #fff; cursor: pointer; line-height: 1.5; font-size: 3.6vw; width: 100%; text-indent: -1.8em; font-feature-settings: "palt"; letter-spacing: .02em; }
.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;line-height: 1; font-family: "aw-conqueror-didot"; font-weight: 400; line-height: 1.4; letter-spacing: 0.04rem;margin-right: 3%;}
.qa-list dt p {margin-bottom: 0;line-height: 1.5;}
.qa-list dd {display: none;padding: 5%;background: #fff;position: relative; border-top: 1px dotted #ccc;}
.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 img { margin: 0 auto 3vw; width: 100%;}
.qa-list dd a { display: inline-block; font-weight: bold; text-decoration: underline;}

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) { 
.qa-list .midashi01 { text-align: center; }
.qa-list {margin: 0 auto 60px;}
.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;background: #fff;}
.second-text .qa-list dt p {font-size: 17px;}
.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: 20px 30px;font-size: 14px;}
.qa-list dd p { font-size: 16px;}
.qa-list dd img { margin: 0 auto 30px; width: auto;}	
}