/* Common */
.Manual .subtittle{font-size:150%;margin:65px auto 70px;padding:0 0 15px 10px;border-bottom:solid 2px #666}
.Manual .TOC,#PageLinks .guide-button{margin-top:25px}
.Manual .bottom-space{margin-bottom:70px}
#Attention .down,#Ban .down,#Basic .down,.Name .down,#Preparation .down,#Procedure .down,#Care .down,.Error .down{margin-top:25px}

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

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

/* Banner Border Color */
.border01{border:solid 2px #FFBEA2}
.border02{border:solid 2px #CECF9D}
.border03{border:solid 2px #FFDDAA}
.border04{border:solid 2px #91C7F7}
.border05{border:solid 2px #D8D4F3}
.border06{border:solid 2px #7FE2F2}
.border07{border:solid 2px #FFD6D6}
.border08{border:solid 2px #CFDFF6}
.border09{border:solid 2px #FEDCC6}
.border10{border:solid 2px #CCC6F5}

/* Attention Table */
#Attention .TOC,#InstructionManual .TOC{margin-top:70px}
#Attention .TableGuide{width:100%;min-width:100%;margin:70px auto 0}
#Attention .TableGuide th{width:3%;background:#FFF}
#Attention .TableGuide tr{width:97%}
th.warning,th.caution,th.ban{font-size:120%;position:relative;padding-left:48px;vertical-align:middle}
th.warning::before,th.caution::before,th.ban::before{width:24px;height:24px;content:"";position:absolute;left:12px;top:50%;transform:translateY(-55%)}
th.warning::before{background:url(../images/warning.png) no-repeat center / contain}
th.caution::before{background:url(../images/caution.png) no-repeat center / contain}
th.ban::before{background:url(../images/ban.png) no-repeat center / contain}

/* Warning Table */
#Warning th.warning,#Caution th.caution,,#Ban th.ban{padding:0;vertical-align:middle}
#Warning th.warning::before,#Caution th.caution::before,#Ban th.ban::before{background:none}
#Warning th.warning,#Caution th.caution,#Ban th.ban{width:5%;font-size:100%;background:#FFF}
#Warning th.warning .th-warning,#Caution th.caution .th-caution,#Ban th.ban .th-ban{height:100%;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
#Warning th.warning .th-warning::before,#Caution th.caution .th-caution::before,#Ban th.ban .th-ban::before{width:48px;height:48px}
#Warning th.warning .th-warning::before{content:"";background:url(../images/warning.png) no-repeat center / contain}#Caution th.caution .th-caution::before{content:"";background:url(../images/caution.png) no-repeat center / contain}#Ban th.ban .th-ban::before{content:"";background:url(../images/ban.png) no-repeat center / contain}
#Warning th,#Caution th,#Ban th{width:5%;padding:0}
#Warning td.second,#Caution td.second{width:15%}
#Warning td.third,#Caution td.third{width:80%}
#Ban td.second{width:95%}
#Warning td{padding:18px 12px}
#Warning td.second,#Caution td.second{padding:10px}
#Warning td.second .label,#Caution td.second .label{width:95px;display:inline-block;padding:10px;background:#ACE0F9}
#Ban .pack10{margin-bottom:15px}
#Caution .TableGuide-wrap,#Ban .TableGuide-wrap{margin-top:0}
#Warning .warning,#Caution .caution,#Ban .ban{border:none}
#Warning .third,#Caution .third,#Ban .second{border-right:none}
#Warning .top-border,#Caution .top-border,#Ban .second{border-top:none}
#Ban .second{border-bottom:none}
#Warning .bottom-border,#Caution .bottom-border{border-bottom:none}
#Warning td,#Caution td,#Ban td{border:1px dashed silver}
#Warning .TableGuide,#Caution .TableGuide{border-top:1px dashed silver}
#Ban .TableGuide{border-top:1px dashed silver;border-bottom:1px dashed silver}
#Warning .circle li,#Caution .circle li,#Ban .circle li{margin-bottom:10px}
#Warning .circle{margin:25px 0}
#Caution .third,#Ban .second{padding-bottom:0}
#Ban .asterisk-mark{margin-bottom:30px}

/* Important */
.matter{width:90px;text-align:center;padding:10px;color:#FFF;background:#C00}
.explanation{flex:1}
.important{display:flex;align-items:center;gap:20px}
.important .circle li{margin-bottom:10px}
#Important .asterisk-mark{margin-top:35px}
#Important .TOC{margin-top:70px}

/* Instruction Manual */
#InstructionManual img,#PageLinks img{box-shadow:5px 5px 10px #999}
#InstructionManual .two-rows p{font-size:90%;text-align:center}
#InstructionManual .two-rows{margin:70px auto 50px;box-shadow:none}
#InstructionManual .two-rows,#InstructionManual .two-rows li{border:none}
#InstructionManual .two-rows li{width:48%}
#InstructionManual .two-rows li{text-decoration:underline}
#InstructionManual .two-rows li:hover{text-decoration:none}
#InstructionManual .two-rows .line02{margin-left:4%}

/* Function */
.parts{margin:15px auto 0;display:grid;grid-template-columns:50% 25% 25%;border-top:1px solid silver;position:relative}
.parts a,.sold_separately a{font-size:80%}
.parts .red{font-size:70%}
.parts::after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed silver}
.item{padding:20px 0 15px;text-align:center}
.item01{grid-column:1;grid-row:1 / 3}
.item02{grid-column:2;grid-row:1}
.item03{grid-column:3;grid-row:1}
.item04{grid-column:2;grid-row:2}
.item05{grid-column:3;grid-row:2}
.item08{grid-column:2;grid-row:3}
.bottom-left{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr}

.item02,.item03,.item06,.item07,.item08,.item10,.item11,.item12{border-bottom:1px solid silver}
.item03,.item05,.item11,.item12{border-left:1.5px dashed silver}
.item06{border-right:1.5px dashed silver}
.item06,.item07,.item08,.item09{border-top:1px solid silver}
.item01 img{display:block;margin:auto}
.item02 img{padding:0 15px}
.item03 img{padding:0 5px}
.item04 img,.item05 img,.item06 img,.item07 img,.item08 img,.item10 img,.item11 img,.item12 img{padding:0 20px}
.item10 img,.item11 img,.item12 img{margin-bottom:0!important}
.item01{display:flex;align-items:center;justify-content:center}
.item02,.item05{display:flex;align-items:flex-end;justify-content:center}

/* Function (Basic) */
#Basic .TOC{margin-top:70px}
#Basic .down{margin-bottom:70px}
#Basic h2.subtittle{margin:60px auto 75px}
#Basic h3.addition{margin-top:0;padding:20px 0 5px 10px;border-top:solid 1px silver}
#Basic .asterisk-mark{font-size:90%;margin-bottom:70px}
.parts a:hover{text-decoration:none}
.sold_separately{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid silver}
.sold_separately .item{text-align:center}

/* Function (Name) */
.Name .TOC{margin-top:5px}
.Name h2.subtittle{font-size:150%;margin:0 auto 70px;padding:0 0 15px 10px;border-bottom:solid 2px #666}
.PartName{width:100%;margin:70px auto 50px;display:grid;grid-template-columns:34% 32% 34%}
.PartName .subtittle{font-size:90%;margin:0;padding:0;border-bottom:none}
.PartName p{font-size:90%}
.PartName ul{min-width:100%;font-size:95%;grid-column:1 / -1}
.PartName .circle{margin:35px 0 20px}
.part-left,.part-right{display:flex;flex-direction:column;gap:15px}
.part-center{display:flex;align-items:center;justify-content:center;margin-left:6%;margin-right:9%}
.part-center img{width:auto;height:auto}
.part-left .part-box,.part-right .part-box{padding:0}
.PartName .SP{display:none}

/* Blue & Botton */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25{position:relative;padding-left:20px;vertical-align:middle}
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{width:16px;height:16px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%)}
.blue01::before{background:url(../images/blue01.png) no-repeat center / contain}
.blue02::before{background:url(../images/blue02.png) no-repeat center / contain}
.blue03::before{background:url(../images/blue03.png) no-repeat center / contain}
.blue04::before{background:url(../images/blue04.png) no-repeat center / contain}
.blue05::before{background:url(../images/blue05.png) no-repeat center / contain}
.blue06::before{background:url(../images/blue06.png) no-repeat center / contain}
.blue07::before{background:url(../images/blue07.png) no-repeat center / contain}
.blue08::before{background:url(../images/blue08.png) no-repeat center / contain}
.blue09::before{background:url(../images/blue09.png) no-repeat center / contain}
.blue10::before{background:url(../images/blue10.png) no-repeat center / contain}
.blue11::before{background:url(../images/blue11.png) no-repeat center / contain}
.blue12::before{background:url(../images/blue12.png) no-repeat center / contain}
.blue13::before{background:url(../images/blue13.png) no-repeat center / contain}
.blue14::before{background:url(../images/blue14.png) no-repeat center / contain}
.blue15::before{background:url(../images/blue15.png) no-repeat center / contain}
.blue16::before{background:url(../images/blue16.png) no-repeat center / contain}
.blue17::before{background:url(../images/blue17.png) no-repeat center / contain}
.blue18::before{background:url(../images/blue18.png) no-repeat center / contain}
.blue19::before{background:url(../images/blue19.png) no-repeat center / contain}
.blue20::before{background:url(../images/blue20.png) no-repeat center / contain}
.blue21::before{background:url(../images/blue21.png) no-repeat center / contain}
.blue22::before{background:url(../images/blue22.png) no-repeat center / contain}
.blue23::before{background:url(../images/blue23.png) no-repeat center / contain}
.blue24::before{background:url(../images/blue24.png) no-repeat center / contain}
.blue25::before{background:url(../images/blue25.png) no-repeat center / contain}

/* Operation & Procedure (Common Layout) */
.relative{font-size:100%;margin:25px auto 80px;position:relative;display:flex;gap:40px}
.relative::after{width:0;content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed silver;transform:translateX(-50%)}
.relative-left,.relative-right{width:50%}
.relative-left ul,.relative-right ul{margin:0;padding:0}
.relative .TOC,.relative .down{display:none}

/* Operation */
#Operations h2.subtittle{margin-bottom:15px}
#Operations .relative{margin-top:10px;margin-bottom:0}
#Operations .scroll-02{margin:75px auto 0}
#Operations .scroll-04,#Operations .scroll-06,#Operations .scroll-07,#Operations .scroll-08{margin:70px auto 0}
#Operations .relative-left .main_image{margin:55px auto 65px}
#Operations .relative-right .main_image{margin:55px auto 50px}
#Operations .TOC{margin-top:70px}
#Operations p img{margin:0 4px -2px}
#Operations .bottom-space{margin-top:55px}

/* Operation (A～J) */
.relative li.A::before,.relative li.B::before,.relative li.C::before,.relative li.D::before,.relative li.E::before,.relative li.F::before,.relative li.G::before,.relative li.H::before,.relative li.I::before,.relative li.J::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat}
.relative li.CD::before{content:"";position:absolute;left:0;top:1px;width:45px;height:20px;background-size:contain;background-repeat:no-repeat}
.relative li.A::before{background-image:url(../images/orange_A.png)}
.relative li.B::before{background-image:url(../images/orange_B.png)}
.relative li.C::before{background-image:url(../images/orange_C.png)}
.relative li.D::before{background-image:url(../images/orange_D.png)}
.relative li.E::before{background-image:url(../images/orange_E.png)}
.relative li.F::before{background-image:url(../images/orange_F.png)}
.relative li.G::before{background-image:url(../images/orange_G.png)}
.relative li.H::before{background-image:url(../images/orange_H.png)}
.relative li.I::before{background-image:url(../images/orange_I.png)}
.relative li.J::before{background-image:url(../images/orange_J.png)}
.relative li.CD::before{background-image:url(../images/orange_CD.png)}
.relative-menu li{position:relative;display:block;padding-left:28px;margin-bottom:12px}
.relative-menu .CD{padding-left:52px}
.relative-menu .D,.relative-menu .F{margin-top:10px}
.relative-menu .J{margin-bottom:0}
#Operations .relative-menu li{text-decoration:underline}

/* Operation (Indicator) */
.relative .indicator{margin:50px auto 25px}
.indicator li{position:relative;display:block;padding-left:30px;margin-bottom:12px}
.indicator li.low-watwr::before,.indicator li.watwr-change::before,.indicator li.filter-change::before{content:"";width:85px;height:30px;position:absolute;left:0;top:0;background-size:contain;background-repeat:no-repeat}
.indicator li.low-watwr::before{background-image:url(../images/indicator01.png)}
.indicator li.watwr-change::before{background-image:url(../images/indicator02.png)}
.indicator li.filter-change::before{background-image:url(../images/indicator03.png)}
.indicator li.low-watwr,.indicator li.watwr-change,.indicator li.filter-change{margin-left:-2px;padding-left:90px;line-height:30px}
.arrow{margin-top:50px;display:flex;align-items:center;gap:8px}
.arrow::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #666;flex-shrink:0}
.relative-right .circle{margin-bottom:40px}
.relative-right .circle img{margin:0 4px -3px}
.relative-right .asterisk-mark{margin:-10px 0 25px}
.relative-right .circle li{margin-bottom:12px}
.relative-right .scroll-04{margin-top:0}

/* Preventions */
#preventions .addition{position:relative;font-size:120%;margin-bottom:70px;padding-left:35px}
#preventions .addition::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;background:url(../images/windmill.png) no-repeat center / contain}
#preventions .item .top{margin-bottom:70px}
.preventions{margin:30px auto 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}
.preventions .top{display:flex;align-items:center;gap:15px;margin-bottom:10px}
.preventions img{max-width:120px;height:auto;margin-left:-20px;object-fit:contain}
.preventions .medium{height:100%;font-size:110%;padding-top:16px;line-height:1.4}
.preventions .text{font-size:90%;line-height:1.8}
.preventions .medium,.preventions .text,.preventions .asterisk-mark{text-align:left}
.preventions .scroll-06{padding-bottom:30px}

/* Preparation */
#Preparation{margin-bottom:0}
#Preparation .relative{margin-bottom:65px}
#Preparation .relative::after{border-left:none}
#Preparation .addition{position:relative;font-size:120%;margin-bottom:70px;padding-left:35px}
#Preparation .addition::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;top:15px;background:url(../images/windmill.png) no-repeat center / contain}
#Preparation .relative-left p{text-align:center}
#Preparation .img01,#Preparation .img02,#Preparation .img03{margin:0 auto}
#Preparation .small-circle{margin-bottom:50px}
#Preparation .small-circle li::before{top:6px}
#Preparation .small-circle .medium{text-decoration:underline}
#Preparation .circle{margin:65px 0 0 -20px}
#Preparation .circle li{padding-left:16px}
#Preparation .circle li::before{top:7px}
#Preparation .box01,#Preparation .box02{margin:55px 0 0}
#Preparation .box03{margin:55px 0 0}
#Preparation .green-mark{padding-left:7px}
#Preparation .green-mark li::before{top:5px}
#Preparation .bottom-space{margin-top:0}
#Preparation .solid-over{border:none;padding-top:0}
#Preparation h3.solid-over{padding-top:0}
#Preparation .blackcircle01{margin-bottom:60px}

/* Green Botton */
.green-mark{margin:0;padding-left:7px}
.green-mark li{position:relative;display:block;padding-left:25px}
.green-mark li::before{content:'';width:14px;height:14px;position:absolute;display:inline-block;top:4px;left:0;background:#92C845;border-radius:50%}

/* Black Botton */
.blackcircle01::before,.blackcircle02::before,.blackcircle03::before,.blackcircle04::before,.blackcircle05::before,.blackcircle06::before,.blackcircle07::before{content:"";width:20px;height:20px;position:absolute;left:0;top:3px;background-size:contain;background-repeat:no-repeat}
.blackcircle01,.blackcircle02,.blackcircle03,.blackcircle04,.blackcircle05,.blackcircle06,.blackcircle07{position:relative;padding-left:28px}
.blackcircle01::before{background-image:url(../images/black01.png)}
.blackcircle02::before{background-image:url(../images/black02.png)}
.blackcircle03::before{background-image:url(../images/black03.png)}
.blackcircle04::before{background-image:url(../images/black04.png)}
.blackcircle05::before{background-image:url(../images/black05.png)}
.blackcircle06::before{background-image:url(../images/black06.png)}
.blackcircle07::before{background-image:url(../images/black07.png)}
.small-circle li.blackcircle01::before,.small-circle li.blackcircle02::before,.small-circle li.blackcircle03::before,.small-circle li.blackcircle04::before{width:16px;height:16px;top:4px!important}
.small-circle li{padding-left:25px}

/* Procedure */
#Procedure h2.subtittle{margin:60px auto 70px}
#Procedure .circle li::before{top:7px}
#Procedure .small-circle li::before{top:1px!important}

.first-item{margin-bottom:75px}
.first-item h3,.second-item h3,.third-item h3{margin:0 auto 70px;text-decoration:underline}.third-item h3{text-decoration:none}.fourth-item h3{margin-top:0}
.second-item p.medium{margin:65px auto 70px}
.second-item,.third-item{padding-top:70px;border-top:solid 1px silver}
.second-item::after,.third-item::after{margin-top:70px}.fourth-item::after{border:none}
.second-item .blue-wrap{margin-top:70px}
.second-item .blue-wrap .asterisk-mark{margin-bottom:50px}
.third-item{margin-bottom:75px}
.third-item h3.pink02,.third-item h3.pink04,.third-item h3.pink05{margin-top:70px}
.third-item .pink-box .brackets{margin:0 -15px}

.fourth-item .relative-left{margin:0;padding:0}
.fourth-item .caution-box .brackets{margin:0 -5px}
.fourth-item .circle{padding-top:20px;padding-bottom:5px}

#Procedure .fourth-item{margin-bottom:55px;padding-top:70px;border-top:dashed 1.5px silver}
#Procedure .fourth-item .small-circle{margin:0;padding-top:20px}
#Procedure .fourth-item .small-circle .blackcircle02{margin-bottom:0}
#Procedure .fourth-item .small-circle li::before{top:2px!important}

/* Procedure (Irregular) */
#Procedure p img{margin:0 4px -2px}
#Procedure .relative-menu{margin:0 auto 70px}
#Procedure .scroll-04{margin-top:65px}
#Procedure .scroll-07{margin-bottom:0}
#Procedure .img01{margin:70px auto}
#Procedure .img02{margin:75px auto}
#Procedure .img03{margin:75px auto 60px}
#Procedure .img04{margin:75px auto}
#Procedure .img05{margin:65px auto 75px}
#Procedure .img06{margin-bottom:20px}
#Procedure .img07{margin:75px auto 20px}
#Procedure .img08{margin:75px auto}
#Procedure .img09{margin:0 auto 70px}
#Procedure .img10{margin:75px auto}
#Procedure .img11{margin:0 auto 5px}
#Procedure .img12{margin-bottom:25px}
#Procedure .img13 img{border:solid 3.5px #221E1F;border-radius:6px}
#Procedure .img14{margin-top:15px}
#Procedure .relative .relative-left .circle{margin:50px 0 0 5px}
#Procedure .relative .relative-left .circle li{margin-bottom:15px}
#Procedure .relative .relative-right .asterisk-mark{margin-bottom:0}
.relative-left .asterisk-mark img{margin:0 4px -1px}

/* Pink Box (Procedure) */
#Procedure .pink-box{width:auto;font-size:95%;padding:10px;border:2px solid #ED008C;background:#FFF;border-radius:50px}
#Procedure .pink01,#Procedure .pink02,#Procedure .pink03,#Procedure .pink04,#Procedure .pink05{position:relative;padding-left:60px;vertical-align:middle}

/* Blue Box */
.blue-wrap-line-break .blue-box,.blue-wrap .blue-box{width:auto;margin:0 0 0 5px;color:#FFF;background:#52BEE3;border-radius:50px}
.blue-wrap-line-break .blue-box{padding:10px 0 10px 7.5px}
.blue-wrap .blue-box{padding:10px 0 10px 15px}
.blue-wrap p{margin-top:50px}
.blue-wrap-line-break .circle{margin-top:50px;margin-bottom:45px}
.blue-wrap .circle{margin-top:50px}
.relative-right .circle{margin-top:50px}

/* Vertical line */
.blue-wrap-line-break,.blue-wrap{position:relative;margin:50px auto 70px;padding-left:25px}
.blue-wrap-line-break .line,.blue-wrap .line{width:3px;position:absolute;left:8px;bottom:20px;background:#52BEE3;border-radius:3px}
.blue-wrap-line-break .line{top:32px}
.blue-wrap .line{top:21px}

/* Up arrow + horizontal line */
.blue-wrap-line-break::after{top:25px}
.blue-wrap::after{top:14px}
.blue-wrap-line-break .arrow-top-line{top:32px}
.blue-wrap .arrow-top-line{top:21px}
.blue-wrap-line-break::after,.blue-wrap::after{content:"";width:0;height:0;position:absolute;left:18px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #52BEE3}
.blue-wrap-line-break .arrow-top-line,.blue-wrap .arrow-top-line{width:10px;height:3px;position:absolute;left:8px;background:#52BEE3}

/* Down arrow + horizontal line*/
.blue-wrap-line-break .arrow-bottom,.blue-wrap .arrow-bottom{position:absolute;left:18px;bottom:29px}
.blue-wrap-line-break .arrow-bottom::after,.blue-wrap .arrow-bottom::after{content:"";width:0;height:0;position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #52BEE3}
.blue-wrap-line-break .arrow-bottom::before,.blue-wrap .arrow-bottom::before{content:"";width:10px;height:3px;position:absolute;top:7px;left:-10px;background:#52BEE3}

/* Pink Box */
.pink-box{width:auto;font-size:95%;display:flex;align-items:center;gap:10px;padding:15px 10px 0;color:#ED008C;border:2px solid silver;border-radius:8px}
.pink-mark li{position:relative;display:block;padding:0 0 15px 20px}
.pink-mark li::before{content:'';width:12px;height:12px;display:inline-block;position:absolute;top:5px;left:0;background:#ED008C;border-radius:50%}
.box-caution{max-width:150px;height:auto}

.pink01::before,.pink02::before,.pink03::before,.pink04::before,.pink05::before{content:"";position:absolute;width:40px;height:16px;left:10px;top:22px;transform:translateY(-50%)}
.pink01::before{background:url(../images/pink01.png) no-repeat center / contain}
.pink02::before{background:url(../images/pink02.png) no-repeat center / contain}
.pink03::before{background:url(../images/pink03.png) no-repeat center / contain}
.pink04::before{background:url(../images/pink04.png) no-repeat center / contain}
.pink05::before{background:url(../images/pink05.png) no-repeat center / contain}
#Procedure .third-item .relative-left .circle{margin-top:0}
#Procedure .third-item .relative-left .circle{margin-top:65px}
.third-item .main_image{margin-bottom:0}
.third-item .asterisk-mark{margin-top:20px}
.pink02,.pink04,.pink05{margin:50px auto}

.separate li{display:inline-block;vertical-align:top}
.separate .text{width:60%}
.separate .main_image{width:35%;margin:0 0 0 5%}
.separate img{box-shadow:5px 5px 10px #999}

/* Caution Box */
.caution-box{width:auto;font-size:95%;padding:10px;border:2px solid #666;border-radius:50px}
.caution-mark{position:relative;padding-left:45px;vertical-align:middle}
.caution-mark::before{content:"";position:absolute;width:20px;height:20px;left:15px;top:50%;transform:translateY(-50%)}
.caution-mark::before{background:url(../images/caution.png) no-repeat center / contain}
#Procedure .fourth-item .relative-left .circle{margin-bottom:50px}
#Procedure .fourth-item .relative-left .small-circle{margin-top:50px}
.fourth-item{margin-bottom:40px;align-items:center}
.fourth-item .main_image{width:100%;margin:0}
.fourth-item .main_image img{max-width:100%;height:auto}

/* Care (Roll Box) */
.pink-text{color:#ED008C}

/* Care */
.care{display:flex;gap:20px;align-items:stretch}
.care-left{width:90px;margin:0;flex-shrink:0}
.care-left .label{width:100%;height:100%;text-align:center;padding:10px;display:flex;align-items:center;justify-content:center;background:#ACE0F9}
.care-left,.care-right{min-width:0}
.care-right{flex:1;min-width:0}
.care-right p,.care-body p{margin-top:0}
.care-right .check{margin:0}
.care-right .check li{padding-bottom:0;border-bottom:none}

.care-grid{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:20px}
.care03{grid-column:3;grid-row:1 / span 3}
.care-body .circle{margin:0 0 60px 28px}
.care-body-wrap{display:flex;flex-direction:column;gap:0}
.care-body-wrap{flex:1}
.care-body-wrap .circle li{position:relative;display:block;margin:0 0 12px -26px;padding-left:24px}
.care-body-wrap .circle li::before{content:'';width:16px;height:16px;display:inline-block;position:absolute;top:3px;left:0;border-radius:16px}
.care-body-wrap .pink-box{margin-top:70px}
.care-body-wrap .img02,.care-body-wrap .img04{margin-bottom:0}
.care-body-wrap .img03,.care-body-wrap .img05{margin-right:10%}
.care-body-wrap .img07,.care-body-wrap .img06,.care-body-wrap .img08{margin-bottom:0}
.care-body-wrap .img05{margin-bottom:45px}

.care01{position:relative}
.care01::before,.care01::after{content:none}
.care01:has(~.care01)::after{content:"";position:absolute;left:50%;top:31px;bottom:0;transform:translateX(-50%);width:6px;background-image:repeating-linear-gradient(to bottom,#52BEE3 0,#52BEE3 6px,transparent 6px,transparent 14px)}
.care01:has(~.care01)::before{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #52BEE3}

#Care .pink-box{padding:15px 5px 15px 10px}
#Care .solid-over{margin-top:75px;padding-top:75px}
#Care .bottom-space{margin-top:50px}

/* Care (Roll Box) */
#care01 .care-right{padding-bottom:5px}
#care01 .roll-box{margin-bottom:0}

#care03 .care01{position:relative}
#care03 .care01::before,#care03 .care01::after{content:none}
#care03 .care-grid .care01:not(:last-of-type)::after{content:"";position:absolute;left:50%;top:31px;bottom:0;transform:translateX(-50%);width:6px;background-image:repeating-linear-gradient(to bottom,#52BEE3 0,#52BEE3 6px,transparent 6px,transparent 14px)}
#care03 .care-grid .care01:not(:last-of-type)::before{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #52BEE3}
#care03 .care01.is-last::before,#care03 .care01.is-last::after{content:none!important}
#care01,#care02,#care03{margin-bottom:75px}
#care02 p,#care03 p,#care04 p{margin-bottom:65px}
#care02 .bottom-space,#care03 .bottom-space{margin:0;padding-bottom:65px}
#care04 .bottom-space{margin:0}
#care04 .vertical{display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}

/* Cleaning */
#Cleaning .relative{margin-bottom:50px}
#Cleaning .relative-left .bottom-space{margin-bottom:70px}
#Cleaning .caution-box{text-align:center;margin:0 auto 70px}
#Cleaning .caution-box .brackets{margin:0 -5px}
#Cleaning .box01{margin:0 0 75px}
#Cleaning .box02{margin:70px 0 0}
#Cleaning .cleaning-method{width:auto;font-size:95%;margin:70px 0;display:flex;gap:20px}
#Cleaning .cleaning-method .vertical{font-size:105%;display:flex;justify-content:center;padding:16px 8px 8px 8.5px;color:#FFF;background:silver;border-radius:20px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}
#Cleaning .img01{margin:65px auto 70px}
#Cleaning .img02{margin:70px auto 20px}
#Cleaning .relative-right .img03{margin:70px auto}
#Cleaning .img04{margin:70px auto 0}
#Cleaning .img04 img{border:solid 3px #939598;box-shadow:5px 5px 10px #999;border-radius:14px}
#Cleaning .small-circle li::before{top:2px!important}
.cleaning-method .small-circle{padding-top:12px}
.step .blue-box{margin-right:10px;padding:1px 10px 1.5px;color:#FFF;background:#52BEE3;border-radius:20px}
.step li{padding-left:0}
.small-circle .step{font-size:95%;margin:25px 0}

/* Error */
.Error .TableGuide .row01 .brackets{margin-left:-8px}
.Error .TableGuide .row01{width:25%;background:#D1E187}
.Error .TableGuide .row02{width:13%;background:#EFF4D5;padding:12px 0}
.Error .TableGuide .row03{width:24%}
.Error .TableGuide .row04{width:38%}
.Error .TableGuide .row01,.Error .TableGuide .row03,.Error .TableGuide .row04{text-align:left}
.Error .item{margin-bottom:20px}
.Error .item th,.Error .item td{border:none}
.Error .item th{border-right:2px solid #FFF}
.Error .item .row02,.Error .item .row03{border-right:2px solid #FFF}
.Error .item .row01,.Error .item .row02,.Error .item .row03,.Error .item .row04{text-align:center;background:#8DC63E}
.Error .row01 .asterisk-mark{font-size:90%}

/* Error (Product Specifications) */
.specs-section{position:relative;margin:70px auto 60px;padding:75px 0 70px}
.specs-section::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#E4E1E0;z-index:-1}
.specs-section .item{text-align:center}

.specs-inner{max-width:1000px;margin:0 auto;padding:0}
.specs-grid{display:flex;flex-wrap:wrap;gap:20px}
.specs-col{flex:1 1 0}
.specs-section .TableGuide{width:100%;min-width:0;table-layout:fixed;background:#FFF}
.specs-col th,.specs-col td{padding:12px;border:1px solid silver;word-break:break-word}
.specs-col th{background:#8F8F8F;color:#FFF}
.specs-col td{text-align:left}
.specs-inner .asterisk-mark{margin-top:20px}
.col-left{width:46%}
.col-right{width:54%}

/* 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}

/* Icon */
.faq-icon{width:80px;flex-shrink:0}
.faq-icon img{width:100%;height:auto;display:block;border-radius:50%}
.faq-icon p{font-size:85%;text-align:center;text-decoration:underline}

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

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

/* Answer Side */
.answer .faq-balloon{background:#F6F2E8;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}

/* 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:calc(70% + 80px + 20px);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}

/* 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)}
.faq-link a:hover::before{border-left-color:#5A4402}

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

/* Common (Image) */
.Name .for_PC,#Operations .for_PC,#Preparation .for_PC,#Procedure .for_PC,#Care .for_PC{display:block}
.Name .for_SP,#Operations .for_SP,#Preparation .for_SP,#Procedure .for_SP,#Care .for_SP{display:none}

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

/* Function (Name) */
.PartName{grid-template-columns:30% 40% 30%}

/* Procedure */
.third-item h3.pink02 .brackets,.fourth-item h3 .brackets{display:none}

/* Cleaning */
.small-circle .step{margin-left:-25px}
#Cleaning .img04 img{border-radius:8px}

}

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

/* Function (Name) */
.Name .PartName{grid-template-columns:1fr}
.PartName .subtittle{font-size:120%;margin:0 0 25px 0}
.PartName p{font-size:100%}
.part-left{order:1}
.part-center{order:2;margin:70px 0;padding:0}
.part-right{order:3}
.PartName ul{order:4}

/* Blue & Botton */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25{padding:0 0 2px 36px}
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{width:24px;height:24px}
.PartName p.subtittle{margin-top:50px}

/* Preventions */
.preventions{grid-template-columns:repeat(2, 1fr)}
.preventions .text{font-size:95%}

/* Error (Product Specifications) */
.specs-section{padding-top:10px}
.specs-col{margin:65px auto -10px;flex:100%}
.col-left{width:42.5%}
.col-right{width:57.5%}

/* Care */
.care{flex-direction:column}
.care-left{width:100%}
#care04 .vertical{display:block;letter-spacing:0;writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}
.care-left{margin-bottom:50px}

/* Care (Roll Box) */
#care01 .roll-box{margin-top:75px;margin-bottom:0}

}

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

/* Function (Basic) */
.sold_separately .first{display:block}

/* Operation & Procedure (Layout) */
.relative{flex-direction:column}
.relative-left,.relative-right{width:100%}
.relative::after{display:none}
.relative .TOC,.relative .down{display:block}
.relative .TOC{margin-top:70px}
.relative .down{margin-top:25px}

/* Operation */
#Operations .scroll-02,#Operations .scroll-03,#Operations .scroll-04,#Operations .scroll-05,#Operations .scroll-06,#Operations .scroll-07,#Operations .scroll-08{border-top:solid 1px silver}
#Operations .scroll-02,#Operations .scroll-03,#Operations .scroll-07,#Operations .scroll-08{padding-top:70px}
#Operations .scroll-04,#Operations .scroll-06{padding-top:65px}
#Operations .scroll-05{margin-top:15px;padding-top:70px}
#Operations .relative .img02{margin-bottom:0}

/* Operation (Indicator) */
.relative .indicator li{padding:8px 0 0 135px;margin-bottom:30px}
.relative .indicator li.low-watwr::before,.indicator li.watwr-change::before,.indicator li.filter-change::before{width:128px;height:45px}

/* Preparation */
#Preparation .relative{margin-bottom:0}
#Preparation .solid-over{border-top:solid 1px silver;padding-top:70px}
#Preparation h3.solid-over{padding-top:70px}
#Preparation h3.solid-over::before{top:86%}
#Preparation .box01,#Preparation .box02{margin:70px auto 50px}
#Preparation .box03{margin:65px auto 60px}
#Preparation .img01,#Preparation .img02{margin-bottom:25px}

/* Preventions */
.preventions{grid-template-columns:1fr}
.preventions .text{font-size:100%}
#preventions .item{margin-top:40px;padding-top:55px;border-top:solid 1px silver}

/* Procedure */
.first-item h3.scroll-03,.first-item h3.scroll-04,.second-item h3.scroll-06{margin-top:30px;padding-top:70px;border-top:solid 1px silver}
.first-item .blackcircle03::before,.first-item .blackcircle04::before,.second-item .blackcircle06::before{top:73px}
.third-item h3.pink02 .brackets,.fourth-item h3 .brackets{display:inline}
.third-item h3.pink03{margin-top:30px}

/* Cleaning */
#Cleaning .relative-right{margin-top:-40px}
#Cleaning .img03{margin:55px auto 0}
#Cleaning .img04 img{border-radius:18px}

/* Common (Image) */
.Name .for_PC,#Operations .for_PC,#Preparation .for_PC,#Procedure .for_PC,#Care .for_PC{display:none}
.Name .for_SP,#Operations .for_SP,#Preparation .for_SP,#Procedure .for_SP,#Care .for_SP{display:block}

}

/*     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){

/* Function (Basic) */
.sold_separately .first{display:inline}

/* Function (Name) */
.Name .PartName{grid-template-columns:1fr 1fr 1fr;grid-template-columns:26.5% 47% 26.5%}
.PartName div.subtittle,.PartName p.subtittle{font-size:90%;margin-top:0}
.PartName p{font-size:90%}
.PartName .subtittle{margin:0}

/* Blue & Botton */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25{padding-left:20px}
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{width:16px;height:16px}
.part-center{margin-left:4%;margin-right:6%}

/* Operation & Procedure (Layout) */
.relative{font-size:100%;flex-direction:row}
.relative-left,.relative-right{width:50%}
.relative::after{display:inline}
.relative .TOC,.relative .down{display:none}

/* Operation */
#Operations .scroll-02,#Operations .scroll-03,#Operations .scroll-04,#Operations .scroll-05,#Operations .scroll-06,#Operations .scroll-07,#Operations .scroll-08{padding-top:0;border-top:none}
#Operations .scroll-02{margin-bottom:0}
#Operations .scroll-05{margin-top:0}
#Operations .relative .img02{margin-bottom:65px}

/* Operation (Indicator) */
.relative .indicator li{padding-left:90px;margin-bottom:12px}
.relative .indicator li.low-watwr::before,.indicator li.watwr-change::before,.indicator li.filter-change::before{width:85px;height:30px}

/* Preparation */
#Preparation .relative{margin-bottom:50px}
#Preparation .box03{margin:65px auto 10px}

/* Preventions */
.preventions{grid-template-columns:repeat(3, 1fr)}
#preventions .item{margin-top:0;padding-top:20px;border-top:none}
.preventions .text{font-size:90%}

/* Procedure */
.first-item h3.scroll-03,.first-item h3.scroll-04,.second-item h3.scroll-06{margin-top:0;padding-top:0;border:none}
.first-item .blackcircle03::before,.first-item .blackcircle04::before,.second-item .blackcircle06::before{top:3px}
.third-item h3.pink03{margin-top:0}

/* Cleaning */
#Cleaning .relative-right{margin-top:0}
#Cleaning .img03{margin:55px auto 70px}
#Cleaning .img04 img{border-radius:12px}

/* Error (Product Specifications) */
.specs-col{flex:1 1 0}
.col-left{width:41.5%}
.col-right{width:58.5%}

/* Common (Image) */
.Name .for_PC,#Operations .for_PC,#Preparation .for_PC,#Procedure .for_PC,#Care .for_PC{display:block}
.Name .for_SP,#Operations .for_SP,#Preparation .for_SP,#Procedure .for_SP,#Care .for_SP{display:none}

/* Care */
.care{flex-direction:row}
.care-left{width:90px}
#care04 .vertical{display:flex;letter-spacing:.2em;justify-content:center;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}
.care-left{margin-bottom:0}

/* Care (Roll Box) */
#care01 .care-right{padding-bottom:5px}
#care01 .roll-box{margin-top:35px}

}

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

#Procedure .circle li::before{top:9px}
#Procedure .small-circle li::before,#Cleaning .small-circle li::before{top:6px}
.small-circle li.blackcircle01::before,.small-circle li.blackcircle02::before,.small-circle li.blackcircle03::before,.small-circle li.blackcircle04::before{top:6px}

}

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

#Procedure .circle li::before{top:9px}
#Procedure .small-circle li::before,#Cleaning .small-circle li::before{top:6px}
.small-circle li.blackcircle01::before,.small-circle li.blackcircle02::before,.small-circle li.blackcircle03::before,.small-circle li.blackcircle04::before{top:6px}

}

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

/* Preventions */
.preventions{grid-template-columns:repeat(2, 1fr)}
.preventions .text{font-size:95%}

/* Procedure */
.third-item h3.pink02 .brackets,.fourth-item h3 .brackets{display:none}

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

/* Error (Product Specifications) */
.specs-col{flex:100%}
.col-left{width:43%}
.col-right{width:57%}
.specs-col .brackets{display:block;margin-left:-7px}
.specs-col .bottom-space{margin-bottom:-21px}

/* Care */
.care-grid{grid-template-columns:24px 1fr}
.care03{grid-column:1 / -1;grid-row:auto}
#care02 .care01,#care03 .care01,#care04 .care01{padding-bottom:50px}
.care01:has(~.care01)::after{bottom:5px}
.care01:has(~.care01)::before{bottom:-20px}
#care03 .care-grid .care01:not(:last-of-type)::after{top:31px}
#care03 .care-grid .care01:not(:last-of-type)::before{bottom:-20px}
#care03 .asterisk-mark{margin-bottom:70px}

.care-body-wrap .img01,.care-body-wrap .img02{margin-top:0}
.care-body-wrap .img03{margin:75px 0 60px}
.care-body-wrap .img04{margin:0 auto 75px}
.care-body-wrap .img05{margin:65px 0 40px}
.care-body-wrap .img06{margin:60px 0}
.care-body-wrap .img08{margin:20px 0 60px}

#Care .for_PC{display:none}
#Care .for_SP{display:block}

}

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

/* Safety */
#Important .asterisk-mark{margin-top:-15px}
.important{margin:15px auto 50px;flex-direction:column;align-items:center;text-align:left}
.matter{width:108px;font-size:120%;margin-bottom:10px}
.explanation{width:100%}

/* Function (Basic) */
.parts{border-top:none;grid-template-columns:1fr}
.parts a,.sold_separately a{font-size:90%}
.parts .red{font-size:80%}
.parts::after,.item9{display:none}
.bottom-left{display:block}
.item{padding:60px 0 45px;border:none;border-top:1px solid silver}
.item10{border-top:none}
.item img{width:80%}
.item,.bottom-left{grid-column:auto!important;grid-row:auto!important}
.item09,.item13{display:none}
.item12{border-bottom:1px solid silver}
.parts .first,.parts .second{display:inline}
.sold_separately{grid-template-columns:1fr}

/* Function (Name) */
.Name .PartName{grid-template-columns:1fr}
.part-left{order:1}
.part-center{order:2;margin:60px auto 75px;padding:0}
.part-right{order:3}
.PartName ul{order:4}
.part-left .part-box,.part-right .part-box{padding:15px 15px 0}
.part-box{border:1px solid silver;background:#F9F9F9}
.PartName .box08{padding-bottom:15px}

/* Blue & Botton */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25{position:relative;padding:0 0 1px 30px}
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{width:20px;height:20px}
.PartName p.subtittle{margin-top:30px}

/* Operation & Procedure (Layout) */
.relative{flex-direction:column}
.relative-left,.relative-right{width:100%}
.relative::after{display:none}
.relative .TOC,.relative .down{display:block}
.relative .TOC{margin-top:70px}
.relative .down{margin-top:25px}

/* Operation */
#Operations .scroll-02,#Operations .scroll-03,#Operations .scroll-04,#Operations .scroll-05,#Operations .scroll-06,#Operations .scroll-07,#Operations .scroll-08{border-top:solid 1px silver}
#Operations .scroll-02,#Operations .scroll-03,#Operations .scroll-07,#Operations .scroll-08{padding-top:70px}
#Operations .scroll-04,#Operations .scroll-06{padding-top:65px}
#Operations .scroll-05{margin-top:15px;padding-top:70px}
#Operations .relative .img02{margin-bottom:0}

/* Operation (Indicator) */
.relative .indicator li{padding:8px 0 0 135px;margin-bottom:30px}
.relative .indicator li.low-watwr::before,.indicator li.watwr-change::before,.indicator li.filter-change::before{width:128px;height:45px}

/* Preparation */
#Preparation .relative{margin-bottom:0}
#Preparation .box03{margin:65px auto 60px}

/* Preventions */
.preventions{margin:60px auto -10px;grid-template-columns:1fr}
.preventions img{width:120px;height:120px;margin-left:0}
.preventions .text{font-size:100%}
#preventions .item{margin-top:10px;padding-top:55px;border-top:solid 1px silver}
.preventions .scroll-06{padding-bottom:60px}

/* Procedure */
.first-item h3.scroll-03,.first-item h3.scroll-04,.second-item h3.scroll-06{margin-top:30px;padding-top:70px;border-top:solid 1px silver}
.first-item .blackcircle03::before,.first-item .blackcircle04::before,.second-item .blackcircle06::before{top:73px}
.third-item h3.pink02 .brackets,.fourth-item h3 .brackets{display:inline}
.third-item h3.pink03{margin-top:30px}

/* Cleaning */
#Cleaning .relative-right{margin-top:-40px}
#Cleaning .img03{margin:55px auto 0}
#Cleaning .img04 img{border:solid 2px #939598;border-radius:16px}

/* Care */
.care{flex-direction:column}
.care-left{width:100%}
.care-grid{gap:10px}
#care02 .care01,#care03 .care01,#care04 .care01{padding-bottom:50px}
.care01:has(~.care01)::after{bottom:5px}
.care01:has(~.care01)::before{bottom:-10px}
#care03 .care-grid .care01:not(:last-of-type)::after{top:31px}
#care03 .care-grid .care01:not(:last-of-type)::before{bottom:-10px}
#care04 .vertical{display:block;letter-spacing:0;writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}
#care04 .bottom-space{padding-bottom:60px}
.care-left{margin-bottom:50px}
.care-body-wrap .img03,.care-body-wrap .img05{margin-left:5%}

/* Care (Roll Box) */
#care01 .roll-box{margin-top:75px}

/* 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}
.faq-link{width:calc(100% - 67px)}

/* Common */
#Procedure .circle li::before{top:9px}
#Procedure .small-circle li::before,#Cleaning .small-circle li::before{top:6px}
.small-circle li.blackcircle01::before,.small-circle li.blackcircle02::before,.small-circle li.blackcircle03::before,.small-circle li.blackcircle04::before{top:6px}

/* Common (Image) */
.Name .for_PC,#Operations .for_PC,#Preparation .for_PC,#Procedure .for_PC{display:none}
.Name .for_SP,#Operations .for_SP,#Preparation .for_SP,#Procedure .for_SP{display:block}

}

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

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

}

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

/* Blue & Botton */
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{top:40%}

/* Preparation */
#Preparation .circle li::before{top:9px}

/* Procedure */
#Procedure .small-circle li::before{top:3px!important}
#Procedure .fourth-item .small-circle li::before{top:4px!important}

/* Cleaning */
#Cleaning .small-circle li::before{top:4px!important}

}

/* iPhone Portrait */
@media only screen and (max-device-width:440px) and (-webkit-min-device-pixel-ratio:2){

/* Blue & Botton */
.blue01::before,.blue02::before,.blue03::before,.blue04::before,.blue05::before,.blue06::before,.blue07::before,.blue08::before,.blue09::before,.blue10::before,.blue11::before,.blue12::before,.blue13::before,.blue14::before,.blue15::before,.blue16::before,.blue17::before,.blue18::before,.blue19::before,.blue20::before,.blue21::before,.blue22::before,.blue23::before,.blue24::before,.blue25::before{top:45%}

/* Preparation */
#Preparation .circle li::before{top:9px}

/* Procedure */
#Procedure .small-circle li::before{top:3px!important}
#Procedure .fourth-item .small-circle li::before{top:4px!important}

/* Cleaning */
#Cleaning .small-circle li::before{top:4px!important}

}

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

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

}

/*     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){



}