/* Compact cost comparisons; all rules are scoped to the results section. */
.results{
  --color-success-bg:#EFF8F2;
  --results-green:#007A45;
  background:#F8FAF8;
  padding-block:56px;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  color:var(--color-body);
  line-break:strict;
}
.results .page-width{width:calc(100% - 40px);max-width:1200px}
.results .results-heading{display:block;margin:0}
.results .results-heading .section-index{position:relative;padding-left:35px;margin-bottom:18px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.04em;color:var(--results-green)}
.results .results-heading .section-index::before{content:"";position:absolute;top:.75em;left:0;width:23px;height:1px;background:currentColor}
.results .results-heading .section-index span{margin-inline:6px}
.results .results-heading h2{font-family:inherit;font-size:32px;font-weight:800;line-height:1.35;letter-spacing:-.03em;color:var(--color-heading)}
.results .results-heading>p:last-child{margin:20px 0 0;font-size:14px;font-weight:400;line-height:1.8;color:var(--color-muted)}
.results .result-grid{display:grid;gap:16px;margin-top:28px}
.results .result-card{min-width:0;padding:22px 18px;background:#FFF;border:1px solid var(--color-border);border-radius:10px}
.results .result-card__header{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;row-gap:8px;align-items:center}
.results .result-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-success-bg);color:var(--results-green);grid-row:1}
.results .result-card__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.results .result-card__identity{min-width:0}
.results .result-card__header h3{font-size:15px;font-weight:700;line-height:1.45;color:var(--color-heading);letter-spacing:-.02em}
.results .result-card__header h3 span{white-space:nowrap}
.results .result-card__client{margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;color:#7A8581}
.results .result-card__tag{grid-column:2;justify-self:start;padding:5px 10px;border-radius:999px;background:var(--color-success-bg);color:var(--results-green);font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
.results .result-card__comparison{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:6px;margin-top:20px}
.results .result-card__label{margin-bottom:5px;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;color:#53605C}
.results .result-card__after .result-card__label{color:var(--results-green)}
.results .result-card__before-amount,.results .result-card__amount{display:flex;align-items:baseline;gap:2px;line-height:1.2;white-space:nowrap;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.results .result-card__before-amount{color:var(--color-heading)}
.results .result-card__before-amount strong{font-size:27px;font-weight:700}
.results .result-card__amount{color:var(--results-green)}
.results .result-card__amount strong{font-size:32px;font-weight:800}
.results .result-card__approx{font-size:13px;font-weight:600;letter-spacing:0}
.results .result-card__unit{font-size:13px;font-weight:600;letter-spacing:0}
.results .result-card__arrow{width:22px;height:21px;margin-top:20px;fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.results .result-card__footer{display:grid;gap:12px;margin-top:19px;padding-top:16px;border-top:1px solid #E3EAE6}
.results .result-card__saving{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#F0F8F3;color:var(--results-green)}
.results .result-card__saving-icon{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:#E2F3E8}
.results .result-card__saving-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.results .result-card__saving p{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;line-height:1.3}
.results .result-card__saving-label{font-size:12px;font-weight:400}
.results .result-card__saving strong{font-size:32px;font-weight:800;line-height:1.25;letter-spacing:-.03em;white-space:nowrap}
.results .result-card__saving-approx{font-size:15px;font-weight:700;margin-right:3px;letter-spacing:0}
.results .result-card__saving-unit{font-size:16px;font-weight:700;letter-spacing:0;margin-left:3px}
.results .result-card__note{font-size:12px;line-height:1.7;color:var(--color-muted);overflow-wrap:anywhere}
@media(min-width:375px) and (max-width:767px){
  .results .result-card__header h3{font-size:16px}
  .results .result-card__before-amount strong{font-size:29px}
  .results .result-card__amount strong{font-size:34px}
  .results .result-card__approx,.results .result-card__unit{font-size:14px}
  .results .result-card__label{font-size:12px}
  .results .result-card__comparison{gap:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
  .results .result-card__arrow{width:22px}
}
@media(min-width:768px){
  .results{padding-block:80px}
  .results .page-width{width:calc(100% - 96px)}
  .results .results-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
  .results .results-heading .section-index{padding-left:48px;font-size:14px;margin-bottom:18px}
  .results .results-heading .section-index::before{width:32px}
  .results .results-heading h2{font-size:clamp(40px,4vw,56px);line-height:1.3}
  .results .results-heading>p:last-child{margin:0;font-size:16px;line-height:1.9}
  .results .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
  .results .result-card{padding:26px 24px;border-radius:12px}
  .results .result-card__header{grid-template-columns:44px minmax(0,1fr);gap:8px 12px}
  .results .result-card__icon{width:44px;height:44px}
  .results .result-card__header h3{font-size:16px}
  .results .result-card__tag{font-size:11px}
  .results .result-card__comparison{gap:8px;margin-top:22px}
  .results .result-card__label{font-size:11px}
  .results .result-card__before-amount strong{font-size:27px}
  .results .result-card__amount strong{font-size:32px}
  .results .result-card__footer{margin-top:22px;padding-top:20px}
}
@media(min-width:1080px){
  .results .result-card{padding:28px 30px}
  .results .result-card__header{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}
  .results .result-card__icon{width:52px;height:52px}
  .results .result-card__icon svg{width:33px;height:33px}
  .results .result-card__header h3{font-size:20px;line-height:1.4}
  .results .result-card__client{font-size:14px}
  .results .result-card__tag{grid-column:3;grid-row:1;padding:7px 12px;font-size:12px}
  .results .result-card__comparison{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:10px;margin-top:24px}
  .results .result-card__label{font-size:14px;margin-bottom:8px}
  .results .result-card__before-amount strong{font-size:clamp(34px,3vw,46px)}
  .results .result-card__amount strong{font-size:clamp(40px,3.5vw,52px)}
  .results .result-card__approx{font-size:16px}
  .results .result-card__unit{font-size:18px}
  .results .result-card__arrow{width:32px;height:24px;margin-top:26px}
  .results .result-card__footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;margin-top:24px;padding-top:20px}
  .results .result-card__saving{gap:8px;padding:12px 10px}
  .results .result-card__saving p{display:block}
  .results .result-card__saving-label{display:block;font-size:13px;line-height:1.5;margin-bottom:1px}
  .results .result-card__saving strong{font-size:34px}
  .results .result-card__saving-unit{font-size:17px}
  .results .result-card__note{font-size:12px;line-height:1.8}
}
@media(min-width:1280px){
  .results .result-card__unit{font-size:20px}
  .results .result-card__saving{padding-inline:14px;gap:10px}
  .results .result-card__saving strong{font-size:36px}
  .results .result-card__note{font-size:13px}
}