@charset "UTF-8";

/* qa
----------------------------------------------- */
.tab-wrap {display: flex;flex-wrap: wrap;margin:20px 0;}
.tab-wrap:after {content: '';width: 100%;height: 3px;background: var(--green02);display: block;order: -1;}
.tab-label {color:var(--green02);background: var(--green01);font-weight: bold;white-space: nowrap;text-align: center;padding: 4vw 0;order: -1;position: relative;z-index: 1;cursor: pointer;border-radius: 8px 8px 0 0;flex: 1;}
.tab-label {margin: 0 1vw 1vw;}
.tab-content {width: 100%;height: 0;overflow: hidden;opacity: 0;}
.tab-switch:checked+.tab-label {background: var(--green02);color: #fff;}
.tab-switch:checked+.tab-label+.tab-content { height: auto; overflow: auto; opacity: 1; transition: .5s opacity; margin: 40px auto;}
.tab-switch { display: none;}

.faq-list {margin: 0 auto 10%; }
.faq-list dl {margin: 0 auto 4%;}
.faq-list dt {position: relative;padding: 1.4vw 12vw 2vw 11.2vw;background: #fff;cursor: pointer;text-indent: -2.4em;font-weight: bold;border: 1px solid #ccc;}
.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(--green02);font-family: "Lato";font-weight: 400;margin-right: 2.6vw;position: relative;top: -1px;}
.faq-list dt p {margin-bottom: 0;line-height: 1.4;font-size: 3.6vw;}
.faq-list dt p span {color: var(--green02);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(--green02); 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(--green02); }



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

.tab-wrap {display: flex;flex-wrap: wrap;margin:20px 0;}
.tab-wrap:after {content: '';width: 100%;height: 3px;background: var(--green02);display: block;order: -1;}
.tab-label {background: var(--green01);font-weight: bold;white-space: nowrap;text-align: center;padding: 20px 0 16px;order: -1;position: relative;z-index: 1;cursor: pointer;border-radius: 5px 5px 0 0;flex: 1;margin: 0;}
.tab-label:not(:last-of-type) { margin-right: 5px;}
.tab-content {width: 100%;height: 0;overflow: hidden;opacity: 0;}
.tab-switch:checked+.tab-label { background: var(--green02);color: #fff;}
.tab-switch:checked+.tab-label+.tab-content { height: auto; overflow: auto; opacity: 1; transition: .5s opacity; margin: 40px auto;}
.tab-switch { display: none;}

.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: -2em;line-height: 1.6;background: #fff;}
.second-text .faq-list dt p {font-size: 18px;}
.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 30px;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(--green02); }

	
}