﻿@import url("https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css");@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");.cost-difference{font-family:"Noto Sans JP", sans-serif;width:100%;background-color:#fff}.cost-difference__container{padding:16px 32px;background-color:#f5f5f5}.cost-difference__hero{position:relative;display:flex;flex-direction:column;gap:24px;padding:30px 20px 40px;background-image:url(/lp/assets/landing_pages/shares/lp_for_water/bath-room-9bfad8a32c6102d9eb5565227339672d834d8febde3ab457f7aa0a75b2f2b31f.webp);background-size:cover;background-position:center;font-weight:500}.cost-difference__hero-lead{position:relative;margin:0;font-size:16px;color:#333}.cost-difference__hero-lead-text{padding:4px 8px;background-color:#fff}.cost-difference__hero-title{position:relative;margin:8px 0 0;font-size:24px;color:#333}.cost-difference__hero-title-text{padding:4px 8px;background-color:#fff}.cost-difference__hero-highlight{color:#fc822e}.cost-difference__hero-particle{font-size:20px}.cost-difference__price-range{display:flex;flex-direction:column;align-items:center;padding:24px 0}.cost-difference__price-label{position:relative;display:inline-flex;align-items:center;margin:0;padding:10px 16px 10px 44px;background-color:#16335d;border-radius:50px;font-size:18px;color:#fef806}.cost-difference__price-label::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image:url(/lp/assets/landing_pages/shares/lp_for_water/coin-yen-icon-fcc43f3f756161566d0275af7aa575500098d897c478852ddbd5d41ec85b0957.webp);background-size:contain;background-repeat:no-repeat}.cost-difference__price-arrow{margin:12px 0;text-align:center}.cost-difference__price-arrow::before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:20px 10px 0 10px;border-color:#16335d transparent transparent transparent}.cost-difference__price-value{margin:0;font-size:18px;font-weight:bold;text-align:center;color:#333}.cost-difference__price-number{font-family:"Jost", sans-serif;font-size:32px;color:#ff9d00;font-weight:400}.cost-difference__price-wide{text-decoration:underline dashed #fc812e;text-decoration-thickness:2px;text-underline-offset:3px}.cost-difference__question{margin-right:-32px;margin-top:32px;padding:24px 26px 24px 24px;background-color:#fff;border-radius:16px 0 0 16px;position:relative}.cost-difference__question-label{margin:0;font-family:"Jost", sans-serif;font-size:32px;color:#e0e0e0;letter-spacing:2px;position:absolute;top:-14px}.cost-difference__question-content{display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.cost-difference__question-text{margin:0;font-size:20px;font-weight:500;line-height:1.6;color:#333}.cost-difference__question-highlight{color:#fc822e}.cost-difference__question-text-small{font-size:20px}.cost-difference__question-text-large{font-size:24px}.cost-difference__question-image{flex-shrink:0;width:100px;height:120px;margin:0;background-image:url(/lp/assets/landing_pages/shares/lp_for_water/thinking-woman-ca968616ee8a57535e4b806da996710a6263f81e6d74772f99a269b452545a31.webp);background-size:contain;background-repeat:no-repeat;background-position:bottom right}.cost-difference__explanation{padding:0 0 24px}.cost-difference__explanation-text{margin:24px;font-size:16px;line-height:2;color:#333}.cost-difference__explanation-highlight{color:#ff9d00;text-decoration:underline;text-decoration-color:#ff9d00;text-underline-offset:3px}.cost-difference__point{position:relative;margin:0 0 32px;padding:24px;border-radius:8px;background-color:#6bacb5}.cost-difference__point-label{position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 12px;font-family:"Jost", sans-serif;font-size:16px;font-weight:bold;color:#fff;letter-spacing:1px}.cost-difference__point-label::before,.cost-difference__point-label::after{content:"";flex:1;height:1px;background-color:#fff}.cost-difference__point-label::before{margin-right:12px}.cost-difference__point-label::after{margin-left:12px}.cost-difference__point-icon{width:22px;height:22px;margin-right:6px;background-image:url(/lp/assets/landing_pages/shares/lp_for_water/light-bulb-icon-f647879929a40cac86e92ad291e7a4f480ca87147cd049c01ece1c8b51c890c3.webp);background-size:contain;background-repeat:no-repeat}.cost-difference__point-text{margin:0;font-size:14px;line-height:1.7;color:#fff}.cost-difference__point-highlight{color:#fef806}.cost-difference__comparison{margin-bottom:32px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.cost-difference__comparison-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;background-color:#16335d;text-align:center}.cost-difference__comparison-lead{position:relative;display:inline-block;margin:0 0 4px;padding:0 10px;font-size:3.6vw;color:#fef806}.cost-difference__comparison-lead::before,.cost-difference__comparison-lead::after{content:"";position:absolute;top:50%;width:2px;height:20px;background-color:#fff}.cost-difference__comparison-lead::before{left:0;transform:translateY(-50%) rotate(-20deg)}.cost-difference__comparison-lead::after{right:0;transform:translateY(-50%) rotate(20deg)}.cost-difference__comparison-title{margin:0;font-size:18px;color:#fff}.cost-difference__comparison-title-break{display:none}@media (max-width: 409px){.cost-difference__comparison-title-break{display:block}}.cost-difference__comparison-body{padding:24px 20px;background-color:#fff}.cost-difference__comparison-graph{margin:0 0 16px;text-align:center}.cost-difference__comparison-graph-image{max-width:100%;height:auto}.cost-difference__comparison-result{margin:0 0 16px;font-size:18px;text-align:center;color:#333}.cost-difference__comparison-amount{font-family:"Jost", sans-serif;font-size:32px;color:#ff9d00;text-decoration:underline dashed #ff9d00;text-decoration-thickness:2px;text-underline-offset:4px}.cost-difference__comparison-note{margin:0 0 16px;font-size:10px;line-height:1.5;color:#BEBEBE}.cost-difference__comparison-summary{margin:0;padding:16px;border:1px solid #ff9d00;border-radius:4px;font-size:14px;font-weight:500;line-height:1.7;color:#333}.cost-difference__comparison-summary-highlight{color:#ff9d00;font-weight:bold}.cost-difference__comparison-summary-highlight::after{content:"※";font-size:10px;vertical-align:super}
