/* 眼精疲労：症状と原因を短時間で確認できる軽量ページ */
.eye-strain-page{--es-blue:#087eaf;--es-deep:#09536f;--es-pale:#eff9fc;--es-line:#c8e4ec;color:#31586a}.eye-strain-page .sub-hero{background:linear-gradient(115deg,#f1faff,#f9fdff 54%,#e4f5fa)}.eye-strain-page .sub-title,.eye-strain-page h2,.eye-strain-page h3{color:var(--es-deep)}.eye-strain-page .sub-lead{max-width:45rem}.eye-strain-page .es-section-head{max-width:46rem;margin-bottom:1.55rem}.eye-strain-page .es-section-head h2{margin:.45rem 0 .6rem;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.35}.eye-strain-page .es-section-head p{margin:0;line-height:1.85}.eye-strain-page .es-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;margin:0}.eye-strain-page .es-checks li{position:relative;list-style:none;padding:.92rem 1rem .92rem 2rem;background:#fff;border:1px solid var(--es-line);border-radius:10px;font-weight:700;line-height:1.55}.eye-strain-page .es-checks li:before{content:"✓";position:absolute;top:.9rem;left:.75rem;color:var(--es-blue);font-weight:900}.eye-strain-page .es-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.eye-strain-page .es-note,.eye-strain-page .es-compare{padding:1.5rem;background:#fff;border:1px solid var(--es-line);border-radius:15px}.eye-strain-page .es-note h2{margin:.2rem 0 .65rem;font-size:1.35rem}.eye-strain-page .es-note p{margin:.65rem 0 0;line-height:1.85}.eye-strain-page .es-note--soft{background:linear-gradient(135deg,#fff,#edf9fc);border-left:4px solid var(--es-blue)}.eye-strain-page .es-note .lower-button{margin-top:1.1rem}.eye-strain-page .es-compare{display:grid;gap:.85rem}.eye-strain-page .es-compare>div{padding-bottom:.85rem;border-bottom:1px solid var(--es-line)}.eye-strain-page .es-compare h3{margin:.15rem 0 .4rem;font-size:1.12rem}.eye-strain-page .es-compare p{margin:0;line-height:1.75}.eye-strain-page .es-small{font-size:.86rem;color:#597486}.eye-strain-page .es-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.eye-strain-page .es-card{padding:1.2rem;background:#fff;border:1px solid var(--es-line);border-radius:14px}.eye-strain-page .es-card h3{margin:.15rem 0 .55rem;font-size:1.08rem}.eye-strain-page .es-card p{margin:0;line-height:1.75}.eye-strain-page .es-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;margin:1rem 0 0}.eye-strain-page .es-tips li{position:relative;min-height:5.75rem;padding:2.25rem .8rem .75rem;list-style:none;background:#fff;border:1px solid var(--es-line);border-radius:12px;color:var(--es-deep);font-weight:700;line-height:1.55}.eye-strain-page .es-tips li:before{content:"DAILY CARE";position:absolute;top:.75rem;left:.8rem;color:var(--es-blue);font-size:.66rem;letter-spacing:.08em}.eye-strain-page .es-alert{padding:1.5rem;background:#f3fbfd;border:1px solid #acdbe8;border-radius:15px}.eye-strain-page .es-alert h2{margin:.2rem 0 .65rem;font-size:1.35rem}.eye-strain-page .es-alert ul{margin:.65rem 0 0;padding-left:1.25rem}.eye-strain-page .es-alert li{margin:.5rem 0;line-height:1.65}.eye-strain-page .es-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.eye-strain-page .es-faq details{padding:0 1rem;background:#fff;border:1px solid var(--es-line);border-radius:12px}.eye-strain-page .es-faq summary{padding:1rem .1rem;cursor:pointer;color:var(--es-deep);font-weight:700;line-height:1.6}.eye-strain-page .es-faq p{margin:0;padding:0 .1rem 1rem;line-height:1.75}.eye-strain-page .es-cta{padding:clamp(1.5rem,4vw,3rem);border-radius:18px;color:#fff;background:linear-gradient(120deg,#087eaf,#0dadd0)}.eye-strain-page .es-cta h2,.eye-strain-page .es-cta .sub-kicker{color:#fff}.eye-strain-page .es-cta p{line-height:1.8;max-width:43rem}.eye-strain-page .es-cta .lower-button{background:#fff;border-color:#fff;color:var(--es-deep)}.eye-strain-page .es-cta .lower-button--ghost{background:transparent;color:#fff}@media(max-width:760px){.eye-strain-page .sub-section{padding-top:2.65rem;padding-bottom:2.65rem}.eye-strain-page .es-checks,.eye-strain-page .es-split,.eye-strain-page .es-faq{grid-template-columns:1fr}.eye-strain-page .es-grid{grid-template-columns:1fr 1fr;gap:.7rem}.eye-strain-page .es-card{padding:1rem}.eye-strain-page .es-card h3{font-size:1rem}.eye-strain-page .es-card p{font-size:.9rem}.eye-strain-page .es-tips{gap:.65rem}.eye-strain-page .es-tips li{min-height:5.95rem;padding:2.35rem .75rem .65rem;font-size:.92rem}.eye-strain-page .es-note,.eye-strain-page .es-compare,.eye-strain-page .es-alert{padding:1.15rem}.eye-strain-page .lower-button{min-height:48px;padding:.7rem .85rem;font-size:.9rem}.eye-strain-page .lower-cta-row{gap:.6rem}}