@charset "UTF-8";
/* ======================================== 
 sp
==========================================*/
.faq-list {margin: 0 auto 10%; }
.faq-list dl {margin: 0 auto 4%;}
.faq-list dt {position: relative;padding: 1.4vw 12vw 3vw 11vw;background: #fff;cursor: pointer;text-indent: -2.2em;font-weight: bold;}
.faq-list dt:before, .faq-list dt:after {content: '';background: #999;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: 6vw;color: var(--pink01);font-family: "futura-pt";font-weight: 400;margin-right: 1.6vw;position: relative;top: 3px;}
.faq-list dt p {margin-bottom: 0;line-height: 1.2;font-size: 3.6vw;color: var(--pink02);}
.faq-list dt p span {color: var(--pink01);font-size: 90%;}
.faq-list dd {display: none;padding: 4vw;}
.faq-list dd p:last-child {margin-bottom: 0;}
.faq-list dd p span { font-weight: bold; }
.faq-list dd a { display: inline-block; color: var(--pink01); font-weight: bold; text-decoration: underline;}

.faq-list dd ul { margin: 4vw auto; }
.faq-list dd li {margin: 7vw 0;counter-increment: mycounter;}
.faq-list dd li b { display: block;margin-bottom: 2vw; padding-bottom: 2vw; border-bottom: 1px dotted #ddd;}
.faq-list dd li b:before { content: counter(mycounter, decimal-leading-zero)"."; margin-right: 1vw; color: var(--pink01); }


/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 
.faq-list {margin: 0 auto 60px;}
.faq-list dl {margin: 0 auto 20px;/* border: 1px solid var(--pink00); */}
.faq-list dt {padding: 14px 50px 19px 50px;font-size: 16px;text-indent: -2em;line-height: 1.6;background: #fff;}
.second-text .faq-list dt p {font-size: 17px;}
.faq-list dt p:before{font-size: 32px !important;margin-right: 10px;}
.faq-list dt:before {right: 20px;}
.faq-list dt:after {right: 28px;}
.faq-list dd {padding: 20px 65px;font-size: 14px;}

.faq-list dd ul { margin: 40px auto; }
.faq-list dd li {margin: 30px 0;counter-increment: mycounter;}
.faq-list dd li b { display: block;margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #ddd;}
.faq-list dd li b:before { content: counter(mycounter, decimal-leading-zero)"."; margin-right: 1vw; color: var(--pink01); }

 }
 
 