/* Seven supplied screenshots: narrowly scoped corrections. */
/* Fee: accurate desktop masks, kept clear of the figure and its halo. */
.consult-banner{display:block;margin:0;padding:52px 16px 46px;background:#1d4fbf;color:#fff;text-align:center;text-decoration:none}
.consult-banner .tit,.consult-banner .num,.consult-banner .sub{margin:0;color:#fff}
.consult-banner .tit{font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.25;letter-spacing:-1px}
.consult-banner .num{margin-top:6px;font-size:clamp(56px,9vw,92px);font-weight:800;line-height:1.05;letter-spacing:-2px;color:#ffd000}
.consult-banner .sub{margin-top:12px;font-size:clamp(16px,2.5vw,26px);font-weight:500;line-height:1.4;letter-spacing:-.4px}

@media(min-width:769px){
 .fee-hero .fee-left,.fee-hero .fee-right{background:#1b6ac7}
 .fee-hero h2 .fee-left{left:24%;width:19.5%;top:19%;height:17%;font-size:3.65vw}
 .fee-hero h2 .fee-right{left:54%;width:26%;top:19%;height:17%;font-size:3.65vw}
 .fee-hero p .fee-left{left:28%;width:15%;top:41%;height:7%;font-size:1.25vw}
 .fee-hero p .fee-right{left:56.5%;width:23.5%;top:41%;height:7%;font-size:1.25vw}
}
@media(max-width:768px){
 /* Fee art: fade the crop into the blue upper area; continuous original frame. */
 .fee-hero{background:#1b6ac7;isolation:isolate}
 .fee-hero:before{display:none}
 .fee-hero .fee-illustration{display:block;position:absolute;top:39%;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#1b6ac7 0,transparent 12%),url('../images/sub/fee_visual_mobile.jpg') center bottom/100% auto no-repeat;z-index:0}
 .fee-hero:after{display:block;top:18%;left:6.5%;width:87%;height:23%;border:3px solid #fff;border-bottom:0;z-index:1}
 .fee-hero>h2{top:13%;left:15%;width:70%;font-size:clamp(31px,9vw,66px);background:#1b6ac7}
 .fee-hero>p{top:4%;font-size:clamp(10px,3vw,21px);background:transparent}
 /* Screenshot 3: larger sludge intro without changing other page titles. */
 .page-dredging .sub-page h3.detail.sludge-heading{font-size:clamp(11px,3.5vw,25px);letter-spacing:-.35px;line-height:1.4}
 .page-dredging .sub-page h3.detail.sludge-heading>strong:first-of-type{font-size:clamp(16px,4.6vw,33px);line-height:1.35;margin-top:10px}
 .page-dredging .sub-page h3.detail.sludge-heading>strong:last-of-type{font-size:clamp(19px,5.6vw,40px);line-height:1.25;margin-top:12px}
 /* Screenshots 4,6: never orphan the final Korean particle. */
 .page-sink .sub-page .cleannb .txt,.page-sewer .sub-page .cleannb .txt{font-size:clamp(13px,3.7vw,24px);line-height:1.55;letter-spacing:-.35px;word-break:keep-all;overflow-wrap:normal;margin-left:12px;margin-right:12px}
 .cause-phrase{white-space:nowrap}
 /* Screenshot 5: use the available width before reducing copy to three lines. */
 .page-toilet .sub-page .tc-reviews li .cont,.page-sink .sub-page .tc-reviews li .cont{padding:10px 7px 12px}
 .page-toilet .sub-page .tc-reviews li .cont .txt,.page-sink .sub-page .tc-reviews li .cont .txt{font-size:clamp(10px,2.8vw,18px);line-height:1.4;letter-spacing:-.35px;word-break:normal;overflow-wrap:break-word;min-height:4.2em}
 /* Screenshot 7: restore restrained service icons and the original review icon size. */
 .page-sewer .sub-page .sw_review>.list_icon .icon img{display:block;width:auto;max-width:85%;height:52px;object-fit:contain;margin:0 auto}
 .page-sewer .sub-page .sw_review>.list_icon p{font-size:clamp(11px,3.1vw,20px);line-height:1.3}
 .page-sewer .sub-page .sw_review>.list_icon strong{font-size:clamp(14px,3.8vw,25px);line-height:1.25}
 .page-sewer .sub-page .photo-review .tit-icon img{width:auto;height:70px;max-width:100%;object-fit:contain}
}
@media(min-width:769px){
 /* Retain the photograph and lower waves; all visible headings come from HTML. */
 .fee-hero{background:#1b6ac7}
 .fee-hero .fee-illustration{position:absolute;inset:0;background:url('../images/sub/fee_visual.jpg') center/100% 100% no-repeat;clip-path:polygon(44% 0,54% 0,54% 35%,56% 39%,56% 47%,100% 60%,100% 100%,0 100%,0 60%,44% 47%);pointer-events:none}
 .fee-hero .fee-left,.fee-hero .fee-right{background:transparent}
}
@media(min-width:769px){
 .fee-hero .fee-illustration{clip-path:none;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-10%25%22%20y%3D%22-10%25%22%20width%3D%22120%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%229%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M445%20-50%20H530%20V350%20L555%20390%20V470%20L1050%20600%20V1050%20H-50%20V600%20L445%20470%20Z%22%20fill%3D%22white%22%20filter%3D%22url%28%23soft%29%22%2F%3E%3C%2Fsvg%3E%0A");mask-size:100% 100%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-10%25%22%20y%3D%22-10%25%22%20width%3D%22120%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%229%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M445%20-50%20H530%20V350%20L555%20390%20V470%20L1050%20600%20V1050%20H-50%20V600%20L445%20470%20Z%22%20fill%3D%22white%22%20filter%3D%22url%28%23soft%29%22%2F%3E%3C%2Fsvg%3E%0A");-webkit-mask-size:100% 100%}
}
/* Discount banner only: larger live text, sized against the banner width. */
@media(max-width:768px){
 .sub-page .cash-discount{container-type:inline-size}
 .sub-page .cash-discount .tit{left:22%;right:1%;top:50%;font-size:clamp(12px,4.15vw,28px);font-size:clamp(12px,4.4cqw,28px);line-height:1.2;letter-spacing:-.6px;font-weight:700;white-space:nowrap}
 .sub-page .cash-discount .sub{left:22%;right:1%;top:70%;font-size:clamp(10px,3.4vw,22px);font-size:clamp(10px,3.6cqw,22px);line-height:1.25;letter-spacing:-.45px;font-weight:600;white-space:nowrap}
.consult-banner{padding:20px 16px;}
.consult-banner .tit{font-size:clamp(20px,4.4vw,44px);}
.consult-banner .num{margin-top:5px;font-size:clamp(30px,9vw,92px);}
.consult-banner .sub{margin-top:5px;font-size:clamp(14px,2.5vw,26px);}
}