@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-bottom: 5.4rem;}
#faq .catelist li {position: relative;width: 50%;text-align: center;}
#faq .catelist li a {font-size: 1.6rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;border: var(--main-blue) 1px solid;display: block;padding: 1.6rem;transition: all 0.3s ease-in-out; background: #fff;}
#faq .catelist li.acv a{ background: var(--main-blue); color: #fff; }
#faq .catelist li a:hover { background: var(--main-blue); color: #fff; }


#qacontents{margin: 0 auto;padding: 11.2rem 5vw 0rem;margin-left: 5rem;}
#qacontents .inner-Box{max-width: 100rem;margin: 0 auto;}
#qacontents .inner-Box h2{padding: 1.6rem 2.4rem;margin-bottom: 3.2rem;background: #E2E5EA;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-radius: 0rem 3rem 0rem 0rem;}
#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;}

#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;border-bottom: 1px solid #CCC;margin-bottom: 2.4rem;}
#faq .option::before{content: "";}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {display: block;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: left;padding: 0rem 6rem 2.7rem 5.4rem;}
#faq .title span{background: var(--main-blue);color: #fff;position: absolute;top: 0;left: 0.6rem;font-size: 1.5rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: left;width: 3.2rem;height: 3.2rem;text-align: center;padding: 0.8rem 0 0;}
#faq .title::before {content: "";position: absolute;right: 2.25em;top: 0.25em;width: 1px;height: 2.4rem;background-color: var(--main-blue);transition: all 0.3s;}
#faq .title::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 1rem;height: 1.2rem;position: absolute;top: 1.1rem;right: 0.9rem;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#faq .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#faq .content > * { overflow: hidden; }
#faq .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#faq .content div.wysiwyg {margin: 0 0rem 0rem 5.5rem;font-size: 0.9em;line-height: 1.5;}
#faq .content div.wysiwyg span.f-en{background: #fff;color: var(--main-blue);border: var(--main-blue) 1px solid;position: absolute;top: 0;left: 0.6rem;font-size: 1.5rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: left;width: 3.2rem;height: 3.2rem;text-align: center;padding: 0.8rem 0 0;}
#faq .content .wysbox{padding-bottom: 2.4rem;}
#faq .toggle:checked + .title::after {transform: rotate(-90deg) !important; }



}

@media screen and (min-width: 768px) and ( max-width:1023px) {
#qacontents{margin-left: 0;}

}

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

/* 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-bottom: 8.53vw;}
#faq .catelist li {position: relative;width: 50%;text-align: center;}
#faq .catelist li a {border: var(--main-blue) 0.27vw solid;display: block;padding: 3.967vw;transition: all 0.3s ease-in-out;background: #fff;font-size: 3.7vw;line-height: 1;letter-spacing: 0em;font-weight: 700;text-align: center;}
#faq .catelist li.acv a{ background: var(--main-blue); color: #fff; }
#faq .catelist li a:hover { background: var(--main-blue); color: #fff; }


#qacontents{
    padding: 8.1vw 0 0;
}
#qacontents .inner-Box{margin: 0 4.3vw;}
#qacontents .inner-Box h2{padding: 2.67vw 4.27vw;margin-bottom: 6.40vw;background: #E2E5EA;border-radius: 0vw 6.40vw 0vw 0vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#qacontents .inner-Box h2 span{font-size: 4.27vw;position: relative;top: 0vw;color: #ccc;font-weight: 500;display: inline-block;margin-right: 2.67vw;}
#qacontents .inner-Box p.sbbtext {position: relative;font-size: 3.7vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 8vw;}

#faq .accordion {margin: 3em auto; max-width: 60vw; }
#faq .toggle {display: none; }
#faq .option {position: relative;border-bottom: 0.27vw solid #CCC;margin-bottom: 4.4vw;}
#faq .option::before{content: "";}
#faq .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faq .title {display: block;padding: 0vw 8vw 4.2vw 9.1vw;font-size: 3.7vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#faq .title span{background: var(--main-blue);color: #fff;position: absolute;top: -0.2vw;left: 0vw;width: 6.533vw;height: 6.533vw;padding: 1.733vw 0 0;font-size: 3.2vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#faq .title::before {content: "";position: absolute;right: 4.9vw;top: 0.4vw;width: 1px;height: 79%;background-color: var(--main-blue);transition: all 0.3s;}
#faq .title::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 2.267vw;height: 3.2vw;position: absolute;top: 35.5%;right: 0.4vw;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#faq .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#faq .content > * { overflow: hidden; }
#faq .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#faq .content div.wysiwyg {margin: 0 0vw 0vw 9.367vw;line-height: 1.5;padding: 0;}
#faq .content div.wysiwyg span.f-en{background: #fff;color: var(--main-blue);border: var(--main-blue) 1px solid;position: absolute;top: 0vw;left: 0vw;width: 6.533vw;height: 6.533vw;padding: 1.733vw 0 0;font-size: 3.2vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}

#faq .content .wysbox{padding-bottom: 6.4vw;}
#faq .toggle:checked + .title::after {transform: rotate(-90deg) !important; }


}