/* IASO Hydrogen Inhalation | Smartphone 767px- */
:root{--hydrogen-navy:#183247;--hydrogen-blue:#6e9db8;--hydrogen-ivory:#f8f7f3;--hydrogen-text:#334652;--hydrogen-muted:#6f808a;--hydrogen-line:#dbe4e9}
.HydrogenMain{position: relative;top: auto;margin-bottom: 0;background:#fff;color:var(--hydrogen-text);overflow:hidden;
    margin-top:0;
    padding-top: 0;}.HydrogenMain *,.HydrogenMain *::before,.HydrogenMain *::after{box-sizing:border-box}
.HydrogenInner,.HydrogenHero__inner,.HydrogenClosing__inner{width:calc(100% - 36px);margin:0 auto}
.HydrogenEyebrow{margin:0 0 14px;color:var(--hydrogen-blue);font-size:11px;font-weight:600;letter-spacing:.19em;line-height:1.4}

.HydrogenSection{
  padding:35px 0
}
.HydrogenSectionHead{
  margin:0 0 34px
}

.HydrogenSectionHead--center{
  text-align:left
}
.HydrogenSectionTitle{margin:0;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(25px,7vw,29px);font-weight:500;letter-spacing:.025em;line-height:1.62}.HydrogenSectionLead{margin:17px 0 0;color:var(--hydrogen-muted);font-size:14px;line-height:1.9}

.HydrogenLead{
  margin:20px auto;
  color:var(--hydrogen-navy);
  font-size:16px;
  line-height:1.9
}

.HydrogenText{
  margin:0 0 18px;font-size:15px;
  line-height:1.95
}
.HydrogenTextLink{
  display:inline-flex;
  align-items:center;gap:8px;
  color:var(--hydrogen-navy);
  font-size:12.5px;
  text-decoration:none;
  border-bottom:1px solid #9eb5c2;
  padding-bottom:4px
}
.HydrogenTextLink::after{content:"→";color:var(--hydrogen-blue)}
.HydrogenHero{position:relative;width:100%;height:550px;min-height:550px;max-height:550px;display:flex;align-items:stretch;overflow:hidden;background:var(--hydrogen-ivory);}.HydrogenHero__media,.HydrogenHero__media picture,.HydrogenHero__media img,.HydrogenHero__overlay{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;}.HydrogenHero__media picture,.HydrogenHero__media img{display:block}.HydrogenHero__media img{object-fit:cover;object-position:60% 56%}.HydrogenHero__overlay{z-index:1;background:linear-gradient(90deg,rgba(248,247,243,.76),rgba(248,247,243,.60) 34%,rgba(248,247,243,.30) 54%,rgba(248,247,243,.06) 74%,rgba(248,247,243,0) 100%),linear-gradient(180deg,rgba(248,247,243,0) 0%,rgba(248,247,243,0) 70%,rgba(248,247,243,.08) 86%,rgba(248,247,243,.30) 100%)}.HydrogenHero__inner{position:relative;z-index:2;width:calc(100% - 36px);max-width:none;height:100%;min-height:0;max-height:none;margin:0 auto;padding:72px 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}.HydrogenHero__content{width:86%;max-width:335px;}
.HydrogenHero 
.HydrogenEyebrow{
    margin-bottom: 9px;
    color: var(--about-navy);
    text-shadow: 0 1px 8px rgba(10,24,36,.18);
}
.HydrogenHero__title {margin:0;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;font-weight:500;letter-spacing:.02em;line-height:1.52;}.HydrogenHero__lead{margin:22px 0 0;color:var(--hydrogen-navy);font-size:14px;font-weight:500;line-height:1.75}.HydrogenHero__text{margin:16px 0 0;color:#536873;font-size:12.5px;line-height:1.82}

.HydrogenIndex{border-top:1px solid var(--hydrogen-line);border-bottom:1px solid var(--hydrogen-line);background:#fff}
.HydrogenIndex .HydrogenInner{width:100%;margin:0;padding:0}
.HydrogenIndex__label{margin:0;padding:13px 18px 10px;color:var(--hydrogen-blue);font-size:9px;font-weight:600;letter-spacing:.15em}
.HydrogenIndex__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:hydrogen-index;}
.HydrogenIndex__links a{position:relative;display:flex;min-height:68px;align-items:center;gap:9px;padding:15px 12px 15px 14px;border-right:1px solid var(--hydrogen-line);border-bottom:1px solid var(--hydrogen-line);color:var(--hydrogen-navy);font-size:11px;font-weight:500;line-height:1.55;text-decoration:none;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;}
.HydrogenIndex__links a:nth-child(2n){border-right:0}
.HydrogenIndex__links a:nth-last-child(-n+2){border-bottom:0}
.HydrogenIndex__links a::before{counter-increment:hydrogen-index;content:counter(hydrogen-index,decimal-leading-zero);position:static;transform:none;flex:0 0 auto;color:var(--hydrogen-blue);font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:400;line-height:1;transition:color .28s ease;}
.HydrogenIntro,.HydrogenFirst{
  background:var(--hydrogen-ivory)
}
.HydrogenEditorial{display:flex;flex-direction:column;gap:32px}

.HydrogenQuote{
  padding:22px 0 0 18px;
  border-left:1px solid #b9cbd5
}

.HydrogenQuote__label{margin:0 0 14px;color:var(--hydrogen-blue);font-size:10px;letter-spacing:.16em}.HydrogenQuote__text{margin:0;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;line-height:1.85}
.HydrogenFeature{display:flex;flex-direction:column;gap:28px}.HydrogenFeature__visual{margin:0}.HydrogenFeature__visual img{display:block;width:100%;aspect-ratio:4/4;object-fit:cover}.HydrogenFacts{display:block;margin:38px 0 27px;border-top:1px solid var(--hydrogen-line)}.HydrogenFacts__item{padding:22px 0;border-bottom:1px solid var(--hydrogen-line)}.HydrogenFacts dt{font-size:11px;color:var(--hydrogen-blue);font-weight:600}.HydrogenFacts dd{margin:8px 0 0;color:var(--hydrogen-navy);font-family:Georgia,serif;font-size:26px}.HydrogenFacts dd small{font-size:12px;color:var(--hydrogen-muted)}.HydrogenNote{margin-top:25px;padding:17px 16px;border:1px solid var(--hydrogen-line);background:#fbfcfd}.HydrogenNote p{margin:0;color:#667781;font-size:12.5px;line-height:1.88}
.HydrogenStandard{background:var(--hydrogen-navy)}.HydrogenStandard .HydrogenEyebrow{color:#9bc1d4}.HydrogenStandard .HydrogenSectionTitle{color:#fff}.HydrogenStandard .HydrogenSectionLead{color:#c9d6dd}.HydrogenCriteria{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.HydrogenCriteria__item{padding:29px 0 31px;border-bottom:1px solid rgba(255,255,255,.15)}.HydrogenCriteria__number{display:block;margin-bottom:17px;color:#91b8cc;font-family:Georgia,serif;font-size:25px}.HydrogenCriteria h3{margin:0 0 12px;color:#fff;font-size:18px;font-weight:500;line-height:1.75}.HydrogenCriteria p{margin:0;color:#cbd8df;font-size:14px;line-height:1.92}
.HydrogenExperience{background:#f5f9fb}.HydrogenExperience__grid{display:flex;flex-direction:column;gap:34px}.HydrogenExperience__visual{margin:0}.HydrogenExperience__visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.HydrogenSteps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--hydrogen-line)}.HydrogenSteps li{padding:24px 0;border-bottom:1px solid var(--hydrogen-line)}.HydrogenSteps span{font-family:Georgia,serif;color:#b7cbd7;font-size:25px}.HydrogenSteps h3{margin:14px 0 10px;color:var(--hydrogen-navy);font-size:17px}.HydrogenSteps p{margin:0;font-size:14px;line-height:1.9}
.HydrogenFirst__grid{display:flex;flex-direction:column;gap:32px}.HydrogenFirst__actions{display:grid;gap:10px}.HydrogenAction{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid var(--hydrogen-line);background:#fff;text-decoration:none}.HydrogenAction span{font-size:10px;color:var(--hydrogen-blue);letter-spacing:.14em}.HydrogenAction strong{font-size:14px;color:var(--hydrogen-navy);font-weight:500}
.HydrogenFaq__list{border-top:1px solid var(--hydrogen-line)}.HydrogenFaq details{border-bottom:1px solid var(--hydrogen-line)}.HydrogenFaq summary{position:relative;padding:22px 40px 22px 0;color:var(--hydrogen-navy);font-size:15px;line-height:1.75;list-style:none}.HydrogenFaq summary::-webkit-details-marker{display:none}.HydrogenFaq summary::after{content:"＋";position:absolute;right:0;top:22px;color:var(--hydrogen-blue)}.HydrogenFaq details[open] summary::after{content:"−"}.HydrogenFaq details p{
  margin:0;
  padding:0 30px 22px 0;
  font-size:14px;
  line-height:1.95
}
.HydrogenFaq__more{
  margin-top:28px
}
.HydrogenClosing{
  padding:82px 0 88px;
  background:var(--hydrogen-navy);
  text-align:left
}
.HydrogenClosing .HydrogenEyebrow{
  color:#9bc1d4;
  text-align: center;
}

.HydrogenClosing h2{
  margin:0;
  color:#fff;
  font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(25px,7vw,29px);
  font-weight:500;
  line-height:1.65;
  text-align: center;
}

.HydrogenClosing p:not(.HydrogenEyebrow){margin:23px 0 0;color:#cbd8df;font-size:14px;line-height:1.95}.HydrogenClosing__actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}
@media screen and (max-width:390px){.HydrogenInner,.HydrogenHero__inner,.HydrogenClosing__inner{width:calc(100% - 32px)}.HydrogenHero,.HydrogenHero__media,.HydrogenHero__media picture,.HydrogenHero__media img,.HydrogenHero__overlay,.HydrogenHero__inner{height:550px;min-height:550px;max-height:550px;}.HydrogenHero__inner{width:calc(100% - 32px);padding:86px 0 0}.HydrogenHero__content{width: 80%;max-width: 315px;}.HydrogenHero__title { font-size: 26px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.55;
}
.HydrogenHero {
    height: 550px;
    min-height: 550px;
    max-height: 550px;
}
}

/* Expanded search-intent components */

.HydrogenCompare{background:#fff}.HydrogenCompare__grid{display:flex;flex-direction:column;border-top:1px solid var(--hydrogen-line)}.HydrogenCompare__item{padding:24px 0 26px;border-bottom:1px solid var(--hydrogen-line)}.HydrogenCompare__label,.HydrogenLocation__label{margin:0 0 12px;color:var(--hydrogen-blue);font-size:10px;font-weight:600;letter-spacing:.16em}.HydrogenCompare__item h3,.HydrogenLocation__card h3{margin:0 0 11px;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;font-weight:500;line-height:1.6}.HydrogenCompare__item p:not(.HydrogenCompare__label),.HydrogenLocation__card p:not(.HydrogenLocation__label){margin:0;color:#536873;font-size:14px;line-height:1.95}.HydrogenLocation{background:var(--hydrogen-ivory)}.HydrogenLocation__grid{display:flex;flex-direction:column;gap:12px}.HydrogenLocation__card{padding:23px 20px 24px;border:1px solid var(--hydrogen-line);background:#fff}.HydrogenLocation__card .HydrogenTextLink{margin-top:18px}
.HydrogenIndex__links a:focus-visible{outline:1px solid rgba(110,157,184,.72);outline-offset:-4px;background-color:rgba(110,157,184,.055)}

/* 2026-08-09 SP HERO balanced final */
.HydrogenHero{height:650px;min-height:650px;max-height:650px;}
.HydrogenHero__media,.HydrogenHero__media picture,.HydrogenHero__media img,.HydrogenHero__overlay,.HydrogenHero__inner{height:650px;min-height:650px;max-height:650px;}
.HydrogenHero__media img{object-position:61% 42%;}
.HydrogenHero__overlay{
    background:linear-gradient(90deg,rgba(10,24,36,.10) 0%,rgba(10,24,36,.05) 42%,rgba(10,24,36,0) 74%),linear-gradient(180deg,rgba(10,24,36,0) 0%,rgba(10,24,36,0) 42%,rgba(10,24,36,.16) 58%,rgba(10,24,36,.42) 76%,rgba(10,24,36,.58) 100%);
}
.HydrogenHero__inner{padding:0 0 34px;justify-content:flex-end;}
.HydrogenHero__content{width:100%;max-width:none;padding-left:0;border-left:0;}
.HydrogenHero__title{max-width:340px;font-size:29px;line-height:1.5;}
.HydrogenHero__lead{max-width:340px;margin-top:15px;color:rgba(255,255,255,.94);font-size:14px;line-height:1.72;text-shadow:0 1px 10px rgba(10,24,36,.16);}
.HydrogenHero__text{max-width:350px;margin-top:13px;color:rgba(255,255,255,.84);font-size:12.5px;line-height:1.82;text-shadow:0 1px 8px rgba(10,24,36,.16);}
@media screen and (max-width:390px){
    .HydrogenHero,.HydrogenHero__media,.HydrogenHero__media picture,.HydrogenHero__media img,.HydrogenHero__overlay,.HydrogenHero__inner{height:650px;min-height:650px;max-height:650px;}
    .HydrogenHero__inner{width:calc(100% - 32px);padding:0 0 30px;padding-bottom:84px;justify-content:flex-end;}
    .HydrogenHero__content{width:92%;max-width:340px;}
    .HydrogenHero__title{
        font-size:35px;
        line-height: 1.28;
        letter-spacing: .02em;
        color:#eee;
        text-shadow: 0 1px 16px rgba(10,24,36,.16);
    }
}
@media screen and (max-width:390px){
  .HydrogenHero__inner{
    padding-bottom:76px;
  }
}