@charset "UTF-8";
strong{ font-weight: 700; }

@media screen and (min-width: 768px),print {

/* qa -------------------------------------*/
#faq .subtext{font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;color: #222;text-align: center;margin-bottom: 4.8rem;}
#faq .catelist{display: flex;flex-wrap:wrap;justify-content:center;margin: 0 auto 8rem;max-width: 84.5rem;}
#faq .catelist li {position: relative;width: auto;text-align: center;margin: 0 1.5rem;margin-bottom: 1rem;}
#faq .catelist li:nth-child(3){ margin-right: 0; }
#faq .catelist li a {text-align: center;display: block;padding: 1.1rem 1.4rem 1.1rem 0rem;transition: all 0.3s ease-in-out;font-size: 1.4rem;line-height: 1;letter-spacing: 0em;font-weight: 400;color: var(--blue);border-bottom: var(--blue) 1px solid;}
#faq .catelist li:nth-child(2) a {}
#faq .catelist li:nth-child(3) a {}

#faq .catelist li a::before {content: "";background: url(../images/common/arr.svg)no-repeat;width: 0.8rem;height: 2.2rem;position: absolute;top: 0.6rem;right: 0.7rem;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#faq .catelist li:nth-child(3) a::before {}
#faq .catelist li a:hover::before { top: 1.5rem; }


#qacontents{margin: 0 auto;padding: 0.4rem 5vw 0rem;}
#qacontents .inner-Box{max-width: 100rem;margin: -2.8rem auto 0;position: relative;z-index: 3;}
#qacontents .inner-Box h2{text-align: left;padding-bottom: 0;margin-bottom: 2.4rem;position: relative;font-size: 2.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);}
#qacontents .inner-Box h2::before{content: "";display: inline-block;width: 0.6rem;height: 0.6rem;border: var(--blue) 3px solid;border-radius: 50%;position: relative;top: -0.4rem;left: 0rem;margin-right: 0.7rem;}

#qacontents .inner-Box p.sbbtext {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 5.6rem;}

#qacontents .mmbox { margin-bottom: 8rem; }
#qacontents .mmbox:last-child { margin-bottom: 0rem; }
#qacontents .mmbox .option:last-child{ margin-bottom: 0; }
#qacontents .mmbox .wp-block-paragraph{padding: 0.8rem 0 0;}


}

@media screen and (min-width: 768px) and ( max-width:1023px) {



}

@media screen and (max-width: 767px) {

#faq .subtext{text-align: left;margin-bottom: 3.4vw;font-size: 4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #222;}
#faq .catelist{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto -2.7vw;max-width:100%;}
#faq .catelist li{position:relative;width:auto;text-align:center;margin: 0 1.9vw 0.7vw;}
#faq .catelist li:nth-child(3){margin-right:0;}
#faq .catelist li a{text-align:center;display:block;padding: 2.9vw 3.9vw 1.9vw 0;border-bottom:var(--blue) 1px solid;font-size: 3.2vw;line-height: 1;letter-spacing: 0em;font-weight: 400;color: var(--blue);position: relative;}
#faq .catelist li a::before{content:"";background:url(../images/common/arr.svg) no-repeat;width:2.1vw;height:5.9vw;position:absolute;top:1.6vw;right:1.9vw;transform:rotate(90deg);transform-origin:center;background-size:100% auto;}

#qacontents{margin: 0 auto 12.8vw;padding:1.1vw 5vw 0;}
#qacontents .inner-Box{max-width:100%;margin: 2.7vw auto 0;position:relative;z-index:3;}
#qacontents .inner-Box h2{text-align:left;padding-bottom:0;margin-bottom: 3.6vw;position:relative;margin-top:21.3vw;font-size: 4.5vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);}
#qacontents .inner-Box h2::before{content:"";display:inline-block;width:1.6vw;height:1.6vw;border:var(--blue) 3px solid;border-radius:50%;position:relative;top:-1.1vw;left:0;margin-right: 2.3vw;}
#qacontents .inner-Box p.sbbtext{position:relative;font-size:4.3vw;line-height:2;letter-spacing:.05em;font-weight:400;text-align:left;margin-bottom:14.9vw;}

}