/* IASO Hydrogen Inhalation | PC 1181px+ */
:root{
    --hydrogen-navy:#183247;
    --hydrogen-blue:#6e9db8;
    --hydrogen-ivory:#f8f7f3;
    --hydrogen-text:#334652;
    --hydrogen-muted:#6f808a;
    --hydrogen-line:#dbe4e9;
    --hydrogen-white:#fff;
}
.HydrogenMain{background:#fff;color:var(--hydrogen-text);overflow:hidden}
.HydrogenMain *, .HydrogenMain *::before, .HydrogenMain *::after{box-sizing:border-box}
.HydrogenInner,.HydrogenHero__inner,.HydrogenClosing__inner{width:min(1120px,calc(100% - 96px));margin:0 auto}
.HydrogenEyebrow{margin:0 0 22px;color:var(--hydrogen-blue);font-size:12px;font-weight:600;letter-spacing:.22em;line-height:1.4}
.HydrogenSection{padding:126px 0}
.HydrogenSectionTitle{margin:0;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:38px;font-weight:500;letter-spacing:.05em;line-height:1.65}
.HydrogenSectionLead{margin:26px 0 0;color:var(--hydrogen-muted);font-size:15px;line-height:2.05}
.HydrogenSectionHead{max-width:800px;margin:0 0 58px}
.HydrogenSectionHead--center{
    margin:0 auto 58px;
    text-align:center
}
.HydrogenLead{
    margin:24px auto;
    color:var(--hydrogen-navy);
    font-size:19px;line-height:2.05
}
.HydrogenText{margin:0 0 22px;font-size:15px;line-height:2.15}
.HydrogenTextLink{display:inline-flex;align-items:center;gap:12px;color:var(--hydrogen-navy);font-size:13px;text-decoration:none;border-bottom:1px solid #9eb5c2;padding-bottom:5px}
.HydrogenTextLink::after{content:"→";color:var(--hydrogen-blue)}

.HydrogenHero{position:relative;min-height: 680px;display: flex;align-items: center;overflow: hidden;background:var(--hydrogen-ivory);
    height:680px;
    max-height: 680px;}
.HydrogenHero__media{position:absolute;inset:0;z-index:0}
.HydrogenHero__media picture,.HydrogenHero__media img{display:block;width:100%;height:100%}
.HydrogenHero__media img{object-fit:cover;object-position:center center}
.HydrogenHero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(250,249,246,.98) 0%,rgba(250,249,246,.95) 27%,rgba(250,249,246,.82) 44%,rgba(250,249,246,.46) 60%,rgba(250,249,246,.08) 76%,rgba(250,249,246,0) 86%)}
.HydrogenHero__inner{position: relative;z-index: 2;padding: 0;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;}
.HydrogenHero__content{width:70%;max-width:750px;}
.HydrogenHero .HydrogenEyebrow{margin-bottom:28px}
.HydrogenHero__title {margin:0;color:var(--hydrogen-navy);
    font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: clamp(44px, 4vw, 53px);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5;
}
.HydrogenHero__lead{margin:34px 0 0;color:var(--hydrogen-navy);font-size:18px;font-weight:500;letter-spacing:.07em;line-height:2}
.HydrogenHero__text{max-width:590px;margin:28px 0 0;color:#536873;font-size:14px;line-height:2.15}

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


.HydrogenIntro{background:var(--hydrogen-ivory)}
.HydrogenEditorial{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:90px;align-items:start}
.HydrogenQuote{margin:0;padding:8px 0 8px 38px;border-left:1px solid #b9cbd5}
.HydrogenQuote__label{margin:0 0 20px;color:var(--hydrogen-blue);font-size:11px;letter-spacing:.18em}
.HydrogenQuote__text{margin:0;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;line-height:1.9}

.HydrogenDifference{background:#fff}
.HydrogenFeature{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(0,.95fr);gap:72px;align-items:center}
.HydrogenFeature__visual{
    margin:0;overflow:hidden;
}
.HydrogenFeature__visual img{display:block;width:100%;aspect-ratio:4/4;object-fit:cover}
.HydrogenFacts{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:68px auto 40px;border-top:1px solid var(--hydrogen-line);border-bottom:1px solid var(--hydrogen-line)}
.HydrogenFacts__item{padding:34px 28px 30px;text-align:center}
.HydrogenFacts__item+.HydrogenFacts__item{border-left:1px solid var(--hydrogen-line)}
.HydrogenFacts dt{margin-bottom:14px;color:var(--hydrogen-blue);font-size:12px;font-weight:600;letter-spacing:.12em}
.HydrogenFacts dd{margin:0;color:var(--hydrogen-navy);font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.45}
.HydrogenFacts dd small{margin-left:4px;font-size:12px;color:var(--hydrogen-muted)}
.HydrogenNote{max-width:960px;margin:34px auto 0;padding:24px 28px;border:1px solid var(--hydrogen-line);background:#fbfcfd}
.HydrogenNote p{margin:0;color:#667781;font-size:12px;line-height:1.9}

.HydrogenStandard{background:var(--hydrogen-navy)}
.HydrogenStandard .HydrogenEyebrow{color:#9bc1d4}
.HydrogenStandard .HydrogenSectionTitle{color:#fff}
.HydrogenStandard .HydrogenSectionLead{color:#c9d6dd}
.HydrogenCriteria{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:rgba(255,255,255,.16)}
.HydrogenCriteria__item{min-height:290px;padding:42px 44px;background:rgba(24,50,71,.97)}
.HydrogenCriteria__number{display:block;margin-bottom:30px;color:#91b8cc;font-family:Georgia,serif;font-size:32px}
.HydrogenCriteria h3{margin:0 0 18px;color:#fff;font-size:19px;font-weight:500;line-height:1.8}
.HydrogenCriteria p{margin:0;color:#cbd8df;font-size:14px;line-height:2}

.HydrogenExperience{background:#f5f9fb}
.HydrogenExperience__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:86px;align-items:center}
.HydrogenExperience__visual{margin:0;overflow:hidden}
.HydrogenExperience__visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}

.HydrogenFlow{background:#fff}
.HydrogenSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--hydrogen-line)}
.HydrogenSteps li{min-height:270px;padding:34px 28px;background:#fff}
.HydrogenSteps span{display:block;margin-bottom:28px;color:#b7cbd7;font-family:Georgia,serif;font-size:28px}
.HydrogenSteps h3{margin:0 0 16px;color:var(--hydrogen-navy);font-size:18px;font-weight:500}
.HydrogenSteps p{margin:0;font-size:14px;line-height:2}

.HydrogenFirst{background:var(--hydrogen-ivory)}
.HydrogenFirst__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:90px;align-items:start}
.HydrogenFirst__actions{display:grid;gap:12px}
.HydrogenAction{display:flex;flex-direction:column;gap:8px;padding:25px 28px;border:1px solid var(--hydrogen-line);background:#fff;text-decoration:none}
.HydrogenAction span{color:var(--hydrogen-blue);font-size:10px;letter-spacing:.16em}
.HydrogenAction strong{color:var(--hydrogen-navy);font-size:15px;font-weight:500}

.HydrogenFaq{background:#fff}
.HydrogenFaq__list{border-top:1px solid var(--hydrogen-line)}
.HydrogenFaq details{border-bottom:1px solid var(--hydrogen-line)}
.HydrogenFaq summary{position:relative;padding:27px 52px 27px 0;cursor:pointer;color:var(--hydrogen-navy);font-size:16px;font-weight:500;list-style:none}
.HydrogenFaq summary::-webkit-details-marker{display:none}
.HydrogenFaq summary::after{content:"＋";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--hydrogen-blue);font-size:22px;font-weight:300}
.HydrogenFaq details[open] summary::after{content:"−"}
.HydrogenFaq details p{margin:0;padding:0 48px 28px 0;font-size:14px;line-height:2;color:#536873}
.HydrogenFaq__more{margin-top:34px}

.HydrogenClosing{padding:138px 0 146px;background:var(--hydrogen-navy);text-align:center}
.HydrogenClosing__inner{max-width:900px}
.HydrogenClosing .HydrogenEyebrow{color:#9bc1d4}
.HydrogenClosing h2{margin:0;color:#fff;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:40px;font-weight:500;letter-spacing:.05em;line-height:1.7}
.HydrogenClosing p:not(.HydrogenEyebrow){max-width:760px;margin:32px auto 0;color:#cbd8df;font-size:15px;line-height:2.15}
.HydrogenClosing__actions{display:flex;justify-content:center;gap:14px;margin-top:42px}

/* Expanded search-intent components */

.HydrogenCompare{background:#fff}.HydrogenCompare__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:var(--hydrogen-line)}.HydrogenCompare__item{padding:38px 34px 40px;background:#fff}.HydrogenCompare__label,.HydrogenLocation__label{margin:0 0 18px;color:var(--hydrogen-blue);font-size:10px;font-weight:600;letter-spacing:.18em}.HydrogenCompare__item h3,.HydrogenLocation__card h3{margin:0 0 16px;color:var(--hydrogen-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;font-weight:500;line-height:1.65}.HydrogenCompare__item p:not(.HydrogenCompare__label),.HydrogenLocation__card p:not(.HydrogenLocation__label){margin:0;color:#536873;font-size:14px;line-height:2}.HydrogenLocation{background:var(--hydrogen-ivory)}.HydrogenLocation__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.HydrogenLocation__card{display:flex;flex-direction:column;min-height:310px;padding:34px 32px;border:1px solid var(--hydrogen-line);background:#fff}.HydrogenLocation__card .HydrogenTextLink{margin-top:auto;align-self:flex-start}
@media (hover:hover) and (pointer:fine){.HydrogenIndex__links a:hover{background-color:rgba(110,157,184,.075);color:inherit;box-shadow:inset 0 -2px 0 rgba(110,157,184,.34)}.HydrogenIndex__links a:hover ::before{color:#5f91ad}}
.HydrogenIndex__links a:focus-visible{outline:1px solid rgba(110,157,184,.72);outline-offset:-4px;background-color:rgba(110,157,184,.055)}