@charset "UTF-8";

/* ========================================================================
 * ビルド成果物（_vite/src → dist/assets/css/style.css）ここから
 * 直接編集しない。修正は _vite/src/sass/ 側で行い、再ビルドして差し替える。
 * ======================================================================== */

:root{
  --max-width:1100px;
  --padding-pc:35px;
  --padding-sp:20px;
}

:root{
  --font-family-base:"Inter", "Noto Sans JP", sans-serif;
  --font-family-jp:"Noto Sans JP", sans-serif;
}

:root{
  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-bold:700;
  --font-weight-extrabold:800;
  --font-weight-black:900;
}

:root{
  --primary-100:#2482cd;
  --primary-dark:#1b2475;
  --primary-blue:#035ddb;
  --primary-30:#d4eafb;
  --primary-10:#f0f8ff;
  --secondary-100:#ffa800;
  --mizutech-blue:#0053c5;
  --white:#fff;
  --black:#222;
  --gray-10:#f5f6f8;
  --gray-20:#e5e7eb;
  --gray-30:#ccced3;
  --gray-50:#9d9fa3;
  --gray-75:#6a7282;
  --caution:#e90e28;
  --graph-warranty:#fd8b00;
  --graph-body:#0080d0;
  --graph-work:#a8d0ff;
  --graph-option:#c7c6c4;
  --accent-orange:#f26202;
  --subsidy-green:#1d9d62;
  --subsidy-green-dark:#0f6b41;
  --subsidy-green-bg:#f0fbf5;
  --subsidy-green-line:#b9e2ce;
  --text-note:#555555;
  --record-bg:rgba(255, 217, 0, 0.2);
  --record-bg-sp:#fff7cc;
  --btn-navy-border:#182166;
  --step-orange:#f39800;
  --btn-border:#dfe7ef;
  --text-on-blue:#c6d0f0;
  --text-black-alt:#333333;
  --line-green:#06c755;
  --opt-selected-bg:#fff7ee;
  --subsidy-section-bg:#f2f8fd;
  --subsidy-green-bg-2:#f5fdf9;
  --card-border:#cfe0ef;
  --text-desc:#666666;
  --text-source:#888888;
  --donut-track:#e8eef5;
  --bar-track:#eaf0f6;
  --deadline-bg:#fff6e8;
  --deadline-border:#f0d9ad;
  --deadline-text:#a8730b;
  --cost-bar-track:#e5e7eb;
  --cost-note-bg:#effaf4;
  --cost-note-border:#bfe8d2;
  --cost-note-text:#1d7a4d;
  --cost-model-green:#5fa978;
  --cost-benefit-bg:#fffaf3;
  --cost-benefit-border:#ffca89;
  --cost-badge-bg:rgba(253, 139, 0, 0.2);
  --cost-thumb-bg:#f3f4f6;
  --card-title:#101828;
  --cta-note:#4a5565;
  --marker-yellow:rgba(255, 168, 0, 0.5);
  --table-head-bg:#eaf2fa;
  --table-border:#dfe7ef;
  --text-muted:#777777;
  --warn-bg:#fff6e8;
  --warn-border:#f0d9ad;
  --warn-title:#a8730b;
  --warn-em:#e03131;
  --section-gray:#f9fafb;
  --text-navy:#1e2939;
  --text-slate:#364153;
  --border-gray-10:#f3f4f6;
  --blog-card-border:#dfe7ef;
  --thumb-bg:#e9eef4;
  --thumb-text:#9aa6b3;
  --shadow-subsidy:rgba(29, 157, 98, 0.16);
  --shadow-cta:rgba(0, 0, 0, 0.2);
  --shadow-btn:rgba(0, 0, 0, 0.1);
  --text-black:var(--black);
  --text-white:var(--white);
  --text-gray-75:var(--gray-75);
  --text-primary-100:var(--primary-100);
  --border-white:var(--white);
  --border-black:var(--black);
  --border-gray-20:var(--gray-20);
  --border-gray-30:var(--gray-30);
  --border-gray-50:var(--gray-50);
  --border-primary-100:var(--primary-100);
  --border-primary-30:var(--primary-30);
  --grad-badge:linear-gradient(90deg, #5093f5 0%, #0961cf 100%);
  --grad-discount:linear-gradient(180deg, #f57708 33.173%, #ffdf20 100%);
  --grad-discount-fallback:#f57708;
  --grad-step:linear-gradient(90deg, #f39800 0%, #f26202 100%);
  --grad-bar-green:linear-gradient(90deg, #38b763 0%, #5fa978 100%);
  --grad-bar-blue:linear-gradient(90deg, #41a6f9 0%, #2482cd 100%);
  --grad-bar-orange:linear-gradient(90deg, #ffc24d 0%, #ffa800 100%);
  --body-bg:#fff;
}

:root{
  --cq-ref-mobile:390;
}

:root{
  --duration-base:0.3s;
}

body{
  background-color:var(--body-bg);
  color:var(--text-black);
  font-family:var(--font-family-base);
}

.u-desktop{
  display:none;
}

.u-desktop-inline{
  display:none;
}

.u-mobile-inline{
  display:inline;
}

.inner{
  margin-inline:auto;
  max-width:var(--max-width);
  padding-inline:var(--padding-pc);
  width:100%;
}

.inner-overflow{
  overflow:hidden;
  width:100%;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
       text-size-adjust:100%;
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  margin:0;
  min-height:100vh;
  padding:0;
  text-rendering:optimizeLegibility;
}

ul,
ol,
button,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
time,
small{
  margin:0;
  padding:0;
}

ul,
ol{
  list-style:none;
}

a:not([class]){
  -webkit-text-decoration-skip:ink;
          text-decoration-skip-ink:auto;
}

a{
  -webkit-text-decoration:none;
  color:inherit;
  display:inline-block;
  text-decoration:none;
}

img{
  display:block;
}

span{
  display:inline-block;
}

.inner.inner--cta{
  max-width:1030px;
  padding-inline:15px;
}

.cta__txt-message p.cta__txt-message-desc{
  color:var(--white);
  font-family:var(--font-family-base);
  font-size:18px;
  font-weight:var(--font-weight-bold);
  line-height:1.3;
  margin-bottom:20px;
}

.gwh-cta{
  align-items:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
}

.gwh-cta__btns{
  display:flex;
  flex-direction:row;
  gap:12px;
  width:100%;
}

.gwh-cta__btn{
  -webkit-text-decoration:none;
  align-items:center;
  border-radius:8px;
  box-shadow:0 10px 20px 0 var(--shadow-cta);
  color:var(--white);
  display:flex;
  flex:1 1 0;
  font-family:var(--font-family-jp);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  gap:12px;
  height:65px;
  justify-content:center;
  line-height:1;
  min-width:0;
  overflow:hidden;
  padding-left:24px;
  padding-right:32px;
  position:relative;
  text-decoration:none;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
}

.gwh-cta__btn::before{
  animation:gwh-cta-shine 3s ease infinite;
  background-image:linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 70%);
  content:"";
  height:200%;
  left:-120%;
  pointer-events:none;
  position:absolute;
  top:-50%;
  width:60%;
  z-index:0;
}

.gwh-cta__btn::after{
  background:url("/images/contents/gas-water-heater/gas-water-heater-arrow-white.svg") no-repeat center/contain;
  content:"";
  height:13px;
  pointer-events:none;
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:10px;
  z-index:1;
}

.gwh-cta__btn--web{
  background-color:var(--accent-orange);
  flex-grow:6;
}

.gwh-cta__btn--line{
  background-color:#06c655;
  flex-grow:4;
}

.gwh-cta__btn-icon{
  flex-shrink:0;
  height:30px;
  position:relative;
  width:30px;
  z-index:1;
}

.gwh-cta__btn-icon--camera{
  background:url("/images/contents/gas-water-heater/gas-water-heater-fv-link-camera.svg") no-repeat center/contain;
}

.gwh-cta__btn-line-icon{
  flex-shrink:0;
  height:auto;
  object-fit:contain;
  position:relative;
  width:28px;
  z-index:1;
}

.gwh-cta__btn-text{
  position:relative;
  z-index:1;
}

.gwh-cta__tel{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--white);
  border-radius:8px;
  box-shadow:0 10px 20px 0 var(--shadow-cta);
  color:#182166;
  display:flex;
  flex-direction:column;
  gap:6px;
  justify-content:center;
  min-height:65px;
  padding:12px 24px;
  position:relative;
  text-decoration:none;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:100%;
}

.gwh-cta__tel::after{
  background:url("/images/contents/gas-water-heater/gas-water-heater-fv-tel-arrow-navy.svg") no-repeat center/contain;
  content:"";
  height:13px;
  pointer-events:none;
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:10px;
}

.gwh-cta__tel-row{
  align-items:center;
  display:flex;
  gap:8px;
}

.gwh-cta__tel-icon{
  background:url("/images/contents/gas-water-heater/gas-water-heater-fv-tel-freedial.svg") no-repeat center/contain;
  flex-shrink:0;
  height:15px;
  width:23px;
}

.gwh-cta__tel-number{
  color:#182166;
  font-family:var(--font-family-base);
  font-size:23px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.01em;
  line-height:1;
}

.gwh-cta__tel-text{
  color:#182166;
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-medium);
  line-height:1;
}

.gwh-cta__note{
  color:var(--white);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-medium);
  line-height:1.5;
  margin-top:4px;
  text-align:center;
}

@keyframes gwh-cta-shine{
  0%{
    left:-120%;
  }

  60%, 100%{
    left:160%;
  }
}

.eco-cute-blog{
  background-color:var(--subsidy-section-bg);
  padding-block:46px;
}

.eco-cute-blog__inner{
  align-items:center;
  display:flex;
  flex-direction:column;
  margin-inline:auto;
  max-width:1100px;
  padding-inline:16px;
  padding-top:10px;
}

.eco-cute-blog__title{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:27px;
  font-weight:var(--font-weight-bold);
  line-height:1.4;
  text-align:center;
}

.eco-cute-blog__cards{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(3, 1fr);
  margin-top:24px;
  width:100%;
}

.eco-cute-blog__cards-item{
  display:flex;
}

.eco-cute-blog__card{
  background-color:var(--white);
  border:1px solid var(--blog-card-border);
  border-radius:9px;
  display:flex;
  flex-direction:column;
  padding:16px;
  transition:opacity var(--duration-base) ease;
  width:100%;
}

.eco-cute-blog__thumb{
  align-items:center;
  background-color:var(--thumb-bg);
  border-radius:6px;
  display:flex;
  height:177px;
  justify-content:center;
  overflow:hidden;
}

.eco-cute-blog__thumb-label{
  color:var(--thumb-text);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
  transition:transform var(--duration-base) ease;
}

.eco-cute-blog__thumb-img{
  height:100%;
  object-fit:cover;
  transition:transform var(--duration-base) ease;
  width:100%;
}

.eco-cute-blog__card-title{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:15px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  margin-top:9px;
}

.eco-cute-blog__card-desc{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:13.5px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
  margin-top:5px;
}

.eco-cute-blog__cta{
  align-items:center;
  background-color:transparent;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px var(--border-primary-100);
  display:flex;
  justify-content:center;
  margin-top:20px;
  max-width:100%;
  padding:16px;
  position:relative;
  transition:background-color var(--duration-base) ease;
  width:320px;
}

.eco-cute-blog__cta::after{
  border-block:5px solid transparent;
  border-left:6px solid var(--primary-100);
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transition:border-left-color var(--duration-base) ease;
  translate:0 -50%;
}

.eco-cute-blog__cta-text{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
  transition:color var(--duration-base) ease;
}

.eco-cute-case{
  background-color:var(--white);
  padding-block:64px;
}

.eco-cute-case__inner{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:32px;
  margin-inline:auto;
  max-width:1032px;
  padding-inline:16px;
}

.eco-cute-case__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-case__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-case__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-case__cards{
  display:grid;
  gap:20px;
  grid-template-columns:repeat(2, 1fr);
  width:100%;
}

.eco-cute-case__card{
  background-color:var(--white);
  border-radius:16px;
  box-shadow:inset 0 0 0 1px var(--border-gray-20);
  display:flex;
  flex-direction:column;
  padding:20px;
}

.eco-cute-case__card-head{
  align-items:center;
  display:flex;
  gap:10px;
  justify-content:center;
}

.eco-cute-case__card-category{
  align-items:center;
  background-color:var(--primary-100);
  border-radius:31px;
  color:var(--text-white);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.45;
  padding:2px 15px;
}

.eco-cute-case__card-title{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:22px;
  font-weight:var(--font-weight-bold);
  line-height:1.45;
}

.eco-cute-case__card-images{
  display:flex;
  gap:10px;
  justify-content:center;
  padding-block:16px;
  position:relative;
}

.eco-cute-case__card-image{
  aspect-ratio:220/300;
  border-radius:4px;
  flex:1;
  overflow:hidden;
  position:relative;
}

.eco-cute-case__card-image::after{
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 39.904%, rgba(0, 0, 0, 0.7) 100%);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}

.eco-cute-case__card-photo{
  height:100%;
  object-fit:cover;
  width:100%;
}

.eco-cute-case__card-label{
  align-items:center;
  color:var(--text-white);
  display:inline-flex;
  font-family:"Inter", var(--font-family-jp);
  font-size:17.326px;
  font-weight:var(--font-weight-bold);
  height:30px;
  justify-content:center;
  left:0;
  line-height:1.21;
  padding:6px 10px;
  position:absolute;
  top:0;
  width:90px;
  z-index:1;
}

.eco-cute-case__card-label--before{
  background-color:var(--gray-75);
}

.eco-cute-case__card-label--after{
  background-color:var(--secondary-100);
}

.eco-cute-case__card-model{
  align-items:center;
  color:var(--text-white);
  display:flex;
  flex-direction:column;
  font-family:var(--font-family-jp);
  left:50%;
  position:absolute;
  text-align:center;
  top:88%;
  translate:-50% -50%;
  width:100%;
  z-index:2;
}

.eco-cute-case__card-model-name{
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.6;
}

.eco-cute-case__card-image--after .eco-cute-case__card-model-name{
  color:var(--secondary-100);
  font-size:14px;
  line-height:1.5;
}

.eco-cute-case__card-model-note{
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:1.6;
}

.eco-cute-case__card-time{
  align-items:center;
  background-color:var(--secondary-100);
  display:flex;
  height:44px;
  isolation:isolate;
  justify-content:center;
  left:146px;
  position:absolute;
  top:144px;
  white-space:nowrap;
  width:91px;
  z-index:3;
}

.eco-cute-case__card-time::after{
  border-color:transparent transparent transparent var(--secondary-100);
  border-style:solid;
  border-width:38.97px 0 38.97px 58.5px;
  content:"";
  left:85.75px;
  position:absolute;
  top:50%;
  translate:0 -50%;
  z-index:-1;
}

.eco-cute-case__card-time-text{
  color:var(--text-black);
  font-family:"Inter", var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-extrabold);
  letter-spacing:0.0833em;
  line-height:2.6111;
  padding-left:31.75px;
}

.eco-cute-case__card-summary{
  align-items:center;
  background-color:var(--white);
  box-shadow:inset 0 1px 0 var(--primary-100), inset 0 -1px 0 var(--primary-100);
  display:flex;
  gap:12px;
  padding-block:2px;
}

.eco-cute-case__card-summary-label{
  align-items:center;
  align-self:stretch;
  background-color:var(--primary-100);
  color:var(--text-white);
  display:flex;
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  justify-content:center;
  line-height:1.36;
  padding:5px 20px;
}

.eco-cute-case__card-summary-item{
  align-items:baseline;
  display:flex;
  gap:4px;
}

.eco-cute-case__card-summary-name{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
}

.eco-cute-case__card-summary-value{
  color:var(--text-black);
  font-family:"Inter", var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.21;
}

.eco-cute-case__card-summary-unit{
  font-size:12px;
  line-height:1.21;
  margin-left:2px;
}

.eco-cute-case__card-customer{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-block:24px;
}

.eco-cute-case__card-customer-head{
  align-items:center;
  display:flex;
  gap:8px;
}

.eco-cute-case__card-stars{
  flex-shrink:0;
  height:14px;
  width:86px;
}

.eco-cute-case__card-customer-info{
  color:var(--text-gray-75);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
}

.eco-cute-case__card-comment{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
}

.eco-cute-case__card-features{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.eco-cute-case__card-feature{
  align-items:center;
  background-color:var(--primary-30);
  border-radius:calc(infinity * 1px);
  color:var(--primary-100);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1;
  padding:6px 12px;
}

.eco-cute-case__more{
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:5px;
  box-shadow:0 2px 3px var(--shadow-cta);
  display:flex;
  height:40px;
  justify-content:center;
  max-width:100%;
  position:relative;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:355px;
}

.eco-cute-case__more::after{
  border-block:3.897px solid transparent;
  border-left:6.75px solid var(--white);
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  translate:0 -50%;
}

.eco-cute-case__more-text{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-comparison{
  background:linear-gradient(180deg, var(--primary-10) 0%, var(--white) 100%);
  padding-block:64px;
}

.eco-cute-comparison__inner{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-comparison__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-comparison__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-comparison__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-comparison__lead-accent{
  color:var(--primary-100);
}

.eco-cute-comparison__table-wrap{
  width:100%;
}

.eco-cute-comparison__table{
  border-collapse:separate;
  border-spacing:4px 0;
  margin-inline:auto;
  table-layout:fixed;
  width:930px;
}

.eco-cute-comparison__table-corner{
  padding:0;
  width:140px;
}

.eco-cute-comparison__table-head{
  padding:12px 0 2px;
  vertical-align:bottom;
  width:220px;
}

.eco-cute-comparison__table-head--mizutech{
  position:relative;
  width:330px;
}

.eco-cute-comparison__table-head-box{
  align-items:center;
  background-color:var(--gray-20);
  border-radius:14px 14px 0 0;
  color:var(--text-black);
  display:flex;
  flex-direction:column;
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  padding:12px 8px;
  text-align:center;
}

.eco-cute-comparison__table-head--mizutech .eco-cute-comparison__table-head-box{
  background:var(--grad-badge);
  color:var(--text-white);
  gap:1px;
  padding-inline:0;
}

.eco-cute-comparison__table-head--long .eco-cute-comparison__table-head-box{
  font-size:14px;
  letter-spacing:-0.07em;
}

.eco-cute-comparison__table-head-sub{
  font-size:12px;
  font-weight:var(--font-weight-regular);
}

.eco-cute-comparison__table-head-name{
  font-size:18px;
}

.eco-cute-comparison__table-badge{
  background-color:var(--secondary-100);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.03em;
  line-height:1;
  padding:5px 16px 6px;
  position:absolute;
  right:16px;
  top:0;
}

.eco-cute-comparison__table-badge::after{
  background:url("/images/contents/eco-cute/eco-cute-comparison-balloon-arrow.svg") no-repeat center/contain;
  content:"";
  height:6px;
  left:calc(50% - 7px);
  position:absolute;
  top:100%;
  width:14px;
}

.eco-cute-comparison__table-label{
  border-top:1px solid var(--border-gray-20);
  color:var(--text-slate);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  padding:11px 12px 12px;
  text-align:left;
  vertical-align:middle;
  width:140px;
}

.eco-cute-comparison__table-label-box{
  align-items:center;
  display:flex;
  gap:8px;
  height:40px;
}

.eco-cute-comparison__table-label--quality .eco-cute-comparison__table-label-box{
  gap:4px;
}

.eco-cute-comparison__table-label--knowledge .eco-cute-comparison__table-label-box{
  gap:2px;
}

.eco-cute-comparison__table-label-icon{
  flex-shrink:0;
}

.eco-cute-comparison__table-label-text{
  width:56px;
}

.eco-cute-comparison__table-label--price .eco-cute-comparison__table-label-text{
  flex:1 0 0;
  min-width:1px;
  width:auto;
}

.eco-cute-comparison__table-cell{
  background-color:var(--gray-10);
  font-family:var(--font-family-jp);
  padding:20px 16px;
  position:relative;
  text-align:center;
  vertical-align:middle;
  width:220px;
}

.eco-cute-comparison__table-cell--mizutech{
  background-color:var(--primary-10);
  border-inline:2px solid var(--primary-100);
  width:330px;
}

.eco-cute-comparison__table tbody tr:last-child .eco-cute-comparison__table-cell{
  border-radius:0 0 16px 16px;
}

.eco-cute-comparison__table tbody tr:last-child .eco-cute-comparison__table-cell--mizutech{
  border-bottom:2px solid var(--primary-100);
}

.eco-cute-comparison__table-main{
  color:var(--text-navy);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-comparison__table-sub{
  color:var(--text-primary-100);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  margin-top:4px;
}

.eco-cute-comparison__table-other{
  color:var(--text-gray-75);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  height:48px;
  line-height:1.78;
}

.eco-cute-comparison__table-other-sub{
  display:block;
  font-size:12px;
  font-weight:var(--font-weight-light);
  line-height:1.78;
}

.eco-cute-comparison__table-other-sub--regular{
  font-weight:var(--font-weight-regular);
}

.eco-cute-comparison__table-mark{
  position:absolute;
}

.eco-cute-comparison__table-mark--check{
  height:40px;
  left:14px;
  top:22px;
  width:40px;
}

.eco-cute-comparison__table-mark--circle{
  height:40px;
  left:16px;
  top:22px;
  width:40px;
}

.eco-cute-comparison__table-mark--warning,
.eco-cute-comparison__table-mark--cross{
  height:40px;
  left:16px;
  top:23px;
  width:40px;
}

.eco-cute-comparison__table-mark--warning-lg{
  height:44px;
  left:14px;
  top:21px;
  width:44px;
}

.eco-cute-comparison__note{
  color:var(--text-gray-75);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  text-align:center;
}

.eco-cute-cost{
  background:linear-gradient(180deg, var(--primary-10) 0%, var(--white) 100%);
  padding-block:64px;
}

.eco-cute-cost__inner{
  margin-inline:auto;
  max-width:1032px;
  padding-inline:16px;
}

.eco-cute-cost__head{
  text-align:center;
}

.eco-cute-cost__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__title-brand{
  color:var(--mizutech-blue);
}

.eco-cute-cost__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
  margin-top:16px;
}

.eco-cute-cost__breakdown{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:33px;
  margin-top:46.5px;
}

.eco-cute-cost__breakdown-title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:24px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  text-align:center;
}

.eco-cute-cost__chart{
  height:305px;
  max-width:100%;
  position:relative;
  width:1000px;
}

.eco-cute-cost__pie{
  container-type:inline-size;
  left:350px;
  position:absolute;
  top:0;
  width:300px;
}

.eco-cute-cost__pie-graph{
  display:block;
  height:auto;
  width:100%;
}

.eco-cute-cost__pie-arc{
  fill:none;
  stroke-width:42;
}

.eco-cute-cost__pie-arc--track{
  stroke:var(--graph-work);
}

.eco-cute-cost__pie-arc--body{
  stroke:var(--graph-body);
  stroke-dasharray:607.9 202.63;
  transform:rotate(-90deg);
  transform-box:view-box;
  transform-origin:50% 50%;
}

.eco-cute-cost__pie-arc--option{
  stroke:var(--graph-option);
  stroke-dasharray:11.58 798.95;
  stroke-dashoffset:-596.32;
  transform:rotate(-90deg);
  transform-box:view-box;
  transform-origin:50% 50%;
}

.eco-cute-cost__pie-body{
  left:0;
  position:absolute;
  right:0;
  text-align:center;
  top:29.3333333333cqw;
}

.eco-cute-cost__pie-label{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:5.3333333333cqw;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__pie-label-sub{
  display:block;
  font-size:4cqw;
}

.eco-cute-cost__pie-total{
  color:var(--primary-dark);
  font-family:var(--font-family-base);
  font-size:10.6666666667cqw;
  font-weight:var(--font-weight-bold);
  line-height:1;
  margin-top:1cqw;
}

.eco-cute-cost__pie-total-unit{
  font-size:6.6666666667cqw;
}

.eco-cute-cost__pie-note{
  align-items:center;
  color:var(--gray-75);
  display:flex;
  font-family:var(--font-family-jp);
  font-size:4.6666666667cqw;
  font-weight:var(--font-weight-regular);
  gap:1.3333333333cqw;
  justify-content:center;
  line-height:1.5;
  margin-top:2.6666666667cqw;
}

.eco-cute-cost__pie-note::before{
  background-color:var(--graph-warranty);
  border-radius:calc(infinity * 1px);
  content:"";
  flex-shrink:0;
  height:2.6666666667cqw;
  width:2.6666666667cqw;
}

.eco-cute-cost__items{
  inset:0;
  list-style:none;
  position:absolute;
}

.eco-cute-cost__items-item{
  display:flex;
  position:absolute;
}

.eco-cute-cost__items-item--body{
  left:664px;
  top:4px;
  width:335px;
}

.eco-cute-cost__items-item--work{
  left:2px;
  top:29px;
  width:319px;
}

.eco-cute-cost__items-item--option{
  left:77px;
  top:147px;
  width:244px;
}

.eco-cute-cost__items-item--benefit{
  left:664px;
  top:157px;
  width:335px;
}

.eco-cute-cost__items-item--body::before,
.eco-cute-cost__items-item--work::before,
.eco-cute-cost__items-item--option::before{
  background-color:var(--text-black);
  content:"";
  height:1px;
  position:absolute;
}

.eco-cute-cost__items-item--body::after,
.eco-cute-cost__items-item--work::after,
.eco-cute-cost__items-item--option::after{
  background-color:var(--text-black);
  border-radius:calc(infinity * 1px);
  content:"";
  height:5.33px;
  position:absolute;
  translate:-50% -50%;
  width:5.33px;
}

.eco-cute-cost__items-item--body::before{
  left:-45px;
  top:94.5px;
  width:54px;
}

.eco-cute-cost__items-item--body::after{
  left:-45px;
  top:95px;
}

.eco-cute-cost__items-item--work::before{
  left:284px;
  top:51px;
  width:103px;
}

.eco-cute-cost__items-item--work::after{
  left:387px;
  top:51.5px;
}

.eco-cute-cost__items-item--option::before{
  left:238.02px;
  top:14.88px;
  transform:rotate(-7.93deg);
  transform-origin:left center;
  width:51.99px;
}

.eco-cute-cost__items-item--option::after{
  left:289.51px;
  top:8.21px;
}

.eco-cute-cost__item{
  align-items:flex-start;
  background-color:var(--white);
  border-radius:8px;
  box-shadow:inset 0 0 0 1px var(--border-gray-20);
  display:flex;
  gap:8px;
  padding:12px 16px 12px 12px;
  position:relative;
  width:100%;
  z-index:1;
}

.eco-cute-cost__item--option{
  padding-inline:20px;
}

.eco-cute-cost__item--benefit{
  background-color:var(--cost-benefit-bg);
  border:1px solid var(--cost-benefit-border);
  box-shadow:none;
  flex-direction:column;
  gap:0;
  overflow:hidden;
  padding:0;
}

.eco-cute-cost__item-badge{
  align-self:flex-start;
  background-color:var(--cost-badge-bg);
  border-radius:0 0 8px 0;
  color:var(--graph-warranty);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:1;
  padding:4px 8px 6px;
}

.eco-cute-cost__item-inner{
  align-items:flex-start;
  display:flex;
  gap:12px;
  padding:8px;
  width:100%;
}

.eco-cute-cost__item-img{
  border-radius:calc(infinity * 1px);
  flex-shrink:0;
  height:64px;
  object-fit:cover;
  width:64px;
}

.eco-cute-cost__item-img--benefit{
  background-color:var(--cost-thumb-bg);
  border-radius:0;
  height:60px;
  width:60px;
}

.eco-cute-cost__item-body{
  flex:1;
  min-width:0;
}

.eco-cute-cost__item-head{
  align-items:flex-start;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.eco-cute-cost__item-head--split{
  grid-row-gap:0;
  align-items:start;
  display:grid;
  grid-template-columns:1fr auto;
  row-gap:0;
  width:229px;
}

.eco-cute-cost__item-head--split .eco-cute-cost__item-sub{
  margin-left:-8px;
  margin-top:-2px;
}

.eco-cute-cost__items-item--body .eco-cute-cost__item-body,
.eco-cute-cost__items-item--work .eco-cute-cost__item-body{
  padding-top:4px;
}

.eco-cute-cost__items-item--work .eco-cute-cost__item-body{
  flex:none;
  width:230px;
}

.eco-cute-cost__items-item--body .eco-cute-cost__item-price{
  margin-top:5px;
}

.eco-cute-cost__items-item--work .eco-cute-cost__item-price{
  margin-top:0;
}

.eco-cute-cost__items-item--work .eco-cute-cost__item-note{
  margin-top:3px;
}

.eco-cute-cost__items-item--option .eco-cute-cost__item-note{
  margin-top:1px;
}

.eco-cute-cost__items-item--benefit .eco-cute-cost__item-note{
  margin-top:3px;
}

.eco-cute-cost__item-title{
  color:var(--text-primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__item-title--benefit{
  color:var(--text-black);
  font-size:16px;
}

.eco-cute-cost__item-percent{
  align-items:baseline;
  color:var(--text-primary-100);
  display:inline-flex;
  height:21px;
}

.eco-cute-cost__item-percent-label{
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__item-percent-value{
  font-family:var(--font-family-base);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-cost__item-percent-unit{
  font-family:var(--font-family-base);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-cost__item-sub{
  color:var(--text-primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__item-price{
  color:var(--primary-dark);
  font-family:var(--font-family-base);
  font-size:22px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  margin-top:4px;
}

.eco-cute-cost__item-price--benefit{
  font-size:19.22px;
  margin-top:3px;
}

.eco-cute-cost__item-price-unit{
  font-size:16px;
}

.eco-cute-cost__item-price-unit--sm{
  font-size:14px;
}

.eco-cute-cost__item-price-unit--benefit{
  font-size:12.23px;
}

.eco-cute-cost__item-note{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  margin-top:4px;
}

.eco-cute-cost__plans{
  background-color:var(--white);
  border:1px solid var(--border-gray-20);
  border-radius:16px;
  margin-top:20.5px;
  padding:32px;
}

.eco-cute-cost__plans-head{
  text-align:center;
}

.eco-cute-cost__plans-title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__plans-lead{
  color:var(--text-gray-75);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  margin-top:12px;
}

.eco-cute-cost__plans-scroll{
  margin-top:20px;
}

.eco-cute-cost__plans-track{
  width:100%;
}

.eco-cute-cost__plans-list{
  display:flex;
  flex-direction:column;
  gap:24px;
  list-style:none;
}

.eco-cute-cost__plan{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.eco-cute-cost__plan-head{
  align-items:center;
  display:flex;
  gap:16px;
  justify-content:space-between;
}

.eco-cute-cost__plan-name{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__plan-model{
  font-family:var(--font-family-base);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:2.25;
  text-align:right;
}

.eco-cute-cost__plan-model--green{
  color:var(--cost-model-green);
}

.eco-cute-cost__plan-model--blue{
  color:var(--text-primary-100);
}

.eco-cute-cost__plan-model--orange{
  color:var(--secondary-100);
}

.eco-cute-cost__plan-bar{
  background-color:var(--cost-bar-track);
  border-radius:calc(infinity * 1px);
  height:48px;
  overflow:hidden;
  position:relative;
  width:100%;
}

.eco-cute-cost__plan-bar-fill{
  align-items:center;
  border-radius:calc(infinity * 1px);
  display:flex;
  height:100%;
  justify-content:center;
  left:var(--plan-bar-start);
  padding-inline:12px;
  position:absolute;
  top:0;
  width:var(--plan-bar-width);
}

.eco-cute-cost__plan-bar-fill--green{
  background:var(--grad-bar-green);
}

.eco-cute-cost__plan-bar-fill--blue{
  background:var(--grad-bar-blue);
}

.eco-cute-cost__plan-bar-fill--orange{
  background:var(--grad-bar-orange);
}

.eco-cute-cost__plan-bar-label{
  align-items:center;
  display:flex;
  gap:2px;
}

.eco-cute-cost__plan-bar-num{
  color:var(--text-white);
  font-family:var(--font-family-base);
  font-size:18px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  white-space:nowrap;
}

.eco-cute-cost__plan-bar-tilde{
  color:var(--text-white);
  font-family:var(--font-family-base);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__plans-scale{
  display:flex;
  justify-content:space-between;
  list-style:none;
  margin-top:20px;
  padding-right:6px;
}

.eco-cute-cost__plans-scale-item{
  color:var(--text-gray-75);
  font-family:var(--font-family-base);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-cost__plans-note{
  background-color:var(--cost-note-bg);
  border:1px solid var(--cost-note-border);
  border-radius:8px;
  color:var(--cost-note-text);
  font-family:var(--font-family-base);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  letter-spacing:-0.011em;
  line-height:1.5;
  margin-top:40px;
  padding:12px 16px;
  text-align:center;
}

.eco-cute-customer{
  background-color:var(--section-gray);
  padding-block:64px;
}

.eco-cute-customer__inner{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:32px;
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-customer__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:center;
}

.eco-cute-customer__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-customer__badge{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-customer__stats{
  align-items:center;
  background-color:var(--white);
  border-radius:16px;
  box-shadow:inset 0 0 0 1px var(--border-gray-30);
  display:flex;
  gap:16px;
  padding:17px 33px;
}

.eco-cute-customer__stats-item{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:4px;
  justify-content:center;
}

.eco-cute-customer__stats-item + .eco-cute-customer__stats-item{
  border-left:1px solid var(--border-gray-20);
  padding-left:16px;
}

.eco-cute-customer__stats-stars{
  height:20px;
  width:116px;
}

.eco-cute-customer__stats-rating{
  align-items:baseline;
  color:var(--text-gray-75);
  display:flex;
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  gap:4px;
  line-height:1.5;
}

.eco-cute-customer__stats-rating-value{
  font-family:"Inter", var(--font-family-jp);
}

.eco-cute-customer__stats-number{
  align-items:baseline;
  color:var(--primary-100);
  display:flex;
  font-family:"Inter", var(--font-family-jp);
  font-size:28px;
  font-weight:var(--font-weight-bold);
  justify-content:center;
  line-height:1;
}

.eco-cute-customer__stats-number-unit{
  font-size:20px;
}

.eco-cute-customer__stats-label{
  color:var(--text-gray-75);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-customer__cards{
  align-self:start;
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3, 1fr);
  max-width:1196px;
  width:100%;
}

.eco-cute-customer__card{
  background-color:var(--white);
  border-radius:16px;
  box-shadow:inset 0 0 0 1px var(--border-gray-20);
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px;
}

.eco-cute-customer__card-stars{
  height:20px;
  width:116px;
}

.eco-cute-customer__card-comment{
  color:var(--text-navy);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  padding-left:20px;
}

.eco-cute-customer__card-foot{
  box-shadow:inset 0 1px 0 var(--border-gray-10);
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-top:16px;
}

.eco-cute-customer__card-profile{
  align-items:center;
  display:flex;
  gap:12px;
}

.eco-cute-customer__card-avatar{
  border-radius:calc(infinity * 1px);
  flex-shrink:0;
  height:40px;
  width:40px;
}

.eco-cute-customer__card-info{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.eco-cute-customer__card-name{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  height:20px;
  line-height:1.5;
  padding-top:1px;
}

.eco-cute-customer__card-location{
  align-items:center;
  display:flex;
  gap:4px;
}

.eco-cute-customer__card-pin{
  flex-shrink:0;
  height:12px;
  width:12px;
}

.eco-cute-customer__card-location-text{
  color:var(--text-gray-75);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
}

.eco-cute-customer__card-product{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.eco-cute-customer__card-tag{
  align-items:center;
  background-color:var(--primary-10);
  border-radius:4px;
  color:var(--primary-100);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
  padding:4px 8px;
}

.eco-cute-customer__card-model{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
}

.eco-cute-customer__card-model--alt{
  color:var(--cta-note);
}

.eco-cute-customer__more{
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:5px;
  box-shadow:0 2px 3px var(--shadow-cta);
  display:flex;
  height:40px;
  justify-content:center;
  max-width:100%;
  position:relative;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:355px;
}

.eco-cute-customer__more::after{
  border-block:3.897px solid transparent;
  border-left:6.75px solid var(--white);
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  translate:0 -50%;
}

.eco-cute-customer__more-text{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-flow{
  background:linear-gradient(180deg, var(--primary-10) 0%, var(--white) 100%);
  padding-block:64px;
}

.eco-cute-flow__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-flow__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-flow__title-group{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.eco-cute-flow__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-flow__badge{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-flow__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-flow__steps{
  align-items:stretch;
  display:flex;
  gap:40px;
  list-style:none;
  margin:40px auto 0;
  max-width:100%;
  position:relative;
  width:fit-content;
}

.eco-cute-flow__steps::before{
  background-color:var(--border-gray-20);
  content:"";
  height:2px;
  left:50%;
  position:absolute;
  top:159px;
  translate:-50% 0;
  width:800px;
  z-index:0;
}

.eco-cute-flow__step{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  width:240px;
  z-index:1;
}

.eco-cute-flow__step-head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
  width:100%;
}

.eco-cute-flow__step-head-row{
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:center;
  width:100%;
}

.eco-cute-flow__step-badge{
  align-items:center;
  aspect-ratio:1/1;
  background-color:var(--primary-100);
  border-radius:calc(infinity * 1px);
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  gap:1px;
  justify-content:center;
  position:relative;
  width:46px;
  z-index:1;
}

.eco-cute-flow__step-badge-icon{
  aspect-ratio:1/1;
  height:auto;
  width:16px;
}

.eco-cute-flow__step-badge-num{
  color:var(--white);
  font-family:"Inter", sans-serif;
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:16px;
}

.eco-cute-flow__step-heading{
  display:flex;
  flex-direction:column;
}

.eco-cute-flow__step-tag{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.03em;
  line-height:1.6;
}

.eco-cute-flow__step-title{
  color:var(--card-title);
  font-family:var(--font-family-jp);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.03em;
  line-height:1.6;
}

.eco-cute-flow__step-photo{
  position:relative;
  width:196px;
  z-index:1;
}

.eco-cute-flow__step-photo-img{
  height:auto;
  width:100%;
}

.eco-cute-flow__step-desc{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.6;
  margin-top:4px;
}

.eco-cute-flow__cta{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:40px;
}

.eco-cute-flow__cta-buttons{
  align-items:stretch;
  display:flex;
  gap:15px;
  max-width:604px;
  padding-top:20px;
  width:100%;
}

.eco-cute-flow__cta-button{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--accent-orange);
  border-radius:8px;
  display:flex;
  flex:1 1 0;
  gap:8px;
  height:49px;
  justify-content:center;
  min-width:0;
  padding-right:9px;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-flow__cta-icon{
  flex-shrink:0;
  height:30px;
  width:30px;
}

.eco-cute-flow__cta-text{
  color:var(--white);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-flow__cta-note{
  color:var(--cta-note);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:1.6;
}

.eco-cute-fv{
  background-color:var(--white);
  overflow-x:clip;
  position:relative;
  width:100%;
}

.eco-cute-fv__bg{
  inset:0;
  position:absolute;
  z-index:0;
}

.eco-cute-fv__bg-img{
  height:100%;
  object-fit:cover;
  width:100%;
}

.eco-cute-fv__inner{
  aspect-ratio:1440/606;
  container-type:inline-size;
  margin-inline:auto;
  max-width:1440px;
  position:relative;
  z-index:1;
}

.eco-cute-fv__main{
  left:8.3333333333cqw;
  position:absolute;
  top:3.1118055556cqw;
  width:41.9444444444cqw;
}

.eco-cute-fv__badge{
  align-items:center;
  background-color:var(--caution);
  border-radius:calc(infinity * 1px);
  display:flex;
  gap:0.375625cqw;
  padding-block:0.2817361111cqw;
  padding-inline:1.0798611111cqw 1.1268055556cqw;
  position:relative;
  width:24.0563194444cqw;
}

.eco-cute-fv__badge-icon{
  flex-shrink:0;
  height:1.1268055556cqw;
  width:1.1268055556cqw;
}

.eco-cute-fv__badge-text{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:0.8451388889cqw;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-fv__badge-dots{
  display:flex;
  gap:0.7042361111cqw;
  left:10.4861111111cqw;
  position:absolute;
  top:0.2347222222cqw;
}

.eco-cute-fv__badge-dot{
  background-color:var(--white);
  border-radius:calc(infinity * 1px);
  height:0.1408333333cqw;
  width:0.1408333333cqw;
}

.eco-cute-fv__heading{
  padding-top:0.8481944444cqw;
  width:28.5518055556cqw;
}

.eco-cute-fv__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-fv__title-char{
  font-size:2.5446527778cqw;
}

.eco-cute-fv__title-char:nth-child(1){
  letter-spacing:-0.04167em;
}

.eco-cute-fv__title-char:nth-child(2){
  letter-spacing:-0.08333em;
}

.eco-cute-fv__title-char:nth-child(3){
  letter-spacing:-0.1875em;
}

.eco-cute-fv__title-char:nth-child(4){
  letter-spacing:-0.04167em;
}

.eco-cute-fv__title-char:nth-child(5){
  font-size:2.0145138889cqw;
}

.eco-cute-fv__title-char:nth-child(7){
  font-size:2.0675694444cqw;
}

.eco-cute-fv__discount{
  font-family:var(--font-family-base);
  font-weight:var(--font-weight-bold);
  height:6.5261111111cqw;
  margin-top:0.0458333333cqw;
  position:relative;
  width:28.5518055556cqw;
}

.eco-cute-fv__discount-max{
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background:var(--grad-discount);
  background-clip:text;
  color:var(--grad-discount-fallback);
  font-family:var(--font-family-jp);
  font-size:4.2670833333cqw;
  left:0;
  line-height:1.5;
  position:absolute;
  top:0.5020833333cqw;
}

.eco-cute-fv__discount-num{
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background:var(--grad-discount);
  background-clip:text;
  color:var(--grad-discount-fallback);
  font-size:6.7771527778cqw;
  font-style:italic;
  left:8.5972222222cqw;
  letter-spacing:-0.02em;
  line-height:1;
  padding-right:0.5555555556cqw;
  position:absolute;
  top:-0.0625cqw;
}

.eco-cute-fv__discount-off{
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background:var(--grad-discount);
  background-clip:text;
  color:var(--grad-discount-fallback);
  font-size:4.2670833333cqw;
  left:16.6791666667cqw;
  line-height:1.5;
  position:absolute;
  top:1.0039583333cqw;
}

.eco-cute-fv__product{
  left:29.1916666667cqw;
  position:absolute;
  top:2.5381944444cqw;
  width:13.0555555556cqw;
}

.eco-cute-fv__product-img{
  height:auto;
  margin-left:1.3034722222cqw;
  width:11.04625cqw;
}

.eco-cute-fv__product-text{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:0.9722222222cqw;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.03em;
  line-height:1.24;
  margin-top:0.2708333333cqw;
}

.eco-cute-fv__subsidy{
  background-color:var(--white);
  border:0.2083333333cqw solid var(--subsidy-green);
  border-radius:0.8333333333cqw;
  box-shadow:0 0.2083333333cqw 0.4861111111cqw var(--shadow-subsidy);
  margin-top:0.4166666667cqw;
  padding-block:0.3472222222cqw;
  padding-inline:1.5277777778cqw;
  width:41.9444444444cqw;
}

.eco-cute-fv__subsidy-row{
  align-items:flex-start;
  display:flex;
  gap:2.1527777778cqw;
  padding-top:0.2083333333cqw;
}

.eco-cute-fv__subsidy-label{
  flex-shrink:0;
  width:13.2638888889cqw;
}

.eco-cute-fv__subsidy-tag{
  background-color:var(--subsidy-green);
  border-radius:0.3472222222cqw;
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:0.8680555556cqw;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  padding-block:0.2777777778cqw;
  padding-inline:2.4305555556cqw;
  text-align:center;
}

.eco-cute-fv__subsidy-sub{
  color:var(--subsidy-green);
  font-family:var(--font-family-jp);
  font-size:1.0416666667cqw;
  font-weight:var(--font-weight-bold);
  line-height:1.813;
  margin-top:0.2083333333cqw;
  text-align:center;
}

.eco-cute-fv__subsidy-amount{
  height:4.9305555556cqw;
  margin-top:0.1388888889cqw;
  position:relative;
  width:22.5694444444cqw;
}

.eco-cute-fv__subsidy-amount-lead{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:1.875cqw;
  font-weight:var(--font-weight-bold);
  left:-0.7638888889cqw;
  line-height:1.111;
  position:absolute;
  top:0.2083333333cqw;
}

.eco-cute-fv__subsidy-amount-num{
  color:var(--subsidy-green);
  font-family:var(--font-family-base);
  font-size:4.3055555556cqw;
  font-weight:var(--font-weight-black);
  left:9.4165277778cqw;
  letter-spacing:-0.03226em;
  line-height:1;
  position:absolute;
  top:0.3472222222cqw;
}

.eco-cute-fv__subsidy-amount-unit{
  color:var(--subsidy-green);
  font-family:var(--font-family-jp);
  font-size:1.5277777778cqw;
  font-weight:var(--font-weight-black);
  left:14.9389583333cqw;
  line-height:1.15;
  position:absolute;
  top:2.1875cqw;
}

.eco-cute-fv__subsidy-amount-limit{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:1.1805555556cqw;
  font-weight:var(--font-weight-bold);
  left:18.5500694444cqw;
  line-height:1.15;
  position:absolute;
  top:2.5347222222cqw;
}

.eco-cute-fv__subsidy-note{
  align-items:center;
  border-top:1px dashed var(--subsidy-green-line);
  display:flex;
  gap:0.6944444444cqw;
  justify-content:space-between;
  margin-top:0.4166666667cqw;
  padding-top:0.4166666667cqw;
}

.eco-cute-fv__subsidy-note-text{
  background-color:var(--subsidy-green-bg);
  border-radius:0.4166666667cqw;
  color:var(--subsidy-green-dark);
  font-family:var(--font-family-jp);
  font-size:0.9027777778cqw;
  font-weight:var(--font-weight-bold);
  line-height:1.765;
  padding-block:0.4166666667cqw;
  padding-inline:0.9027777778cqw;
}

.eco-cute-fv__subsidy-note-budget{
  align-items:center;
  display:flex;
  gap:0.9027777778cqw;
}

.eco-cute-fv__subsidy-budget{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:0.9027777778cqw;
  line-height:1.7;
}

.eco-cute-fv__subsidy-budget-value{
  color:var(--primary-dark);
  font-family:var(--font-family-base);
  font-size:1.3194444444cqw;
  font-weight:var(--font-weight-black);
}

.eco-cute-fv__subsidy-date{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:0.6944444444cqw;
  line-height:1.1;
}

.eco-cute-fv__records{
  display:flex;
  gap:0.3472222222cqw;
  list-style:none;
  padding-top:0.8333333333cqw;
}

.eco-cute-fv__record{
  align-items:center;
  background-color:var(--record-bg);
  display:flex;
  gap:0.2777777778cqw;
  justify-content:center;
  min-height:1.875cqw;
  padding-inline:0.8333333333cqw;
  width:13.75cqw;
}

.eco-cute-fv__record-label{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:0.6944444444cqw;
  font-weight:var(--font-weight-medium);
  letter-spacing:0.03em;
  line-height:1.2;
}

.eco-cute-fv__record-value{
  align-items:baseline;
  color:var(--accent-orange);
  display:flex;
  font-family:var(--font-family-base);
  font-size:0.9722222222cqw;
  font-weight:var(--font-weight-bold);
  gap:0.2777777778cqw;
  letter-spacing:-0.02em;
  line-height:1;
}

.eco-cute-fv__record-num{
  color:var(--accent-orange);
  font-family:var(--font-family-base);
  font-size:0.9722222222cqw;
  font-weight:var(--font-weight-bold);
  letter-spacing:-0.02em;
  line-height:1;
}

.eco-cute-fv__record-unit{
  color:var(--accent-orange);
  font-family:var(--font-family-jp);
  font-size:0.8333333333cqw;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-fv__cta-navy{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:0.599375cqw;
  box-shadow:0 0.7491666667cqw 0.7491666667cqw var(--shadow-cta);
  display:flex;
  gap:1.0488888889cqw;
  justify-content:center;
  margin-top:1.3888888889cqw;
  min-height:5.9027777778cqw;
  padding-right:2.5472222222cqw;
  padding-top:0.4861111111cqw;
  position:relative;
  text-decoration:none;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:41.9444444444cqw;
}

.eco-cute-fv__cta-navy-icon{
  flex-shrink:0;
  height:2.2475694444cqw;
  width:2.2475694444cqw;
}

.eco-cute-fv__cta-navy-body{
  display:flex;
  flex-direction:column;
  gap:0.5555555556cqw;
}

.eco-cute-fv__cta-navy-title{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:1.3888888889cqw;
  font-weight:var(--font-weight-bold);
  line-height:0.863;
}

.eco-cute-fv__cta-navy-lead{
  align-items:center;
  display:inline-flex;
  font-size:3.3333333333cqw;
  font-weight:var(--font-weight-regular);
  gap:1.4102564103cqw;
  justify-content:center;
  letter-spacing:0;
  line-height:6.7435897436cqw;
}

.eco-cute-fv__cta-navy-main{
  font-size:5.3846153846cqw;
  letter-spacing:0.09524em;
  line-height:6.7435897436cqw;
}

.eco-cute-fv__cta-navy-slash{
  flex-shrink:0;
  height:3.6330769231cqw;
  width:2.1428205128cqw;
}

.eco-cute-fv__cta-navy-slash--right{
  transform:scaleX(-1);
}

.eco-cute-fv__cta-navy-sub{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:0.8240972222cqw;
  line-height:1.182;
}

.eco-cute-fv__cta-navy-family{
  display:none;
}

.eco-cute-fv__cta-navy-arrow{
  height:0.9739583333cqw;
  position:absolute;
  right:0.8993055556cqw;
  top:50%;
  transform:translateY(-50%);
  width:0.7491666667cqw;
}

.eco-cute-fv__btns{
  display:flex;
  gap:1.0416666667cqw;
  margin-top:1.3888888889cqw;
}

.eco-cute-fv__btn{
  -webkit-text-decoration:none;
  align-items:center;
  border-radius:0.5555555556cqw;
  display:flex;
  justify-content:center;
  min-height:3.4027777778cqw;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
  width:20.4513888889cqw;
}

.eco-cute-fv__btn--photo{
  background-color:var(--accent-orange);
  gap:0.5555555556cqw;
  padding-right:0.625cqw;
}

.eco-cute-fv__btn--tel{
  background-color:var(--primary-blue);
  gap:0.5555555556cqw;
  padding-right:1.3888888889cqw;
}

.eco-cute-fv__btn-icon{
  flex-shrink:0;
  height:2.0833333333cqw;
  width:2.0833333333cqw;
}

.eco-cute-fv__btn-icon--tel-pc{
  height:1.4583333333cqw;
  width:1.5277777778cqw;
}

.eco-cute-fv__btn-icon--tel-sp{
  display:none;
}

.eco-cute-fv__btn-text{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:1.1111111111cqw;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-fv__btn-tel-body{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:0.3472222222cqw;
}

.eco-cute-fv__btn-tel-row{
  align-items:center;
  display:flex;
}

.eco-cute-fv__btn-tel-num{
  color:var(--text-white);
  font-family:var(--font-family-base);
  font-size:1.3194444444cqw;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-fv__btn-tel-sub{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:0.6944444444cqw;
  line-height:1;
}

.eco-cute-fv__case{
  left:50.8333333333cqw;
  position:absolute;
  top:3.2367361111cqw;
  width:44.128125cqw;
}

.eco-cute-fv__case-img{
  height:auto;
  width:100%;
}

.eco-cute-maker{
  background-color:var(--white);
  padding-block:64px;
}

.eco-cute-maker__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-maker__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-maker__title-group{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.eco-cute-maker__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-maker__badge{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-maker__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-maker__cards{
  display:grid;
  gap:24px 15px;
  grid-template-columns:repeat(4, 1fr);
  list-style:none;
  margin-top:40px;
}

.eco-cute-maker__cards-item{
  display:flex;
}

.eco-cute-maker__card{
  background-color:var(--white);
  border-radius:16px;
  box-shadow:inset 0 0 0 1px var(--border-gray-20);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:2px;
  width:100%;
}

.eco-cute-maker__card-head{
  align-items:flex-start;
  background-color:var(--primary-10);
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 24px;
}

.eco-cute-maker__card-logo{
  height:40px;
  object-fit:contain;
  width:110px;
}

.eco-cute-maker__card-name{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:22px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-maker__card-tagline{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-maker__card-body{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  gap:16px;
  padding:24px;
}

.eco-cute-maker__card-desc{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  color:var(--text-black);
  display:-webkit-box;
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  height:155.467px;
  letter-spacing:0.03em;
  line-height:1.6;
  overflow:hidden;
}

.eco-cute-maker__card-points{
  display:flex;
  flex-direction:column;
  gap:6px;
  height:98px;
  list-style:none;
}

.eco-cute-maker__card-point{
  align-items:center;
  display:flex;
  gap:8px;
}

.eco-cute-maker__card-point-icon{
  background:url("/images/contents/eco-cute/eco-cute-maker-check.svg") no-repeat center/contain;
  flex-shrink:0;
  height:16px;
  width:16px;
}

.eco-cute-maker__card-point-text{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-maker__card-footer{
  display:flex;
  justify-content:center;
  padding-bottom:16px;
}

.eco-cute-maker__card-btn{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:5px;
  box-shadow:0 2px 3px var(--shadow-cta);
  display:flex;
  height:40px;
  justify-content:center;
  position:relative;
  text-decoration:none;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:225px;
}

.eco-cute-maker__card-btn::after{
  border-block:3.897px solid transparent;
  border-left:6.75px solid var(--white);
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  translate:0 -50%;
}

.eco-cute-maker__card-btn-text{
  color:var(--white);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-maker__note{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.0343em;
  line-height:1.5;
  margin-top:40px;
  text-align:center;
}

.eco-cute-maker__note-em{
  color:var(--primary-100);
}

.eco-cute-maker__note-link{
  -webkit-text-decoration:underline;
  -webkit-text-decoration-skip-ink:none;
  color:var(--primary-100);
  text-decoration:underline;
          text-decoration-skip-ink:none;
  text-underline-position:from-font;
}

.eco-cute-quicknav{
  background-color:var(--primary-30);
  padding-block:40px;
}

.eco-cute-quicknav__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-quicknav__cards{
  align-items:center;
  display:flex;
  gap:16px;
  list-style:none;
}

.eco-cute-quicknav__cards-item{
  flex:1 0 0;
  min-width:0;
}

.eco-cute-quicknav__card{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--white);
  border-radius:8px;
  color:inherit;
  display:flex;
  gap:16px;
  overflow:hidden;
  padding-right:12px;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-quicknav__card-img{
  flex-shrink:0;
  height:70px;
  object-fit:cover;
  width:70px;
}

.eco-cute-quicknav__card-text{
  color:var(--text-black);
  flex:1;
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  min-width:0;
  text-align:center;
}

.eco-cute-quicknav__card-arrow{
  background-image:url("/images/contents/eco-cute/icon-arrow-down.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  flex-shrink:0;
  height:20px;
  width:20px;
}

.eco-cute-quicknav__chips{
  align-items:center;
  background-color:var(--primary-10);
  border-radius:8px;
  display:flex;
  flex-wrap:wrap;
  gap:42px;
  justify-content:center;
  list-style:none;
  margin-top:16px;
  padding:24px 16px;
}

.eco-cute-quicknav__chips-item{
  display:flex;
}

.eco-cute-quicknav__chip{
  -webkit-text-decoration:none;
  align-items:center;
  color:inherit;
  display:inline-flex;
  gap:8px;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-quicknav__chip-text{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-quicknav__chip-arrow{
  background-image:url("/images/contents/eco-cute/icon-arrow-down.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  flex-shrink:0;
  height:18px;
  width:18px;
}

.eco-cute-quicknav__links{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  justify-content:center;
  list-style:none;
  margin-top:24px;
}

.eco-cute-quicknav__links-item{
  align-items:center;
  border-right:1px solid var(--border-gray-50);
  display:flex;
  padding-right:15px;
}

.eco-cute-quicknav__links-item:last-child{
  border-right:0;
  padding-right:16px;
}

.eco-cute-quicknav__link{
  -webkit-text-decoration:none;
  align-items:center;
  color:inherit;
  display:inline-flex;
  gap:8px;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-quicknav__link-text{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-regular);
  line-height:1.5;
}

.eco-cute-quicknav__link-arrow{
  background-image:url("/images/contents/eco-cute/icon-arrow-down.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  flex-shrink:0;
  height:16px;
  width:16px;
}

.eco-cute-ranking{
  background:linear-gradient(180deg, var(--primary-10) 0%, var(--white) 100%);
  padding-block:64px;
}

.eco-cute-ranking__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-ranking__head{
  margin-inline:auto;
  max-width:1000px;
  text-align:center;
}

.eco-cute-ranking__badge{
  align-items:center;
  background:var(--grad-badge);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12.5px;
  font-weight:var(--font-weight-bold);
  justify-content:center;
  line-height:1.7;
  padding:3px 50px;
}

.eco-cute-ranking__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.26;
  margin-top:10px;
}

.eco-cute-ranking__title-brand{
  color:var(--mizutech-blue);
}

.eco-cute-reason{
  background-color:var(--white);
  padding-block:64px;
}

.eco-cute-reason__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-reason__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-reason__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-reason__title-brand{
  color:var(--mizutech-blue);
}

.eco-cute-reason__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-reason__catch{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:22px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.03em;
  line-height:1.5;
  margin-top:32px;
  text-align:center;
}

.eco-cute-reason__cards{
  align-items:start;
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3, 1fr);
  list-style:none;
  margin-top:20px;
}

.eco-cute-reason__cards-item{
  display:flex;
}

.eco-cute-reason__card{
  background-color:var(--white);
  border:1px solid var(--border-gray-20);
  border-radius:16px;
  display:flex;
  gap:16px;
  overflow:hidden;
  padding:16px 16px 24px;
  width:100%;
}

.eco-cute-reason__card-icon{
  align-items:center;
  display:flex;
  flex-shrink:0;
  height:48px;
  justify-content:center;
  width:48px;
}

.eco-cute-reason__card-icon-img{
  height:100%;
  width:100%;
}

.eco-cute-reason__card-text{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.eco-cute-reason__card-title{
  color:var(--card-title);
  font-family:var(--font-family-jp);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  line-height:1.4;
}

.eco-cute-reason__card-title--lh-sm{
  line-height:1.2;
}

.eco-cute-reason__card-title--ls-wide{
  letter-spacing:0.03em;
}

.eco-cute-reason__card-title-marker{
  background:linear-gradient(transparent calc(100% - 10px), var(--marker-yellow) calc(100% - 10px));
}

.eco-cute-reason__card-title-marker--lg{
  font-size:24px;
}

.eco-cute-reason__card-title-em{
  font-size:28px;
}

.eco-cute-reason__card-desc{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.6;
}

.eco-cute-repair{
  background:linear-gradient(180deg, var(--primary-10) 0%, var(--white) 100%);
  padding-block:64px;
}

.eco-cute-repair__inner{
  margin-inline:auto;
  max-width:1100px;
  padding-inline:16px;
}

.eco-cute-repair__head{
  align-items:center;
  display:flex;
  flex-direction:column;
}

.eco-cute-repair__badge{
  align-items:center;
  background:var(--grad-badge);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12.5px;
  font-weight:var(--font-weight-bold);
  height:27.25px;
  line-height:1.7;
  padding-inline:14px;
}

.eco-cute-repair__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:27px;
  font-weight:var(--font-weight-bold);
  line-height:1.4;
  margin-top:10px;
  text-align:center;
}

.eco-cute-repair__lead{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
  margin-top:7px;
  text-align:center;
}

.eco-cute-repair__body{
  align-items:start;
  display:grid;
  gap:20px;
  grid-template-columns:1fr 445.406px;
  margin-top:24px;
}

.eco-cute-repair__cost-title{
  color:var(--mizutech-blue);
  font-family:var(--font-family-jp);
  font-size:16.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-repair__table{
  background-color:var(--white);
  border-collapse:collapse;
  margin-top:9px;
  table-layout:fixed;
  width:100%;
}

.eco-cute-repair__table-head,
.eco-cute-repair__table-symptom,
.eco-cute-repair__table-price{
  border:1px solid var(--table-border);
  font-family:var(--font-family-jp);
  font-size:14px;
  height:44.797px;
  line-height:1.7;
  padding-inline:10.5px;
  vertical-align:middle;
}

.eco-cute-repair__table-head{
  background-color:var(--table-head-bg);
  color:var(--mizutech-blue);
  font-weight:var(--font-weight-bold);
  text-align:left;
}

.eco-cute-repair__table-symptom{
  color:var(--text-black);
  font-weight:var(--font-weight-regular);
  text-align:left;
}

.eco-cute-repair__table-price{
  color:var(--text-black);
  font-weight:var(--font-weight-bold);
  text-align:right;
}

.eco-cute-repair__cost-note{
  color:var(--text-muted);
  font-family:var(--font-family-jp);
  font-size:12.5px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
  margin-top:8px;
}

.eco-cute-repair__cost-link{
  -webkit-text-decoration:underline;
  -webkit-text-decoration-skip-ink:none;
  color:var(--primary-100);
  font-weight:var(--font-weight-bold);
  text-decoration:underline;
          text-decoration-skip-ink:none;
  text-underline-position:from-font;
}

.eco-cute-repair__replace{
  background-color:var(--warn-bg);
  border:2px solid var(--warn-border);
  border-radius:11px;
  padding:18px 20px;
}

.eco-cute-repair__replace-title{
  color:var(--warn-title);
  font-family:var(--font-family-jp);
  font-size:16.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-repair__list{
  list-style:none;
  padding-left:19px;
  padding-top:9px;
}

.eco-cute-repair__list-item{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-regular);
  line-height:28px;
  position:relative;
}

.eco-cute-repair__list-item::before{
  content:"•";
  left:-11px;
  position:absolute;
}

.eco-cute-repair__replace-note{
  background-color:var(--white);
  border-radius:8px;
  margin-top:11px;
  padding:11px 14px;
}

.eco-cute-repair__replace-text{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:13.5px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
}

.eco-cute-repair__replace-em{
  color:var(--warn-em);
  font-weight:var(--font-weight-bold);
}

.eco-cute-simulator{
  background-color:var(--primary-blue);
  padding-block:40px;
}

.eco-cute-simulator__inner{
  margin-inline:auto;
  max-width:800px;
}

.eco-cute-simulator__head{
  margin-inline:auto;
  position:relative;
  width:794px;
}

.eco-cute-simulator__badge{
  background:var(--grad-step);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  padding-block:3px 2px;
  padding-inline:14px;
  text-align:center;
}

.eco-cute-simulator__title{
  color:var(--text-white);
  font-family:var(--font-family-jp);
  font-size:27px;
  font-weight:var(--font-weight-bold);
  line-height:1.4;
  padding-top:10px;
}

.eco-cute-simulator__lead{
  color:var(--text-on-blue);
  font-family:var(--font-family-jp);
  font-size:14px;
  line-height:1.7;
  padding-top:7px;
}

.eco-cute-simulator__illust{
  height:auto;
  left:533.29px;
  position:absolute;
  top:-7.26px;
  width:210.79px;
}

.eco-cute-simulator__card{
  background-color:var(--white);
  border-radius:14px;
  margin-top:6px;
  padding-block:26px;
  padding-inline:70px;
}

.eco-cute-simulator__q + .eco-cute-simulator__q{
  padding-top:20px;
}

.eco-cute-simulator__q-head{
  align-items:center;
  display:flex;
  gap:8px;
}

.eco-cute-simulator__step{
  background:var(--grad-step);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  flex-shrink:0;
  font-family:var(--font-family-base);
  font-size:13px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0.05em;
  line-height:1.6462;
  padding-block:3px 2px;
  padding-inline:14px;
}

.eco-cute-simulator__q:nth-child(2) .eco-cute-simulator__step,
.eco-cute-simulator__q:nth-child(3) .eco-cute-simulator__step{
  line-height:1.8;
}

.eco-cute-simulator__q-title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:15.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
}

.eco-cute-simulator__opts{
  display:flex;
  gap:9px;
  padding-top:9px;
}

.eco-cute-simulator__opt{
  background-color:var(--white);
  border:2px solid var(--btn-border);
  border-radius:9px;
  color:var(--text-black-alt);
  cursor:pointer;
  flex:1 0 0;
  font-family:var(--font-family-jp);
  font-size:14.5px;
  line-height:1.2;
  min-height:60px;
  min-width:0;
  padding-block:12px;
  padding-inline:30px;
  text-align:center;
  transition:border-color var(--duration-base), background-color var(--duration-base);
}

.eco-cute-simulator__opt[aria-pressed=true]{
  background-color:var(--opt-selected-bg);
  border-color:var(--accent-orange);
  color:var(--accent-orange);
  font-weight:var(--font-weight-bold);
}

.eco-cute-simulator__result[hidden]{
  display:none;
}

.eco-cute-simulator__result{
  padding-top:22px;
}

.eco-cute-simulator__result-lead{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:14px;
  line-height:1.7;
}

.eco-cute-simulator__result-cap{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:20px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  margin-top:2px;
}

.eco-cute-simulator__price{
  background-color:var(--subsidy-green-bg-2);
  border:2px solid var(--subsidy-green);
  border-radius:11px;
  margin-top:13px;
  padding-block:18px;
  padding-inline:20px;
}

.eco-cute-simulator__price-label{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:13px;
  line-height:1.7;
}

.eco-cute-simulator__price-value{
  color:var(--subsidy-green);
  font-family:var(--font-family-base);
  font-size:26px;
  font-weight:var(--font-weight-black);
  line-height:1.25;
}

.eco-cute-simulator__price-breakdown{
  color:var(--text-desc);
  font-family:var(--font-family-jp);
  font-size:12.5px;
  line-height:1.85;
  padding-top:8px;
}

.eco-cute-simulator__price-breakdown b{
  color:var(--text-black);
  font-weight:var(--font-weight-bold);
}

.eco-cute-simulator__price-breakdown small{
  color:var(--text-source);
  font-size:inherit;
}

.eco-cute-simulator__cta{
  margin-top:16px;
}

.eco-cute-simulator__cta-main{
  -webkit-text-decoration:none;
  background-color:var(--step-orange);
  border-radius:10px;
  color:var(--text-white);
  display:block;
  font-family:var(--font-family-jp);
  font-size:17px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  padding:16px;
  text-align:center;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-simulator__cta-note{
  display:block;
  font-size:12px;
  font-weight:var(--font-weight-regular);
  line-height:1.7;
}

.eco-cute-simulator__cta-subs{
  display:flex;
  gap:10px;
  margin-top:10px;
}

.eco-cute-simulator__cta-sub{
  -webkit-text-decoration:none;
  border-radius:10px;
  color:var(--text-white);
  flex:1 0 0;
  font-family:var(--font-family-jp);
  font-size:14.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
  min-width:0;
  padding:13px;
  text-align:center;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-simulator__cta-sub--tel{
  background-color:var(--primary-100);
}

.eco-cute-simulator__cta-sub--line{
  background-color:var(--line-green);
}

.eco-cute-simulator__result-note{
  color:var(--text-source);
  font-family:var(--font-family-jp);
  font-size:11.5px;
  line-height:1.7;
  margin-top:10px;
}

.eco-cute-subsidy{
  background-color:var(--subsidy-section-bg);
  padding-block:46px;
}

.eco-cute-subsidy__inner{
  margin-inline:auto;
  max-width:1100px;
  padding-inline:16px;
}

.eco-cute-subsidy__head{
  text-align:center;
}

.eco-cute-subsidy__badge{
  background:var(--grad-badge);
  border-radius:calc(infinity * 1px);
  color:var(--text-white);
  display:inline-flex;
  font-family:var(--font-family-jp);
  font-size:12.5px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  padding-block:2.5px;
  padding-inline:15px;
}

.eco-cute-subsidy__title{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.26;
  padding-top:10px;
}

.eco-cute-subsidy__title-brand{
  color:var(--mizutech-blue);
}

.eco-cute-subsidy__title-black{
  color:var(--text-black);
}

.eco-cute-subsidy__lead{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:14px;
  line-height:1.7;
  padding-top:7px;
}

.eco-cute-subsidy__lead-strong{
  -webkit-text-decoration:underline;
  color:var(--subsidy-green);
  font-weight:var(--font-weight-bold);
  text-decoration:underline;
}

.eco-cute-subsidy__cards{
  display:grid;
  gap:13px;
  grid-template-columns:repeat(3, 1fr);
  list-style:none;
  padding-top:24px;
}

.eco-cute-subsidy__card{
  background-color:var(--white);
  border:1px solid var(--card-border);
  border-radius:9px;
  padding-block:17px;
  padding-inline:15px;
}

.eco-cute-subsidy__card--highlight{
  background-color:var(--subsidy-green-bg-2);
  border:2px solid var(--subsidy-green);
}

.eco-cute-subsidy__card-label{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:13px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  text-align:center;
}

.eco-cute-subsidy__card-label--green{
  color:var(--subsidy-green);
}

.eco-cute-subsidy__card-price{
  color:var(--primary-dark);
  font-family:var(--font-family-base);
  font-size:29px;
  font-weight:var(--font-weight-black);
  line-height:1.25;
  padding-top:3px;
  text-align:center;
}

.eco-cute-subsidy__card-unit{
  font-size:14px;
  line-height:1.25;
}

.eco-cute-subsidy__card-desc{
  color:var(--text-desc);
  font-family:var(--font-family-jp);
  font-size:11.5px;
  line-height:1.65;
  padding-top:5px;
}

.eco-cute-subsidy__gauge{
  align-items:center;
  background-color:var(--white);
  border:1px solid var(--card-border);
  border-radius:9px;
  display:flex;
  gap:30px;
  margin-top:13px;
  padding-block:18px;
  padding-inline:47px;
  position:relative;
}

.eco-cute-subsidy__donut{
  flex-shrink:0;
  height:118px;
  position:relative;
  width:118px;
}

.eco-cute-subsidy__donut-svg{
  height:100%;
  width:100%;
}

.eco-cute-subsidy__donut-track{
  fill:none;
  stroke:var(--donut-track);
  stroke-width:15;
}

.eco-cute-subsidy__donut-ring{
  fill:none;
  stroke:var(--primary-100);
  stroke-width:15;
  stroke-dasharray:307.876;
  stroke-dashoffset:197.041;
  transform:scaleX(-1) rotate(-90deg);
  transform-origin:50% 50%;
}

.eco-cute-subsidy__donut-center{
  align-items:center;
  display:flex;
  flex-direction:column;
  inset:0;
  justify-content:center;
  position:absolute;
}

.eco-cute-subsidy__donut-num{
  color:var(--primary-dark);
  font-family:var(--font-family-base);
  font-size:25px;
  font-weight:var(--font-weight-bold);
  line-height:1.2102;
}

.eco-cute-subsidy__donut-label{
  color:var(--text-desc);
  font-family:var(--font-family-jp);
  font-size:11px;
  line-height:1.2102;
}

.eco-cute-subsidy__remain{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:15px;
  left:195px;
  line-height:1.7;
  position:absolute;
  top:7.8px;
}

.eco-cute-subsidy__remain-value{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:27px;
  font-weight:var(--font-weight-black);
  line-height:1.7;
}

.eco-cute-subsidy__remain-date{
  color:var(--text-desc);
  font-size:12.5px;
  line-height:1.7;
}

.eco-cute-subsidy__gauge-body{
  flex:1 0 0;
  min-width:0;
  padding-top:31px;
}

.eco-cute-subsidy__gauge-note{
  color:var(--text-desc);
  font-family:var(--font-family-jp);
  font-size:12.5px;
  line-height:1.7;
  padding-top:5px;
}

.eco-cute-subsidy__removal{
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding-top:9px;
}

.eco-cute-subsidy__removal-label,
.eco-cute-subsidy__removal-value{
  color:var(--text-note);
  font-family:var(--font-family-jp);
  font-size:12px;
  line-height:1.7;
}

.eco-cute-subsidy__removal-strong{
  color:var(--primary-dark);
  font-weight:var(--font-weight-bold);
}

.eco-cute-subsidy__bar{
  background-color:var(--bar-track);
  border-radius:calc(infinity * 1px);
  height:11px;
  margin-top:3px;
  overflow:hidden;
}

.eco-cute-subsidy__bar-fill{
  background-color:var(--primary-100);
  display:block;
  height:100%;
  width:18%;
}

.eco-cute-subsidy__deadline{
  background-color:var(--deadline-bg);
  border:1px solid var(--deadline-border);
  border-radius:9px;
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:14px;
  line-height:1.7;
  margin-top:12px;
  padding-block:13px;
  padding-inline:19px;
  text-align:center;
}

.eco-cute-subsidy__deadline-label{
  color:var(--deadline-text);
  font-weight:var(--font-weight-bold);
}

.eco-cute-subsidy__deadline-date{
  -webkit-text-decoration:underline;
  color:var(--deadline-text);
  font-weight:var(--font-weight-bold);
  text-decoration:underline;
}

.eco-cute-subsidy__source{
  color:var(--text-source);
  font-family:var(--font-family-jp);
  font-size:11.5px;
  line-height:1.7;
  margin-top:13px;
  text-align:center;
}

.eco-cute-subsidy__banner{
  display:block;
  margin-top:22px;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-subsidy__banner-img{
  height:auto;
  width:100%;
}

.eco-cute-tel-button{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--primary-blue);
  border-radius:8px;
  display:flex;
  flex:1 1 0;
  gap:8px;
  height:49px;
  justify-content:center;
  min-width:0;
  padding-right:20px;
  padding-top:2px;
  position:relative;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
  width:100%;
}

.eco-cute-tel-button__icon{
  background:url("/images/contents/eco-cute/eco-cute-tel-icon.svg") no-repeat center/contain;
  flex-shrink:0;
  height:26px;
  width:27px;
}

.eco-cute-tel-button__body{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.eco-cute-tel-button__number{
  color:var(--white);
  font-family:"Inter", sans-serif;
  font-size:19px;
  font-weight:var(--font-weight-bold);
  line-height:14px;
  white-space:nowrap;
}

.eco-cute-tel-button__hours{
  color:var(--white);
  font-family:var(--font-family-jp);
  font-size:10px;
  font-weight:var(--font-weight-regular);
  line-height:1;
  white-space:nowrap;
}

.eco-cute-trustbar{
  background-color:var(--white);
  border-top:1px solid var(--border-gray-20);
  container-type:inline-size;
  padding-block:32px;
  width:100%;
}

.eco-cute-trustbar__inner{
  margin-inline:auto;
  max-width:1100px;
}

.eco-cute-trustbar__list{
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
  gap:60px;
  justify-content:center;
  list-style:none;
}

.eco-cute-trustbar__item{
  align-items:center;
  border-radius:8px;
  display:flex;
  flex-shrink:0;
  gap:12px;
}

.eco-cute-trustbar__item--license{
  width:216px;
}

.eco-cute-trustbar__item--clock{
  width:174px;
}

.eco-cute-trustbar__item--record{
  width:181px;
}

.eco-cute-trustbar__item--money{
  width:133px;
}

.eco-cute-trustbar__item--24h{
  width:156px;
}

.eco-cute-trustbar__icon{
  background-color:var(--primary-dark);
  background-position:center;
  background-repeat:no-repeat;
  background-size:32px 32px;
  border-radius:12px;
  flex-shrink:0;
  height:48px;
  width:48px;
}

.eco-cute-trustbar__icon--license{
  background-image:url("/images/contents/eco-cute/icon-license.svg");
}

.eco-cute-trustbar__icon--clock{
  background-image:url("/images/contents/eco-cute/icon-clock.svg");
}

.eco-cute-trustbar__icon--record{
  background-image:url("/images/contents/eco-cute/icon-record.svg");
}

.eco-cute-trustbar__icon--money{
  background-image:url("/images/contents/eco-cute/icon-money.svg");
}

.eco-cute-trustbar__icon--24h{
  background-image:url("/images/contents/eco-cute/icon-24h.svg");
}

.eco-cute-trustbar__text{
  display:flex;
  flex-direction:column;
  gap:2px;
  white-space:nowrap;
}

.eco-cute-trustbar__title{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-trustbar__sub{
  color:var(--primary-dark);
  font-family:var(--font-family-jp);
  font-size:12px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-types{
  background-color:var(--gray-10);
  padding-block:64px;
}

.eco-cute-types__inner{
  margin-inline:auto;
  max-width:1232px;
  padding-inline:16px;
}

.eco-cute-types__head{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  text-align:center;
}

.eco-cute-types__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-types__title-brand{
  color:var(--mizutech-blue);
}

.eco-cute-types__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.03em;
  line-height:1.7;
}

.eco-cute-types__cards{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(4, 1fr);
  list-style:none;
  margin-top:32px;
}

.eco-cute-types__cards-item{
  display:flex;
}

.eco-cute-types__card{
  background-color:var(--white);
  border:1px solid var(--border-gray-20);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow:hidden;
  padding:24px;
  width:100%;
}

.eco-cute-types__card-head{
  align-items:center;
  display:flex;
  gap:16px;
  height:66px;
}

.eco-cute-types__card-icon{
  flex-shrink:0;
  height:80px;
  width:80px;
}

.eco-cute-types__card-icon-img{
  height:100%;
  object-fit:cover;
  width:100%;
}

.eco-cute-types__card-text{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:8px;
  min-width:0;
}

.eco-cute-types__card-capacity{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:17px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-types__card-target{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1.5;
}

.eco-cute-types__card-btn{
  -webkit-text-decoration:none;
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:5px;
  display:flex;
  justify-content:center;
  padding:12px 16px;
  position:relative;
  text-decoration:none;
  transition:opacity var(--duration-base) ease;
}

.eco-cute-types__card-btn::after{
  border-block:4px solid transparent;
  border-left:5px solid var(--white);
  content:"";
  position:absolute;
  right:8px;
  top:50%;
  translate:0 -50%;
}

.eco-cute-types__card-btn-text{
  color:var(--white);
  font-family:var(--font-family-jp);
  font-size:14px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

@media (min-width: 768px){
  .u-desktop{
    display:block;
  }

  .u-mobile{
    display:none;
  }

  .u-desktop-inline{
    display:inline;
  }

  .u-mobile-inline{
    display:none;
  }

  .inner-overflow{
    min-width:1200px;
  }

  .eco-cute-fv{
    min-width:1200px;
  }
}

@media (max-width: 767px){
  :root{
    --max-width:500px;
  }

  .inner{
    max-width:var(--max-width);
    padding-inline:min(var(--padding-sp), 1600 / var(--cq-ref-mobile) * 1cqi);
  }

  .inner.inner--cta{
    max-width:500px;
    padding-inline:16px;
  }

  .cta__txt-message p.cta__txt-message-desc{
    font-size:15px;
    margin-bottom:0;
  }

  .cta__txt-message-title{
    line-height:1.3 !important;
  }

  .cta.cta--flex-btn .cta__charactor2{
    top:13.5% !important;
  }

  .gwh-cta{
    gap:10px;
  }

  .gwh-cta__btns{
    flex-direction:column;
    gap:10px;
  }

  .gwh-cta__btn{
    flex:none;
    font-size:17px;
    height:56px;
    padding-left:20px;
    padding-right:28px;
    width:100%;
  }

  .gwh-cta__btn::after{
    right:14px;
  }

  .gwh-cta__btn--web{
    flex-grow:1;
  }

  .gwh-cta__btn--line{
    flex-grow:1;
  }

  .gwh-cta__btn-icon{
    height:26px;
    width:26px;
  }

  .gwh-cta__btn-line-icon{
    width:24px;
  }

  .gwh-cta__tel{
    gap:4px;
    min-height:62px;
    padding:10px 24px;
  }

  .gwh-cta__tel::after{
    right:14px;
  }

  .gwh-cta__tel-icon{
    height:14px;
    width:22px;
  }

  .gwh-cta__tel-number{
    font-size:20px;
  }

  .gwh-cta__tel-text{
    font-size:11px;
  }

  .gwh-cta__note{
    font-size:11px;
    margin-top:2px;
  }

  .eco-cute-blog{
    container-type:inline-size;
    padding-block:8.2051282051cqw;
  }

  .eco-cute-blog__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
    padding-top:2.0512820513cqw;
  }

  .eco-cute-blog__title{
    font-size:5.1282051282cqw;
  }

  .eco-cute-blog__cards{
    gap:3.0769230769cqw;
    grid-template-columns:1fr;
    margin-top:5.1282051282cqw;
  }

  .eco-cute-blog__card{
    padding:3.5897435897cqw;
  }

  .eco-cute-blog__thumb{
    height:47.5961538462cqw;
  }

  .eco-cute-blog__thumb-label{
    font-size:2.8205128205cqw;
  }

  .eco-cute-blog__card-title{
    font-size:3.5897435897cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-blog__card-desc{
    font-size:3.2051282051cqw;
    margin-top:1.0256410256cqw;
  }

  .eco-cute-blog__cta{
    margin-top:4.1025641026cqw;
    max-width:76.9230769231cqw;
    padding:3.5897435897cqw;
    width:100%;
  }

  .eco-cute-blog__cta-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-case{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-case__inner{
    gap:6.1538461538cqw;
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-case__head{
    gap:3.0769230769cqw;
  }

  .eco-cute-case__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-case__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-case__cards{
    gap:5.1282051282cqw;
    grid-template-columns:1fr;
  }

  .eco-cute-case__card{
    padding:3.5897435897cqw 2.5641025641cqw;
  }

  .eco-cute-case__card-head{
    gap:2.0512820513cqw;
  }

  .eco-cute-case__card-category{
    font-size:3.3333333333cqw;
    padding-inline:3.0769230769cqw;
  }

  .eco-cute-case__card-title{
    font-size:4.6153846154cqw;
  }

  .eco-cute-case__card-images{
    gap:2.0512820513cqw;
    padding-block:3.0769230769cqw;
  }

  .eco-cute-case__card-label{
    font-size:3.5897435897cqw;
    height:6.1538461538cqw;
    padding:1.0256410256cqw 2.0512820513cqw;
    width:17.9487179487cqw;
  }

  .eco-cute-case__card-model-name{
    font-size:3.5897435897cqw;
  }

  .eco-cute-case__card-image--after .eco-cute-case__card-model-name{
    font-size:3.3333333333cqw;
  }

  .eco-cute-case__card-model-note{
    font-size:2.8205128205cqw;
  }

  .eco-cute-case__card-time{
    height:8.2051282051cqw;
    left:27.1794871795cqw;
    top:26.6666666667cqw;
    width:16.9230769231cqw;
  }

  .eco-cute-case__card-time::after{
    border-width:7.1794871795cqw 0 7.1794871795cqw 10.7692307692cqw;
    left:15.8974358974cqw;
  }

  .eco-cute-case__card-time-text{
    font-size:3.5897435897cqw;
    padding-left:5.8974358974cqw;
  }

  .eco-cute-case__card-summary{
    flex-wrap:wrap;
    gap:1.0256410256cqw;
  }

  .eco-cute-case__card-summary-label{
    font-size:3.0769230769cqw;
    padding:1.0256410256cqw 1.5384615385cqw;
  }

  .eco-cute-case__card-summary-name{
    font-size:3.0769230769cqw;
  }

  .eco-cute-case__card-summary-value{
    font-size:3.0769230769cqw;
  }

  .eco-cute-case__card-summary-unit{
    font-size:2.5641025641cqw;
  }

  .eco-cute-case__card-customer{
    padding-block:4.1025641026cqw;
  }

  .eco-cute-case__card-stars{
    height:auto;
    width:19.4871794872cqw;
  }

  .eco-cute-case__card-customer-info{
    font-size:2.8205128205cqw;
  }

  .eco-cute-case__card-comment{
    font-size:3.3333333333cqw;
  }

  .eco-cute-case__card-feature{
    font-size:2.8205128205cqw;
    padding:1.2820512821cqw 2.5641025641cqw;
  }

  .eco-cute-case__more{
    height:10.2564102564cqw;
    max-width:82.0512820513cqw;
    width:100%;
  }

  .eco-cute-case__more-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-comparison{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-comparison__inner{
    gap:5.1282051282cqw;
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-comparison__head{
    gap:2.5641025641cqw;
  }

  .eco-cute-comparison__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-comparison__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-comparison__table-wrap{
    margin-inline:-4.1025641026cqw;
    overflow-x:auto;
    overflow-y:hidden;
    padding-inline:4.1025641026cqw;
    scrollbar-width:none;
  }

  .eco-cute-comparison__table-wrap::-webkit-scrollbar{
    display:none;
  }

  .eco-cute-comparison__note{
    text-align:left;
    text-indent:hanging 1em;
    width:100%;
  }

  .eco-cute-cost{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-cost__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-cost__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-cost__lead{
    font-size:3.5897435897cqw;
    margin-top:2.5641025641cqw;
  }

  .eco-cute-cost__breakdown{
    gap:4.1025641026cqw;
    margin-top:7.1794871795cqw;
  }

  .eco-cute-cost__breakdown-title{
    font-size:4.6153846154cqw;
  }

  .eco-cute-cost__chart{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:4.1025641026cqw;
    height:auto;
    width:100%;
  }

  .eco-cute-cost__pie{
    left:auto;
    position:relative;
    top:auto;
    width:61.5384615385cqw;
  }

  .eco-cute-cost__items{
    display:flex;
    flex-direction:column;
    gap:2.5641025641cqw;
    position:static;
    width:100%;
  }

  .eco-cute-cost__items-item{
    position:static;
    width:100%;
  }

  .eco-cute-cost__items-item--body{
    width:100%;
  }

  .eco-cute-cost__items-item--work{
    width:100%;
  }

  .eco-cute-cost__items-item--option{
    width:100%;
  }

  .eco-cute-cost__items-item--benefit{
    width:100%;
  }

  .eco-cute-cost__items-item--body::before,
  .eco-cute-cost__items-item--work::before,
  .eco-cute-cost__items-item--option::before{
    display:none;
  }

  .eco-cute-cost__items-item--body::after,
  .eco-cute-cost__items-item--work::after,
  .eco-cute-cost__items-item--option::after{
    display:none;
  }

  .eco-cute-cost__item{
    gap:2.0512820513cqw;
    padding:3.0769230769cqw 4.1025641026cqw 3.0769230769cqw 3.0769230769cqw;
  }

  .eco-cute-cost__item--option{
    padding-inline:5.1282051282cqw;
  }

  .eco-cute-cost__item--benefit{
    padding:0;
  }

  .eco-cute-cost__item-badge{
    font-size:3.0769230769cqw;
    padding:1.0256410256cqw 2.0512820513cqw 1.5384615385cqw;
  }

  .eco-cute-cost__item-inner{
    gap:3.0769230769cqw;
    padding:2.0512820513cqw;
  }

  .eco-cute-cost__item-img{
    height:16.4102564103cqw;
    width:16.4102564103cqw;
  }

  .eco-cute-cost__item-img--benefit{
    height:15.3846153846cqw;
    width:15.3846153846cqw;
  }

  .eco-cute-cost__item-head{
    gap:2.0512820513cqw;
  }

  .eco-cute-cost__item-head--split{
    grid-template-columns:max-content max-content;
    justify-content:start;
    row-gap:0;
    width:auto;
  }

  .eco-cute-cost__item-head--split .eco-cute-cost__item-sub{
    grid-column:1/-1;
    margin-left:-2.0512820513cqw;
  }

  .eco-cute-cost__items-item--work .eco-cute-cost__item-body{
    flex:1;
    width:auto;
  }

  .eco-cute-cost__item-title{
    font-size:3.5897435897cqw;
  }

  .eco-cute-cost__item-title--benefit{
    font-size:4.1025641026cqw;
  }

  .eco-cute-cost__item-percent{
    height:5.3846153846cqw;
  }

  .eco-cute-cost__item-percent-label{
    font-size:3.5897435897cqw;
  }

  .eco-cute-cost__item-percent-value{
    font-size:5.1282051282cqw;
  }

  .eco-cute-cost__item-percent-unit{
    font-size:4.1025641026cqw;
  }

  .eco-cute-cost__item-sub{
    font-size:3.5897435897cqw;
  }

  .eco-cute-cost__item-price{
    font-size:5.641025641cqw;
    margin-top:1.0256410256cqw;
  }

  .eco-cute-cost__item-price--benefit{
    font-size:4.9282051282cqw;
    margin-top:0.7692307692cqw;
  }

  .eco-cute-cost__item-price-unit{
    font-size:4.1025641026cqw;
  }

  .eco-cute-cost__item-price-unit--sm{
    font-size:3.5897435897cqw;
  }

  .eco-cute-cost__item-price-unit--benefit{
    font-size:3.1358974359cqw;
  }

  .eco-cute-cost__item-note{
    font-size:3.0769230769cqw;
    margin-top:1.0256410256cqw;
  }

  .eco-cute-cost__plans{
    border-radius:12px;
    margin-top:5.1282051282cqw;
    padding:4.1025641026cqw;
  }

  .eco-cute-cost__plans-title{
    font-size:4.358974359cqw;
  }

  .eco-cute-cost__plans-lead{
    font-size:3.0769230769cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-cost__plans-scroll{
    margin-top:3.5897435897cqw;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }

  .eco-cute-cost__plans-scroll::-webkit-scrollbar{
    display:none;
  }

  .eco-cute-cost__plans-track{
    width:800px;
  }

  .eco-cute-cost__plans-list{
    gap:20px;
  }

  .eco-cute-cost__plan{
    gap:6px;
  }

  .eco-cute-cost__plan-name{
    font-size:14px;
  }

  .eco-cute-cost__plan-model{
    font-size:11px;
  }

  .eco-cute-cost__plan-bar{
    height:40px;
  }

  .eco-cute-cost__plan-bar-num{
    font-size:16px;
  }

  .eco-cute-cost__plan-bar-tilde{
    font-size:12px;
  }

  .eco-cute-cost__plans-scale{
    margin-top:16px;
  }

  .eco-cute-cost__plans-scale-item{
    font-size:11px;
  }

  .eco-cute-cost__plans-note{
    font-size:3.0769230769cqw;
    margin-top:6.1538461538cqw;
    padding:2.5641025641cqw 3.0769230769cqw;
    text-align:left;
  }

  .eco-cute-customer{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-customer__inner{
    gap:6.1538461538cqw;
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-customer__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-customer__badge{
    font-size:3.5897435897cqw;
  }

  .eco-cute-customer__stats{
    gap:3.0769230769cqw;
    justify-content:space-between;
    padding:4.1025641026cqw;
    width:100%;
  }

  .eco-cute-customer__stats-item + .eco-cute-customer__stats-item{
    padding-left:3.0769230769cqw;
  }

  .eco-cute-customer__stats-stars{
    height:auto;
    width:24.6153846154cqw;
  }

  .eco-cute-customer__stats-rating{
    font-size:2.8205128205cqw;
  }

  .eco-cute-customer__stats-number{
    font-size:5.641025641cqw;
  }

  .eco-cute-customer__stats-number-unit{
    font-size:4.1025641026cqw;
  }

  .eco-cute-customer__stats-label{
    font-size:2.8205128205cqw;
  }

  .eco-cute-customer__cards{
    gap:4.1025641026cqw;
    grid-template-columns:1fr;
    max-width:none;
  }

  .eco-cute-customer__card{
    gap:3.5897435897cqw;
    padding:5.1282051282cqw;
  }

  .eco-cute-customer__card-stars{
    height:auto;
    width:25.641025641cqw;
  }

  .eco-cute-customer__card-comment{
    font-size:3.5897435897cqw;
    padding-left:3.0769230769cqw;
  }

  .eco-cute-customer__card-name{
    font-size:3.3333333333cqw;
    height:auto;
    padding-top:0;
  }

  .eco-cute-customer__card-location-text{
    font-size:2.8205128205cqw;
  }

  .eco-cute-customer__card-tag{
    font-size:2.8205128205cqw;
  }

  .eco-cute-customer__card-model{
    font-size:2.8205128205cqw;
  }

  .eco-cute-customer__more{
    height:10.2564102564cqw;
    max-width:82.0512820513cqw;
    width:100%;
  }

  .eco-cute-customer__more-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-flow{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-flow__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-flow__head{
    gap:2.5641025641cqw;
  }

  .eco-cute-flow__title-group{
    gap:1.5384615385cqw;
  }

  .eco-cute-flow__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-flow__badge{
    font-size:3.3333333333cqw;
  }

  .eco-cute-flow__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-flow__steps{
    display:grid;
    gap:6.1538461538cqw 3.0769230769cqw;
    grid-template-columns:repeat(2, 1fr);
    margin:8.2051282051cqw 0 0;
    width:100%;
  }

  .eco-cute-flow__steps::before{
    left:30.7692307692cqw;
    right:calc(0px - 4.1025641026cqw);
    top:24%;
    translate:0 -50%;
    width:auto;
  }

  .eco-cute-flow__steps::after{
    background-color:var(--border-gray-20);
    content:"";
    height:2px;
    left:calc(0px - 4.1025641026cqw);
    position:absolute;
    right:12.3076923077cqw;
    top:74%;
    translate:0 -50%;
    z-index:0;
  }

  .eco-cute-flow__step{
    gap:3.0769230769cqw;
    justify-self:center;
    max-width:44.1025641026cqw;
    width:100%;
  }

  .eco-cute-flow__step-head{
    flex-grow:1;
    gap:2.0512820513cqw;
  }

  .eco-cute-flow__step-head-row{
    gap:1.5384615385cqw;
    justify-content:flex-start;
  }

  .eco-cute-flow__step-badge{
    width:9.7435897436cqw;
  }

  .eco-cute-flow__step-badge-icon{
    width:3.5897435897cqw;
  }

  .eco-cute-flow__step-badge-num{
    font-size:3.0769230769cqw;
  }

  .eco-cute-flow__step-tag{
    font-size:3.0769230769cqw;
  }

  .eco-cute-flow__step-title{
    font-size:4.1025641026cqw;
  }

  .eco-cute-flow__step-photo{
    width:35.8974358974cqw;
  }

  .eco-cute-flow__step-desc{
    font-size:3.3333333333cqw;
    margin-top:0;
  }

  .eco-cute-flow__cta{
    gap:3.0769230769cqw;
    margin-top:8.2051282051cqw;
  }

  .eco-cute-flow__cta-buttons{
    align-items:center;
    flex-direction:column;
    gap:3.0769230769cqw;
    max-width:91.7948717949cqw;
    padding-top:3.0769230769cqw;
  }

  .eco-cute-flow__cta-button{
    border-radius:2.0512820513cqw;
    flex:none;
    gap:2.0512820513cqw;
    height:14.358974359cqw;
    padding-right:2.3076923077cqw;
    width:100%;
  }

  .eco-cute-flow__cta-icon{
    height:7.1794871795cqw;
    width:7.1794871795cqw;
  }

  .eco-cute-flow__cta-text{
    font-size:5.1282051282cqw;
  }

  .eco-cute-flow__cta-note{
    font-size:3.0769230769cqw;
  }

  .eco-cute-fv__inner{
    aspect-ratio:auto;
    padding-bottom:2.0512820513cqw;
  }

  .eco-cute-fv__main{
    padding-inline:4.1025641026cqw;
    padding-top:3.0769230769cqw;
    position:static;
    width:auto;
  }

  .eco-cute-fv__badge{
    gap:1.5384615385cqw;
    margin-left:0.5128205128cqw;
    padding-block:1.0256410256cqw;
    padding-inline:2.0512820513cqw 3.0769230769cqw;
    width:75.3846153846cqw;
  }

  .eco-cute-fv__badge-icon{
    height:4.1025641026cqw;
    width:4.1025641026cqw;
  }

  .eco-cute-fv__badge-text{
    font-size:3.5897435897cqw;
    line-height:1.2;
  }

  .eco-cute-fv__badge-dots{
    gap:3.1128205128cqw;
    left:30.5128205128cqw;
    top:0.5615384615cqw;
  }

  .eco-cute-fv__badge-dot{
    height:0.52cqw;
    width:0.52cqw;
  }

  .eco-cute-fv__heading{
    margin-left:0.5128205128cqw;
    margin-top:3.8461538462cqw;
    padding-top:0;
    width:89.2307692308cqw;
  }

  .eco-cute-fv__title{
    font-size:7.6923076923cqw;
    line-height:1.2;
  }

  .eco-cute-fv__title-char{
    font-size:7.6923076923cqw;
    letter-spacing:0;
  }

  .eco-cute-fv__title-char:nth-child(1){
    letter-spacing:0;
  }

  .eco-cute-fv__title-char:nth-child(2){
    letter-spacing:0;
  }

  .eco-cute-fv__title-char:nth-child(3){
    letter-spacing:0;
  }

  .eco-cute-fv__title-char:nth-child(4){
    letter-spacing:0;
  }

  .eco-cute-fv__title-char:nth-child(5){
    font-size:6.1538461538cqw;
  }

  .eco-cute-fv__title-char:nth-child(7){
    font-size:6.1538461538cqw;
  }

  .eco-cute-fv__discount{
    height:15.8974358974cqw;
    margin-top:2.0512820513cqw;
    width:83.5897435897cqw;
  }

  .eco-cute-fv__discount-max{
    font-size:8.2507692308cqw;
    letter-spacing:0.00446em;
    line-height:1;
    top:1.0256410256cqw;
    width:9.7230769231cqw;
  }

  .eco-cute-fv__discount-num{
    font-size:21.308974359cqw;
    left:9.4294871795cqw;
    letter-spacing:-0.04148em;
    padding-right:2.3076923077cqw;
    top:-1.8948717949cqw;
  }

  .eco-cute-fv__discount-off{
    font-size:10.2123076923cqw;
    left:32.0156410256cqw;
    line-height:1;
    top:8.4192307692cqw;
  }

  .eco-cute-fv__product{
    margin-left:0.5128205128cqw;
    margin-top:4.1025641026cqw;
    position:static;
    width:auto;
  }

  .eco-cute-fv__product-img{
    left:68.7366666667cqw;
    margin-left:0;
    position:absolute;
    top:27.1046153846cqw;
    width:26.7712820513cqw;
  }

  .eco-cute-fv__product-text{
    font-size:3.5897435897cqw;
    letter-spacing:0;
    line-height:1.714;
    margin-top:0;
    text-align:center;
    width:89.2307692308cqw;
  }

  .eco-cute-fv__subsidy{
    border-radius:3.0769230769cqw;
    border-width:0.7692307692cqw;
    margin-top:1.5384615385cqw;
    padding-block:3.3333333333cqw 0.7692307692cqw;
    padding-inline:5.641025641cqw;
    width:auto;
  }

  .eco-cute-fv__subsidy-row{
    align-items:stretch;
    flex-direction:column;
    gap:0cqw;
    padding-top:0;
  }

  .eco-cute-fv__subsidy-label{
    align-items:center;
    display:flex;
    gap:3.3333333333cqw;
    justify-content:flex-start;
    width:100%;
  }

  .eco-cute-fv__subsidy-tag{
    border-radius:1.2820512821cqw;
    flex-shrink:0;
    font-size:3.2051282051cqw;
    padding-block:1.0256410256cqw;
    padding-inline:2.5641025641cqw;
  }

  .eco-cute-fv__subsidy-sub{
    font-size:3.8461538462cqw;
    margin-top:0;
  }

  .eco-cute-fv__subsidy-amount{
    height:14.1025641026cqw;
    margin-top:0;
    width:77.9487179487cqw;
  }

  .eco-cute-fv__subsidy-amount-lead{
    font-size:5.3846153846cqw;
    left:3.5153846154cqw;
    line-height:1.19;
    top:0.6315384615cqw;
  }

  .eco-cute-fv__subsidy-amount-num{
    font-size:13.3430769231cqw;
    left:33.5638461538cqw;
    letter-spacing:-0.03225em;
    top:0.6315384615cqw;
  }

  .eco-cute-fv__subsidy-amount-unit{
    font-size:4.7346153846cqw;
    left:50.6782051282cqw;
    top:6.3346153846cqw;
  }

  .eco-cute-fv__subsidy-amount-limit{
    font-size:3.6584615385cqw;
    left:61.8692307692cqw;
    top:7.4105128205cqw;
  }

  .eco-cute-fv__subsidy-note{
    align-items:stretch;
    flex-direction:column;
    gap:0.5128205128cqw;
    margin-top:0.5128205128cqw;
    padding-top:1.7948717949cqw;
  }

  .eco-cute-fv__subsidy-note-text{
    border-radius:1.5384615385cqw;
    font-size:3.0769230769cqw;
    line-height:1.913;
    padding-block:1.5384615385cqw;
    padding-inline:3.3333333333cqw;
    text-align:center;
  }

  .eco-cute-fv__subsidy-note-budget{
    gap:3.3333333333cqw;
    justify-content:center;
    margin-top:0;
  }

  .eco-cute-fv__subsidy-budget{
    font-size:3.3333333333cqw;
  }

  .eco-cute-fv__subsidy-budget-value{
    font-size:4.8717948718cqw;
  }

  .eco-cute-fv__subsidy-date{
    font-size:2.5641025641cqw;
  }

  .eco-cute-fv__records{
    gap:2.0512820513cqw;
    justify-content:center;
    padding-top:2.8205128205cqw;
  }

  .eco-cute-fv__record{
    background-color:var(--record-bg-sp);
    border-radius:1.2820512821cqw;
    flex-direction:column;
    gap:0.2564102564cqw;
    min-height:11.2820512821cqw;
    padding-block:1.5384615385cqw 1.2820512821cqw;
    padding-inline:2.0512820513cqw;
    width:29.1453846154cqw;
  }

  .eco-cute-fv__record-label{
    font-size:2.3076923077cqw;
    letter-spacing:0;
    line-height:1.3;
  }

  .eco-cute-fv__record-value{
    font-size:4.3787179487cqw;
    gap:0;
    letter-spacing:-0.02042em;
    line-height:1.2;
  }

  .eco-cute-fv__record:nth-child(2) .eco-cute-fv__record-value{
    font-size:3.9805128205cqw;
    letter-spacing:-0.02197em;
  }

  .eco-cute-fv__record:nth-child(3) .eco-cute-fv__record-value{
    font-size:5.1746153846cqw;
    letter-spacing:-0.01728em;
    line-height:1;
  }

  .eco-cute-fv__record-num{
    font-size:4.3787179487cqw;
    letter-spacing:-0.02042em;
    line-height:1.2;
  }

  .eco-cute-fv__record:nth-child(2) .eco-cute-fv__record-num{
    font-size:3.9794871795cqw;
  }

  .eco-cute-fv__record:nth-child(3) .eco-cute-fv__record-num{
    font-size:5.1746153846cqw;
    line-height:1;
  }

  .eco-cute-fv__record:nth-child(3) .eco-cute-fv__record-unit{
    font-size:3.5825641026cqw;
    line-height:1;
  }

  .eco-cute-fv__record-unit{
    font-size:2.5641025641cqw;
    line-height:1.2;
  }

  .eco-cute-fv__cta-navy{
    border-radius:2.2130769231cqw;
    box-shadow:0 2.7661538462cqw 2.7661538462cqw var(--shadow-cta);
    display:block;
    gap:0;
    margin-top:2.8205128205cqw;
    min-height:22.3076923077cqw;
    padding-right:0;
    padding-top:0;
    width:auto;
  }

  .eco-cute-fv__cta-navy-icon{
    display:none;
  }

  .eco-cute-fv__cta-navy-body{
    gap:0;
    left:1.2820512821cqw;
    position:absolute;
    text-align:center;
    top:2.2794871795cqw;
    width:100%;
  }

  .eco-cute-fv__cta-navy-title.u-mobile-inline{
    display:flex;
    flex-direction:column;
    font-size:5.3846153846cqw;
    line-height:6.7435897436cqw;
  }

  .eco-cute-fv__cta-navy-sub{
    font-size:3.0428205128cqw;
    left:0;
    letter-spacing:-0.08427em;
    line-height:3.5961538462cqw;
    position:absolute;
    top:13.0769230769cqw;
    white-space:nowrap;
    width:100%;
  }

  .eco-cute-fv__cta-navy-family{
    display:block;
    height:15.5469230769cqw;
    left:4.7205128205cqw;
    position:absolute;
    top:3.5076923077cqw;
    width:15.5469230769cqw;
  }

  .eco-cute-fv__cta-navy-arrow{
    height:3.5961538462cqw;
    right:3.3205128205cqw;
    width:2.7661538462cqw;
  }

  .eco-cute-fv__btns{
    flex-direction:column;
    gap:3.0769230769cqw;
    margin-top:2.8205128205cqw;
    padding-bottom:3.5897435897cqw;
  }

  .eco-cute-fv__btn{
    border-radius:2.0512820513cqw;
    box-shadow:0 1.0256410256cqw 1.0256410256cqw var(--shadow-btn);
    min-height:15.3846153846cqw;
    width:auto;
  }

  .eco-cute-fv__btn--photo{
    gap:2.0512820513cqw;
    padding-left:0.7692307692cqw;
    padding-right:0;
  }

  .eco-cute-fv__btn--tel{
    align-items:flex-start;
    background-color:var(--white);
    border:0.5128205128cqw solid var(--btn-navy-border);
    gap:0;
    padding-right:0;
    padding-top:2.0512820513cqw;
  }

  .eco-cute-fv__btn-icon{
    height:6.1538461538cqw;
    width:6.1538461538cqw;
  }

  .eco-cute-fv__btn-icon--tel-pc{
    display:none;
  }

  .eco-cute-fv__btn-icon--tel-sp{
    display:block;
    height:4.6153846154cqw;
    width:7.0641025641cqw;
  }

  .eco-cute-fv__btn-text{
    font-size:5.1282051282cqw;
    line-height:1.4;
  }

  .eco-cute-fv__btn-tel-body{
    gap:0;
  }

  .eco-cute-fv__btn-tel-row{
    gap:1.341025641cqw;
  }

  .eco-cute-fv__btn-tel-num{
    color:var(--btn-navy-border);
    font-size:5.641025641cqw;
    letter-spacing:-0.02042em;
    line-height:1.273;
  }

  .eco-cute-fv__btn-tel-sub{
    color:var(--btn-navy-border);
    font-size:3.0769230769cqw;
    font-weight:var(--font-weight-medium);
    line-height:1.333;
  }

  .eco-cute-fv__case{
    display:none;
  }

  .eco-cute-maker{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-maker__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-maker__head{
    gap:2.5641025641cqw;
  }

  .eco-cute-maker__title-group{
    gap:1.5384615385cqw;
  }

  .eco-cute-maker__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-maker__badge{
    font-size:3.3333333333cqw;
  }

  .eco-cute-maker__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-maker__cards{
    gap:6.1538461538cqw;
    grid-template-columns:1fr;
    margin-top:8.2051282051cqw;
  }

  .eco-cute-maker__card{
    border-radius:2.5641025641cqw;
  }

  .eco-cute-maker__card-head{
    gap:1.2820512821cqw;
    padding:3.5897435897cqw 4.1025641026cqw;
  }

  .eco-cute-maker__card-logo{
    height:10.2564102564cqw;
    width:28.2051282051cqw;
  }

  .eco-cute-maker__card-name{
    font-size:5.1282051282cqw;
  }

  .eco-cute-maker__card-tagline{
    font-size:3.3333333333cqw;
  }

  .eco-cute-maker__card-body{
    gap:3.5897435897cqw;
    padding:4.1025641026cqw;
  }

  .eco-cute-maker__card-desc{
    display:block;
    font-size:3.3333333333cqw;
    height:auto;
    overflow:visible;
  }

  .eco-cute-maker__card-points{
    gap:1.5384615385cqw;
    height:auto;
  }

  .eco-cute-maker__card-point{
    gap:1.7948717949cqw;
  }

  .eco-cute-maker__card-point-icon{
    height:3.8461538462cqw;
    width:3.8461538462cqw;
  }

  .eco-cute-maker__card-point-text{
    font-size:3.3333333333cqw;
  }

  .eco-cute-maker__card-footer{
    padding-bottom:4.1025641026cqw;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-maker__card-btn{
    height:11.2820512821cqw;
    max-width:91.7948717949cqw;
    width:100%;
  }

  .eco-cute-maker__card-btn-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-maker__note{
    font-size:3.0769230769cqw;
    margin-top:6.1538461538cqw;
    text-align:left;
  }

  .eco-cute-quicknav{
    container-type:inline-size;
    padding-block:6.1538461538cqw;
  }

  .eco-cute-quicknav__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-quicknav__cards{
    flex-direction:column;
    gap:2.0512820513cqw;
  }

  .eco-cute-quicknav__cards-item{
    width:100%;
  }

  .eco-cute-quicknav__card{
    gap:3.0769230769cqw;
    padding-right:3.0769230769cqw;
  }

  .eco-cute-quicknav__card-img{
    height:16.4102564103cqw;
    width:16.4102564103cqw;
  }

  .eco-cute-quicknav__card-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-quicknav__card-arrow{
    height:4.6153846154cqw;
    width:4.6153846154cqw;
  }

  .eco-cute-quicknav__chips{
    flex-direction:column;
    gap:1.0256410256cqw;
    margin-top:3.0769230769cqw;
    padding:3.0769230769cqw 4.1025641026cqw;
  }

  .eco-cute-quicknav__chip{
    padding-block:2.5641025641cqw;
  }

  .eco-cute-quicknav__chip-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-quicknav__chip-arrow{
    height:4.1025641026cqw;
    width:4.1025641026cqw;
  }

  .eco-cute-quicknav__links{
    flex-direction:column;
    gap:1.0256410256cqw;
    margin-top:4.1025641026cqw;
  }

  .eco-cute-quicknav__links-item{
    border-right:0;
    padding-right:0;
  }

  .eco-cute-quicknav__link{
    padding-block:2.5641025641cqw;
  }

  .eco-cute-quicknav__link-text{
    font-size:3.8461538462cqw;
  }

  .eco-cute-quicknav__link-arrow{
    height:3.8461538462cqw;
    width:3.8461538462cqw;
  }

  .eco-cute-ranking{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-ranking__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-ranking__head{
    max-width:none;
  }

  .eco-cute-ranking__badge{
    font-size:3.0769230769cqw;
    padding-inline:8.2051282051cqw;
  }

  .eco-cute-ranking__title{
    font-size:5.641025641cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-reason{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-reason__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-reason__head{
    gap:2.5641025641cqw;
  }

  .eco-cute-reason__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-reason__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-reason__catch{
    font-size:4.1025641026cqw;
    margin-top:6.1538461538cqw;
  }

  .eco-cute-reason__cards{
    gap:3.0769230769cqw;
    grid-template-columns:1fr;
    margin-top:4.1025641026cqw;
  }

  .eco-cute-reason__card{
    border-radius:3.0769230769cqw;
    gap:3.0769230769cqw;
    padding:3.5897435897cqw 3.5897435897cqw 5.1282051282cqw;
  }

  .eco-cute-reason__card-icon{
    height:10.7692307692cqw;
    width:10.7692307692cqw;
  }

  .eco-cute-reason__card-text{
    gap:2.0512820513cqw;
  }

  .eco-cute-reason__card-title{
    font-size:4.358974359cqw;
  }

  .eco-cute-reason__card-title-marker--lg{
    font-size:5.1282051282cqw;
  }

  .eco-cute-reason__card-title-em{
    font-size:5.641025641cqw;
  }

  .eco-cute-reason__card-desc{
    font-size:3.3333333333cqw;
  }

  .eco-cute-repair{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-repair__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-repair__badge{
    font-size:3.0769230769cqw;
    height:6.4102564103cqw;
    padding-inline:3.3333333333cqw;
  }

  .eco-cute-repair__title{
    font-size:5.3846153846cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-repair__lead{
    font-size:3.3333333333cqw;
    margin-top:1.5384615385cqw;
  }

  .eco-cute-repair__body{
    gap:6.1538461538cqw;
    grid-template-columns:1fr;
    margin-top:5.1282051282cqw;
  }

  .eco-cute-repair__cost-title{
    font-size:3.8461538462cqw;
  }

  .eco-cute-repair__table{
    margin-top:2.0512820513cqw;
  }

  .eco-cute-repair__table-head,
  .eco-cute-repair__table-symptom,
  .eco-cute-repair__table-price{
    font-size:3.3333333333cqw;
    height:10.7692307692cqw;
    padding-inline:2.5641025641cqw;
  }

  .eco-cute-repair__cost-note{
    font-size:3.0769230769cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-repair__replace{
    border-radius:2.5641025641cqw;
    padding:4.1025641026cqw;
  }

  .eco-cute-repair__replace-title{
    font-size:3.8461538462cqw;
  }

  .eco-cute-repair__list{
    padding-left:4.6153846154cqw;
    padding-top:2.0512820513cqw;
  }

  .eco-cute-repair__list-item{
    font-size:3.3333333333cqw;
    line-height:2;
  }

  .eco-cute-repair__replace-note{
    margin-top:2.5641025641cqw;
    padding:2.5641025641cqw 3.0769230769cqw;
  }

  .eco-cute-repair__replace-text{
    font-size:3.3333333333cqw;
  }

  .eco-cute-simulator{
    container-type:inline-size;
    padding-block:8.2051282051cqw;
  }

  .eco-cute-simulator__inner{
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-simulator__head{
    width:auto;
  }

  .eco-cute-simulator__badge{
    font-size:3.2051282051cqw;
    padding-block:0.7692307692cqw 0.5128205128cqw;
    padding-inline:3.5897435897cqw;
  }

  .eco-cute-simulator__title{
    font-size:4.8717948718cqw;
    padding-right:23.5897435897cqw;
    padding-top:2.5641025641cqw;
  }

  .eco-cute-simulator__lead{
    font-size:3.3333333333cqw;
    padding-right:24.6153846154cqw;
    padding-top:1.7948717949cqw;
  }

  .eco-cute-simulator__illust{
    left:auto;
    right:0;
    top:1.0256410256cqw;
    width:23.5897435897cqw;
  }

  .eco-cute-simulator__card{
    border-radius:3.5897435897cqw;
    margin-top:3.0769230769cqw;
    padding-block:4.6153846154cqw;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-simulator__q + .eco-cute-simulator__q{
    padding-top:4.1025641026cqw;
  }

  .eco-cute-simulator__q-head{
    gap:2.0512820513cqw;
  }

  .eco-cute-simulator__step{
    font-size:3.0769230769cqw;
    padding-block:0.7692307692cqw 0.5128205128cqw;
    padding-inline:2.5641025641cqw;
  }

  .eco-cute-simulator__q-title{
    font-size:3.8461538462cqw;
  }

  .eco-cute-simulator__opts{
    flex-wrap:wrap;
    gap:2.0512820513cqw;
    padding-top:2.0512820513cqw;
  }

  .eco-cute-simulator__opt{
    border-radius:2.3076923077cqw;
    border-width:0.5128205128cqw;
    flex:1 0 calc(50% - 1.0256410256cqw);
    font-size:3.4615384615cqw;
    min-height:13.3333333333cqw;
    padding-block:2.5641025641cqw;
    padding-inline:2.0512820513cqw;
  }

  .eco-cute-simulator__result{
    padding-top:4.6153846154cqw;
  }

  .eco-cute-simulator__result-lead{
    font-size:3.3333333333cqw;
  }

  .eco-cute-simulator__result-cap{
    font-size:4.6153846154cqw;
  }

  .eco-cute-simulator__price{
    border-radius:2.8205128205cqw;
    border-width:0.5128205128cqw;
    margin-top:3.0769230769cqw;
    padding-block:4.1025641026cqw;
    padding-inline:3.5897435897cqw;
  }

  .eco-cute-simulator__price-label{
    font-size:3.0769230769cqw;
  }

  .eco-cute-simulator__price-value{
    font-size:6.1538461538cqw;
  }

  .eco-cute-simulator__price-breakdown{
    font-size:2.9487179487cqw;
    padding-top:2.0512820513cqw;
  }

  .eco-cute-simulator__cta{
    margin-top:3.5897435897cqw;
  }

  .eco-cute-simulator__cta-main{
    border-radius:2.5641025641cqw;
    font-size:4.1025641026cqw;
    padding:3.5897435897cqw;
  }

  .eco-cute-simulator__cta-note{
    font-size:2.9487179487cqw;
  }

  .eco-cute-simulator__cta-subs{
    flex-direction:column;
    gap:2.0512820513cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-simulator__cta-sub{
    border-radius:2.5641025641cqw;
    font-size:3.5897435897cqw;
    padding:3.0769230769cqw;
  }

  .eco-cute-simulator__result-note{
    font-size:2.8205128205cqw;
    margin-top:2.0512820513cqw;
  }

  .eco-cute-subsidy{
    container-type:inline-size;
    padding-block:8.2051282051cqw;
  }

  .eco-cute-subsidy__inner{
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-subsidy__badge{
    font-size:3.0769230769cqw;
    padding-inline:3.5897435897cqw;
  }

  .eco-cute-subsidy__title{
    font-size:5.641025641cqw;
    padding-top:2.5641025641cqw;
  }

  .eco-cute-subsidy__lead{
    font-size:3.3333333333cqw;
    padding-top:1.7948717949cqw;
    text-align:left;
  }

  .eco-cute-subsidy__cards{
    gap:2.5641025641cqw;
    grid-template-columns:1fr;
    padding-top:4.6153846154cqw;
  }

  .eco-cute-subsidy__card{
    border-radius:2.3076923077cqw;
    padding-block:3.5897435897cqw;
    padding-inline:3.5897435897cqw;
  }

  .eco-cute-subsidy__card-label{
    font-size:3.2051282051cqw;
  }

  .eco-cute-subsidy__card-price{
    font-size:6.6666666667cqw;
    padding-top:0.7692307692cqw;
  }

  .eco-cute-subsidy__card-unit{
    font-size:3.3333333333cqw;
  }

  .eco-cute-subsidy__card-desc{
    font-size:2.9487179487cqw;
    padding-top:1.2820512821cqw;
  }

  .eco-cute-subsidy__gauge{
    align-items:stretch;
    border-radius:2.3076923077cqw;
    flex-direction:column;
    gap:3.0769230769cqw;
    margin-top:2.5641025641cqw;
    padding-block:4.1025641026cqw;
    padding-inline:3.5897435897cqw;
  }

  .eco-cute-subsidy__donut{
    height:26.6666666667cqw;
    margin-inline:auto;
    width:26.6666666667cqw;
  }

  .eco-cute-subsidy__donut-num{
    font-size:5.641025641cqw;
  }

  .eco-cute-subsidy__donut-label{
    font-size:2.6923076923cqw;
  }

  .eco-cute-subsidy__remain{
    font-size:3.5897435897cqw;
    position:static;
  }

  .eco-cute-subsidy__remain-value{
    font-size:6.1538461538cqw;
  }

  .eco-cute-subsidy__remain-date{
    font-size:2.9487179487cqw;
  }

  .eco-cute-subsidy__gauge-body{
    padding-top:0;
  }

  .eco-cute-subsidy__gauge-note{
    font-size:2.9487179487cqw;
    padding-top:0;
  }

  .eco-cute-subsidy__removal{
    align-items:flex-start;
    flex-direction:column;
    gap:0.5128205128cqw;
    padding-top:2.5641025641cqw;
  }

  .eco-cute-subsidy__removal-label,
  .eco-cute-subsidy__removal-value{
    font-size:2.9487179487cqw;
  }

  .eco-cute-subsidy__bar{
    height:2.5641025641cqw;
    margin-top:1.0256410256cqw;
  }

  .eco-cute-subsidy__deadline{
    border-radius:2.3076923077cqw;
    font-size:3.2051282051cqw;
    margin-top:2.5641025641cqw;
    padding-block:3.0769230769cqw;
    padding-inline:3.0769230769cqw;
  }

  .eco-cute-subsidy__source{
    font-size:2.8205128205cqw;
    margin-top:2.5641025641cqw;
    text-align:left;
  }

  .eco-cute-subsidy__banner{
    margin-top:4.1025641026cqw;
  }

  .eco-cute-tel-button{
    border-radius:2.0512820513cqw;
    flex:none;
    gap:2.0512820513cqw;
    height:15.8974358974cqw;
    max-width:91.7948717949cqw;
    padding-right:5.1282051282cqw;
  }

  .eco-cute-tel-button__icon{
    height:6.4102564103cqw;
    width:6.6666666667cqw;
  }

  .eco-cute-tel-button__body{
    gap:1.2820512821cqw;
  }

  .eco-cute-tel-button__number{
    font-size:6.1538461538cqw;
  }

  .eco-cute-tel-button__hours{
    font-size:3.0769230769cqw;
  }

  .eco-cute-trustbar{
    padding-block:24px;
  }

  .eco-cute-trustbar__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-trustbar__list{
    align-items:flex-start;
    flex-direction:column;
    gap:4.1025641026cqw;
    margin-inline:auto;
    width:fit-content;
  }

  .eco-cute-trustbar__item{
    gap:3.0769230769cqw;
    width:auto;
  }

  .eco-cute-trustbar__item--license{
    width:auto;
  }

  .eco-cute-trustbar__item--clock{
    width:auto;
  }

  .eco-cute-trustbar__item--record{
    width:auto;
  }

  .eco-cute-trustbar__item--money{
    width:auto;
  }

  .eco-cute-trustbar__item--24h{
    width:auto;
  }

  .eco-cute-trustbar__icon{
    background-size:7.4358974359cqw 7.4358974359cqw;
    border-radius:2.8205128205cqw;
    height:11.2820512821cqw;
    width:11.2820512821cqw;
  }

  .eco-cute-trustbar__title{
    font-size:4.358974359cqw;
  }

  .eco-cute-trustbar__sub{
    font-size:3.0769230769cqw;
  }

  .eco-cute-types{
    container-type:inline-size;
    padding-block:10.2564102564cqw;
  }

  .eco-cute-types__inner{
    max-width:none;
    padding-inline:4.1025641026cqw;
  }

  .eco-cute-types__head{
    gap:2.5641025641cqw;
  }

  .eco-cute-types__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-types__lead{
    font-size:3.5897435897cqw;
  }

  .eco-cute-types__cards{
    gap:3.0769230769cqw;
    grid-template-columns:1fr;
    margin-top:6.1538461538cqw;
  }

  .eco-cute-types__card{
    border-radius:3.0769230769cqw;
    gap:3.0769230769cqw;
    padding:4.1025641026cqw;
  }

  .eco-cute-types__card-head{
    gap:3.0769230769cqw;
    height:auto;
  }

  .eco-cute-types__card-icon{
    height:16.4102564103cqw;
    width:16.4102564103cqw;
  }

  .eco-cute-types__card-text{
    gap:1.5384615385cqw;
  }

  .eco-cute-types__card-capacity{
    font-size:4.1025641026cqw;
  }

  .eco-cute-types__card-target{
    font-size:3.3333333333cqw;
  }

  .eco-cute-types__card-btn{
    border-radius:1.2820512821cqw;
    padding:3.0769230769cqw 4.1025641026cqw;
  }

  .eco-cute-types__card-btn::after{
    border-block-width:1.0256410256cqw;
    border-left-width:1.2820512821cqw;
    right:2.0512820513cqw;
  }

  .eco-cute-types__card-btn-text{
    font-size:3.5897435897cqw;
  }
}

@media (any-hover: hover){
  .gwh-cta__btn:hover{
    box-shadow:none;
    transform:translateY(3px);
  }

  .gwh-cta__tel:hover{
    box-shadow:none;
    transform:translateY(3px);
  }

  .eco-cute-blog__card:hover{
    opacity:0.8;
  }

  .eco-cute-blog__card:hover .eco-cute-blog__thumb-label, .eco-cute-blog__card:hover .eco-cute-blog__thumb-img{
    transform:scale(1.05);
  }

  .eco-cute-blog__cta:hover{
    background-color:var(--primary-100);
  }

  .eco-cute-blog__cta:hover .eco-cute-blog__cta-text{
    color:var(--text-white);
  }

  .eco-cute-blog__cta:hover::after{
    border-left-color:var(--white);
  }

  .eco-cute-case__more:hover{
    box-shadow:none;
    transform:translateY(3px);
  }

  .eco-cute-customer__more:hover{
    box-shadow:none;
    transform:translateY(3px);
  }

  .eco-cute-flow__cta-button:hover{
    opacity:0.7;
  }

  .eco-cute-fv__cta-navy:hover{
    box-shadow:none;
    transform:translateY(2px);
  }

  .eco-cute-fv__btn:hover{
    opacity:0.7;
  }

  .eco-cute-maker__card-btn:hover{
    box-shadow:none;
    transform:translateY(3px);
  }

  .eco-cute-quicknav__card:hover{
    opacity:0.7;
  }

  .eco-cute-quicknav__chip:hover{
    opacity:0.7;
  }

  .eco-cute-quicknav__link:hover{
    opacity:0.7;
  }

  .eco-cute-simulator__opt:hover{
    border-color:var(--step-orange);
  }

  .eco-cute-simulator__cta-main:hover{
    opacity:0.7;
  }

  .eco-cute-simulator__cta-sub:hover{
    opacity:0.7;
  }

  .eco-cute-subsidy__banner:hover{
    opacity:0.7;
  }

  .eco-cute-tel-button:hover{
    opacity:0.7;
  }

  .eco-cute-types__card-btn:hover{
    opacity:0.7;
  }
}

/* ========================================================================
 * WP追加 ここから（ビルドに含まれない）
 * ラインナップ・ランキング・FAQ・Bootstrap 競合補正。再ビルドしても消さないこと。
 * 差し替えは、上のビルド成果物だけを入れ替えてこのブロックを後ろに残す。
 * ======================================================================== */

.eco-cute-page button:focus,
.eco-cute-page button:focus-visible,
.eco-cute-page a:focus,
.eco-cute-page a:focus-visible{
  outline:none !important;
}

.eco-cute-faq__inner{
  max-width:1000px;
  padding-inline:0;
}

.eco-cute-faq .faq__title{
  font-family:var(--font-family-base);
  font-size:30px;
  font-weight:700;
  letter-spacing:1.5px;
  line-height:1.36667;
  margin-inline:auto;
}

.eco-cute-faq__more{
  align-items:center;
  background-color:var(--primary-dark);
  border-radius:5px;
  box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2);
  color:var(--white);
  display:flex;
  font-family:var(--font-family-base);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  height:40px;
  justify-content:center;
  line-height:1;
  margin:32px auto 0;
  max-width:100%;
  padding:0 24px;
  position:relative;
  text-decoration:none;
  transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
  width:355px;
}

.eco-cute-faq__more-arrow{
  height:13px;
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:10px;
}

.eco-cute-faq__more-text{
  color:var(--white);
  font-family:var(--font-family-base);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1;
}

.eco-cute-lineup.product-list{
  background:var(--primary-10);
  padding-bottom:40px;
  padding-top:60px;
}

:is(#lineup, #eco-cute-ranking-list) > [x-data]{
  font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*
 * common/bootstrap.css の同名ユーティリティには !important が付いており、
 * TailwindをIDスコープ化しただけではガス給湯器版の寸法にならない。
 * 商品一覧内だけTailwind本来の値へ戻し、既存セクションへの波及を防ぐ。
 */

:is(#lineup, #eco-cute-ranking-list) .ml-2{
  margin-left:0.5rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .mx-auto{
  margin-left:auto !important;
  margin-right:auto !important;
}

:is(#lineup, #eco-cute-ranking-list) .pr-2{
  padding-right:0.5rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .px-2{
  padding-left:0.5rem !important;
  padding-right:0.5rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .px-3{
  padding-left:0.75rem !important;
  padding-right:0.75rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .py-1{
  padding-bottom:0.25rem !important;
  padding-top:0.25rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .py-2{
  padding-bottom:0.5rem !important;
  padding-top:0.5rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .py-3{
  padding-bottom:0.75rem !important;
  padding-top:0.75rem !important;
}

:is(#lineup, #eco-cute-ranking-list) .text-white{
  color:#fff !important;
}

.eco-cute-lineup .product-list__more-button{
  min-height:40px;
  padding:12px 24px !important;
}

.eco-cute-lineup .product-list__filter-row{
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.eco-cute-lineup .product-card__discount-badge{
  align-items:center;
  background-color:#e90e28;
  border-radius:0 0 0 4px;
  display:flex;
  padding:6px 12px !important;
  position:absolute;
  right:0;
  top:1px;
}

.eco-cute-lineup .product-card__discount-text{
  color:#fff !important;
  flex-shrink:0;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:1;
  margin:0;
  white-space:nowrap;
}

@media (min-width:640px){
  :is(#lineup, #eco-cute-ranking-list) .sm\:px-3{
    padding-left:0.75rem !important;
    padding-right:0.75rem !important;
  }

  :is(#lineup, #eco-cute-ranking-list) .sm\:px-4{
    padding-left:1rem !important;
    padding-right:1rem !important;
  }

  .eco-cute-lineup .product-list__more-button{
    padding-left:132px !important;
    padding-right:132px !important;
  }

  .eco-cute-lineup .product-list__filter-row{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
}

.eco-cute-lineup .product-list__head--embedded{
  align-items:center;
  background:transparent;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:0;
  text-align:center;
}

.eco-cute-lineup .product-list__title-wrap{
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-inline:auto;
  max-width:1000px;
  padding:0;
  width:100%;
}

.eco-cute-lineup .product-list__title{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:30px;
  font-weight:var(--font-weight-bold);
  letter-spacing:0;
  line-height:1.5;
  margin:0;
  text-align:center;
}

.eco-cute-lineup .product-list__subheading{
  color:var(--primary-100);
  font-family:var(--font-family-jp);
  font-size:16px;
  font-weight:var(--font-weight-bold);
  line-height:1.7;
  margin:0;
  text-align:center;
}

.eco-cute-lineup .product-list__lead{
  color:var(--text-black);
  font-family:var(--font-family-jp);
  font-size:18px;
  font-weight:var(--font-weight-regular);
  letter-spacing:0.54px;
  line-height:1.7;
  margin:0;
  max-width:1000px;
  text-align:center;
  width:100%;
}

.eco-cute-lineup .product-card__badge{
  align-items:center !important;
  border-radius:4px !important;
  flex-shrink:0 !important;
  min-height:20px;
  padding:4px 8px !important;
}

.eco-cute-lineup .product-card__badge-text{
  color:var(--white) !important;
  flex-shrink:0 !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:1 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.eco-cute-lineup .product-card__badge--outline{
  background:transparent;
}

.eco-cute-lineup .product-card__badge-text--outline{
  color:var(--gray-75) !important;
}

.eco-cute-lineup--ranking.product-list{
  background:transparent;
  padding:0;
}

.eco-cute-lineup--ranking > [x-data]{
  padding-bottom:0 !important;
  padding-top:44px !important;
}

@media (max-width: 767px){
  .eco-cute-faq__inner{
    max-width:600px;
    padding-inline:5vw;
  }

  .eco-cute-faq__more{
    max-width:355px;
    width:calc(100% - 16px);
  }

  .eco-cute-lineup .product-list__head--embedded{
    gap:4.1025641026cqw;
    padding:0;
  }

  .eco-cute-lineup .product-list__title-wrap{
    gap:2.0512820513cqw;
    max-width:none;
  }

  .eco-cute-lineup .product-list__title{
    font-size:5.641025641cqw;
  }

  .eco-cute-lineup .product-list__subheading{
    font-size:3.3333333333cqw;
  }

  .eco-cute-lineup .product-list__lead{
    font-size:3.5897435897cqw;
    letter-spacing:0.1076923077cqw;
    line-height:1.7;
    max-width:none;
  }

  .eco-cute-lineup--ranking > [x-data]{
    padding-top:7.1794871795cqw !important;
  }
}

@media (any-hover: hover){
  .eco-cute-faq__more:hover{
    box-shadow:none;
    transform:translateY(3px);
  }
}