/* Common */
.FAQ .TOC,#PageLinks .guide-button{margin-top:25px}
.FAQ .solid-over{padding-top:75px}

/* FAQ CHAT */
.faq-chat{display:flex;align-items:flex-start;gap:20px;margin:0 0 30px}
.faq-chat.question{justify-content:flex-start}
.faq-chat.answer{justify-content:flex-end}
.faq-chat .check{margin-bottom:30px}

/* Speech Bubble */
.faq-balloon{position:relative;max-width:100%;padding:20px;border-radius:20px;line-height:2;box-sizing:border-box}
.faq-balloon .bottom-space{margin-bottom:15px}

/* Questioner */
.question .faq-balloon{background:#FFF;border:2px solid #E2E2E2}

/* Answer Side */
.answer .faq-balloon{background:#F6F2E880;border:2px solid #D8CBAA}

/* Left speech bubble triangle */
.question .faq-balloon::before{content:"";position:absolute;top:30px;left:-14px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:14px solid #E2E2E2}
.question .faq-balloon::after{content:"";position:absolute;top:32px;left:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #FFF}

/* Right speech bubble triangle */
.answer .faq-balloon::before{content:"";position:absolute;top:30px;right:-14px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:14px solid #D8CBAA}
.answer .faq-balloon::after{content:"";position:absolute;top:32px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #F6F2E8}
.answer .circle{margin-bottom:15px}
.answer .circle li::before{top:13px}
.answer .circle li{margin-bottom:8px}

/* FAQ (Text) */
.faq-balloon h3{font-size:120%;line-height:1.8;margin:0}
.faq-balloon p{margin:0 0 10px}
.faq-balloon p:last-child{margin-bottom:0}

/* FAQ LINK */
.faq-answer-wrap{display:flex;flex-direction:column;align-items:flex-end;width:100%}
.faq-answer-inner{display:flex;align-items:flex-start;gap:20px;justify-content:flex-end;width:100%}
.faq-link{width:auto;margin:24px 0 0;text-align:left;box-sizing:border-box}
.faq-link a{position:relative;display:inline-block;padding-left:18px;font-size:90%;text-decoration:underline;color:#8B6B00;transition:.3s ease;line-height:0}

.line-color{margin:65px auto 55px}
.line-color a{background:#06C755}
.line-color a:hover{color:#06C755;background:#FFF}
.line-color a:hover::after{border-left-color:#06C755}

/* Arrow */
.faq-link a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #8B6B00;transition:.3s ease}

/* Hover */
.faq-link a:hover{color:#5A4402;text-decoration:none;transform:translateX(3px);line-height:0}
.faq-link a:hover::before{border-left-color:#5A4402}

#FAQ .question{margin-top:70px}
#FAQ .answer{margin-bottom:75px}

/* FAQ Buttons Animation */
.faq-buttons .guide-button{opacity:0;transform:translateX(-20px);transition:opacity .5s ease,transform .5s ease}
.faq-buttons.faq-show .guide-button{opacity:1;transform:translateX(0)}

/* Delay */
.faq-buttons.manual-show .guide-button:nth-child(1){transition-delay:.05s}
.faq-buttons.faq-show .guide-button:nth-child(2){transition-delay:.1s}
.faq-buttons.faq-show .guide-button:nth-child(3){transition-delay:.15s}
.faq-buttons.faq-show .guide-button:nth-child(4){transition-delay:.2s}
.faq-buttons.faq-show .guide-button:nth-child(5){transition-delay:.25s}
.faq-buttons.faq-show .guide-button:nth-child(6){transition-delay:.3s}
.faq-buttons.faq-show .guide-button:nth-child(7){transition-delay:.35s}
.faq-buttons.faq-show .guide-button:nth-child(8){transition-delay:.4s}
.faq-buttons.faq-show .guide-button:nth-child(9){transition-delay:.45s}
.faq-buttons.faq-show .guide-button:nth-child(10){transition-delay:.5s}
.faq-buttons.faq-show .guide-button:nth-child(11){transition-delay:.55s}

/* Roll Box & Support */
.roll-box{margin:80px 5px}
.support-box{margin:85px 5px 80px}

/*     WSXGA (1680-1050)
----------------------------------------*/
@media (max-width:1680px){



}

/*     PC Laptop (1024-1439)
----------------------------------------*/
@media (max-width:1439px){



}

/*     1280px (SONY 85inch 1280x720)
----------------------------------------*/
@media screen and (max-width:1279px){



}

/*     1138px (DELL 1/3 screen 1138×1440)
----------------------------------------*/
@media screen and (max-width:1138px){

/* Cleaning */
#Cleaning .img04 img{border-radius:14px}

}

/*     Tablet (768-1023) *1024px or less
----------------------------------------*/
@media (max-width:1023px){



}

/* iPad Portrait & Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px){



}

/*     Landscape (for Smartphone)
----------------------------------------*/
@media (orientation:landscape) and (max-height:450px) {



}

/*     Tablet (Breakpoint)
----------------------------------------*/
@media (max-width:780px){



}

/*     640px (Breakpoint)
----------------------------------------*/
@media (max-width:640px){

/* FAQ CHAT */
.faq-chat{gap:12px}
.faq-icon{width:60px}
.faq-balloon{max-width:calc(100% - 67px);padding:15px 18px;border-radius:10px;line-height:1.8}
.faq-balloon h3{font-size:100%}
.faq-answer-inner{gap:12px}

}

/*     Smartphone Portrait (Bootstrap 5)
----------------------------------------*/
@media (max-width:575.98px){




}

/*     440px (iPhone17 Pro Max 440x956)
----------------------------------------*/
@media screen and (max-width:440px){




}

/*     402px (iPhone17 Pro 402x874)
----------------------------------------*/
@media screen and (max-width:402px){



}

/*     390px (iPhone13 Pro 390x844)
----------------------------------------*/
@media screen and (max-width:390px){



}

/*     360px (Xperia 10 360x840)
----------------------------------------*/
@media screen and (max-width:360px){



}