@charset "UTF-8"; @media screen and (min-width: 768px),print {

/* qa -------------------------------------*/
#faq .catelist{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto 0rem;max-width: 84.5rem;}
#faq .catelist li {position: relative;width: 24.8rem;text-align: center;margin-right: 5rem;margin-bottom: 1rem;}
#faq .catelist li:nth-child(3){ margin-right: 0; }
#faq .catelist li a {color: #fff;font-size: 1.6rem;line-height: 1.125;letter-spacing: 0.2em;font-weight: 500;text-align: center;display: block;padding: 1.1rem;transition: all 0.3s ease-in-out;border: var(--mred) 1px solid;background: var(--mred);border-radius: 11rem;}
#faq .catelist li:nth-child(2) a {border: var(--mbl) 1px solid; background: var(--mbl); }
#faq .catelist li:nth-child(3) a {color: #111;border: #E8E8A8 1px solid; background: #F4F4C8;}

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


#qacontents{margin: 0 auto 9.5rem;padding: 0.4rem 5vw 0rem;margin-left: 5rem;}
#qacontents .inner-Box{max-width: 110rem;margin: 0 auto;}
#qacontents .inner-Box h2{padding: 0.7rem 0rem 0.7rem 1rem;margin-bottom: 2.9rem;margin-top: 8rem;font-size: 1.8rem;line-height: 1;letter-spacing: 0.1em;font-weight: 600;text-align: left;border-left: var(--mred) 5px solid;}
#qacontents .inner-Box h2 span{font-size: 16px;position: relative;top: -5px;color: #ccc;font-weight: 500;display: inline-block;margin-right: 10px;}
#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;}




}

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



}

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

#faq .catelist{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto 0;max-width:84.5rem;}
#faq .catelist li{position:relative;text-align:center;margin-right: 1.6vw;margin-bottom: 6.7vw;}
#faq .catelist li:nth-child(3){margin-right:0;margin-bottom: 0;}
#faq .catelist li a{color:#fff;display:block;padding: 2vw 6.9vw 2.4vw 5.4vw;transition:all .3s ease-in-out;border:0.3vw solid var(--mred);background:var(--mred);border-radius:29.3vw;font-size: 3.7vw;line-height: 1.0;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#faq .catelist li:nth-child(2) a{border:.3vw solid var(--mbl);background:var(--mbl);}
#faq .catelist li:nth-child(3) a{color:#111;border:.3vw solid #E8E8A8;background:#F4F4C8;}

#faq .catelist li a::before{content:"";background:url(../images/common/arr-navi.svg) no-repeat;width: 1.2vw;height: 3.3vw;position:absolute;top: 2.6vw;right: 3.4vw;transform:rotate(90deg);transform-origin:center;background-size:100% auto;transition:all .3s ease-in-out;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#faq .catelist li:nth-child(3) a::before{-webkit-filter:brightness(1) invert(0);filter:brightness(1) invert(0);}
#faq .catelist li a:hover::before{top:4vw;}

#qacontents{padding:1.1vw 5vw 0;margin-bottom: 15vw;}
#qacontents .inner-Box{max-width:110rem;margin:0 auto;}
#qacontents .inner-Box h2{padding: 1vw 0 1vw 3.1vw;margin-bottom: 6.7vw;margin-top: 10.67vw;font-size: 4.3vw;line-height:1;letter-spacing:.1em;font-weight:600;text-align:left;border-left: 1.4vw solid var(--mred);}
#qacontents .inner-Box h2 span{font-size:4.3vw;position:relative;top:-1.3vw;color:#ccc;font-weight:500;display:inline-block;margin-right:2.7vw;}
#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;}



}