@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.unit-banner{position:relative;--side-fr: 50px}.unit-banner[type=overview] .container{min-height:clamp(28.125rem,19.8529rem + 14.7059vw,37.5rem)}.unit-banner[type=detail] .container{min-height:clamp(21.875rem,19.1176rem + 4.902vw,25rem)}.unit-banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}.unit-banner .bg img{width:100%;height:100%;object-fit:cover}.unit-banner .container{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);align-items:end}.unit-banner .text-box{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;max-width:682px}.unit-banner .text-box[data-theme=light] .block-subtitle,.unit-banner .text-box[data-theme=light] .unit-title{color:#fff}.unit-banner .text-box[data-theme=dark] .block-subtitle{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent}.unit-banner .text-box[data-theme=dark] .unit-title{color:#000}@media only screen and (min-width: 1921px){.unit-banner .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){.unit-banner{--side-fr: 20px}.unit-banner .text-box{grid-column:2/-2}.unit-banner .text-box .block-subtitle{font-size:1rem}}section.faq .container{--side-fr: 50px;padding-top:clamp(3.125rem,-2.5rem + 10vw,5rem);padding-bottom:clamp(5rem,-2.5rem + 13.3333vw,8.125rem);padding-right:var(--side-fr);padding-left:var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto}section.faq .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.faq .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){section.faq .container{--side-fr: 20px}section.faq .container>*{grid-column:2/-2}}section.faq .faq-list{display:flex;flex-direction:column;gap:20px;counter-reset:index}section.faq .faq-item{counter-increment:index}section.faq .faq-item .question-block{padding:18px 50px;position:relative;z-index:2;display:flex;align-items:center;gap:50px;border-radius:10px;background:#848484;color:#fff;cursor:pointer;transition:background .4s}section.faq .faq-item .question-block .text-box{flex-grow:1;display:flex;gap:50px}section.faq .faq-item .question-block .label{min-width:50px}section.faq .faq-item .question-block .label p:after{content:"Q" counter(index)}section.faq .faq-item .question-block .question{flex-grow:1}section.faq .faq-item .question-block .icon-box{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:.75rem;transition:transform .4s}section.faq .faq-item .question-block.active{background:#333}section.faq .faq-item .question-block.active .icon-box{transform:scaleY(-1)}section.faq .faq-item .question-block.active~.answer-block .inner{opacity:1}section.faq .faq-item .answer-block{border-radius:10px;box-shadow:0 0 20px #92f3d3cc;display:none}section.faq .faq-item .answer-block .inner{padding:50px;display:flex;gap:50px;opacity:0;transition:opacity .4s}section.faq .faq-item .answer-block .inner .label{min-width:50px}section.faq .faq-item .answer-block .inner .label p:after{color:#12b57f;content:"A" counter(index)}section.faq .faq-item .answer-block ._articleBlock{width:84.0189873418%}@media only screen and (max-width: 900px){section.faq .faq-list{grid-column:1/-1;padding:0 12px}section.faq .faq-item .question-block{padding:15px calc((100vw - 40px) / 18 - 12px);gap:20px}section.faq .faq-item .question-block .question{font-size:1rem}section.faq .faq-item .answer-block .inner{padding:50px calc((100vw - 40px) / 18 - 12px)}section.faq .faq-item .answer-block ._articleBlock{width:100%}}@media only screen and (max-width: 575px){section.faq .faq-list{padding:0}section.faq .faq-item .question-block{padding:15px calc((100vw - 40px) / 18)}section.faq .faq-item .question-block .text-box{flex-direction:column;gap:5px}section.faq .faq-item .answer-block .inner{padding:25px calc((100vw - 40px) / 18);flex-direction:column;gap:20px}}
