:root{--blue:#0b7bd3;--blue2:#21a8ef;--deep:#0b3f78;--ink:#17324d;--soft:#eef8ff;--line:#d9eaf6;--green:#78c96b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;color:var(--ink);background:#fff;line-height:1.8}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf4f8}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:42px;height:42px;border:3px solid var(--blue2);border-radius:14px 14px 14px 4px;display:grid;place-items:center;color:var(--blue);font-size:24px}.brand strong{display:block;font-size:22px;color:#0c5f9d}.brand small{display:block;font-size:11px;color:#5281a7}.main-nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--blue)}.btn{border:0;border-radius:10px;padding:15px 22px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn-sm{padding:11px 18px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:white}.btn-primary{background:linear-gradient(135deg,#169ce9,#086ccb);color:white;box-shadow:0 12px 28px #0b7bd32b}.btn-white{background:#fff;color:#0875c8}.btn-ghost{border:1px solid #b7d8ef;background:white;color:#176fae}.hero{background:linear-gradient(120deg,#fafdff 15%,#e9f8ff 65%,#dff5ff);padding:54px 0 26px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;gap:0;background:linear-gradient(90deg,#fafdff 0%,#f4fbff 49%,#eaf8ff 49%,#eaf8ff 100%);border-radius:0;overflow:hidden}.eyebrow{display:inline-block;color:#1583c8;font-weight:800;letter-spacing:.14em;font-size:12px}.eyebrow.light{color:#dff5ff}.hero h1{font-family:Georgia,"Yu Mincho",serif;color:#0b4c8d;font-size:clamp(34px,4.5vw,58px);line-height:1.4;margin:16px 0}.hero h1 em{font-style:normal;color:#0d3d72}.hero-copy{padding:20px 42px 20px 0}.hero-copy p{font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 8px}.hero-note{font-size:13px!important;color:#577b97}.hero-photo{position:relative;min-height:430px;overflow:hidden;border-radius:0;box-shadow:none;background:#eaf7ff}.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center center}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,248,255,.55) 0%,rgba(234,248,255,.16) 15%,rgba(234,248,255,0) 38%);pointer-events:none}.photo-quote{position:absolute;right:25px;bottom:26px;z-index:2;color:white;font-family:cursive;font-size:30px;line-height:1.4;text-shadow:0 2px 12px #145}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:34px}.quick-card{background:#fff;border-radius:16px;padding:18px 10px;text-align:center;box-shadow:0 8px 26px #0c6fa316;border:1px solid #edf6fb}.quick-card b{font-size:29px;color:#168bd5;display:block}.quick-card span{font-size:13px;font-weight:800}.section{padding:78px 0}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-photo{min-height:420px;border-radius:24px;background:linear-gradient(140deg,rgba(10,124,211,.04),rgba(112,202,108,.05)),none;box-shadow:0 18px 50px #154b7515}.section h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(30px,3vw,45px);line-height:1.45;color:#0b4b88}.info-box{margin-top:26px;background:#f3f9fd;border:1px solid var(--line);padding:22px;border-radius:18px}.info-box h3{margin:5px 0;color:#0c65aa}.info-box a{color:var(--blue);font-weight:800}.columns-section{background:#fbfdff}.section-title-row{display:flex;justify-content:space-between;gap:30px;align-items:end}.update-badge{border:1px solid #ffcc9d;background:#fff9f1;color:#e27b1b;padding:12px 16px;border-radius:14px;font-weight:800}.update-badge small{display:block;color:#607487}.article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px}.article-card{background:#fff;border:1px solid #e2edf5;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(18,50,77,.08)}.article-img{height:150px;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(135deg,#dff4ff,#f4fbff)}.article-img span{background:white;padding:4px 9px;border-radius:999px;font-size:11px;color:#1781c9;font-weight:800}.art-1{background:linear-gradient(135deg,#ebf7df,#d8f0ff)}.art-2{background:linear-gradient(135deg,#e9e8ff,#dff6f0)}.art-3{background:linear-gradient(135deg,#fff0d7,#e9f7ff)}.art-4{background:linear-gradient(135deg,#edf4ff,#e7ffe8)}.article-card-body{padding:15px}.article-card time{font-size:11px;color:#789}.article-card h3{font-size:16px;line-height:1.55;margin:6px 0}.article-card p{font-size:12px;color:#63788b;line-height:1.7}.all-articles{margin-top:28px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.all-articles summary{cursor:pointer;color:#0875c8;font-weight:800}.article-list{display:grid;gap:8px;margin-top:16px}.article-list a{display:grid;grid-template-columns:110px 1fr 100px;gap:12px;padding:10px;border-bottom:1px solid #edf3f7}.article-list span{font-size:12px;color:#1583c8}.article-list time{font-size:12px;color:#789}.consult-band{background:linear-gradient(135deg,#0b77cb,#2aa8eb);color:white}.consult-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.consult-band h2{color:white}.check-box{background:rgba(255,255,255,.95);color:#24506e;border-radius:18px;padding:24px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.flow-card b{font-size:30px;color:#21a0e7}.narrow{max-width:860px}.section-head{text-align:center;margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:18px 4px}summary{font-weight:800;cursor:pointer}footer{background:#f3f8fb;padding:28px 0;border-top:1px solid #deedf6}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:#062844a8;backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:2;width:min(680px,92%);max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 100px #001b}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.progress{height:5px;background:#eaf3f8;border-radius:5px;overflow:hidden;margin-bottom:25px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue2),var(--blue));width:0;transition:.3s}.consult-step h2{font-size:28px;color:#0d4d86}.step-label{font-size:12px;color:#1685cc;font-weight:900;letter-spacing:.12em}.helper{color:#61788b;margin-bottom:18px}.consult-options{display:grid;gap:10px}.consult-option{padding:15px;border:1px solid #cde3f2;border-radius:12px;background:#fafdff;text-align:left;font-weight:800;cursor:pointer}.consult-option:hover{border-color:#1594df;background:#edf8ff}.consult-input,.consult-textarea{width:100%;border:1px solid #cbdde9;border-radius:10px;padding:14px;font:inherit;margin-bottom:10px}.consult-textarea{min-height:140px}.consult-next{width:100%;margin-top:8px}.text-back{margin-top:14px;border:0;background:none;color:#55788f;cursor:pointer}.summary-box{background:#f5faff;border:1px solid #d8ebf6;border-radius:14px;padding:16px}.summary-box>div{display:grid;grid-template-columns:140px 1fr;gap:10px;border-bottom:1px solid #e7f0f5;padding:8px 0}.summary-box>div:last-child{border:0}.summary-box b{font-size:12px;color:#167abb}.contact-fields{margin-top:16px}.consent{display:flex;gap:10px;font-size:13px;margin:15px 0}.done-badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e3f8eb;color:#2aa65b;font-size:34px;margin:auto}.article-wrap{width:min(900px,92%);margin:45px auto 80px}.article-hero{text-align:center;padding:40px 0;border-bottom:1px solid var(--line)}.article-hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(32px,5vw,52px);color:#0b4b88;line-height:1.5}.article-hero time{display:block;color:#789;margin-top:10px}.pill{display:inline-block;background:#e7f5ff;color:#0877c6;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800}.article-body{font-size:17px;max-width:760px;margin:40px auto}.article-body h2{font-size:26px;margin-top:38px}.article-note{margin-top:50px;background:#eff8ff;border-radius:18px;padding:24px}.disclaimer{margin-top:30px;font-size:12px;color:#789}
@media(max-width:960px){.main-nav{display:none}.hero-grid,.split-feature,.consult-grid{grid-template-columns:1fr}.hero-grid{background:transparent}.hero-copy{padding:0}.hero-photo{min-height:360px;border-radius:20px;margin-top:18px}.quick-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.header-inner{min-height:68px}.brand strong{font-size:18px}.btn-sm{font-size:12px;padding:9px 12px}.hero{padding-top:30px}.hero h1{font-size:34px}.hero-photo{min-height:290px}.photo-quote{font-size:22px}.quick-grid{grid-template-columns:repeat(2,1fr)}.section{padding:55px 0}.article-grid{grid-template-columns:1fr}.section-title-row{display:block}.update-badge{margin-top:15px}.flow-grid{grid-template-columns:1fr}.footer-inner{display:block}.article-list a{grid-template-columns:1fr}.modal-card{padding:24px 18px}.summary-box>div{grid-template-columns:1fr;gap:2px}}
/* v35 visual fixes */
.nav-new{position:relative}.nav-new span{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:999px;background:#ff7c43;color:#fff;font-size:9px;line-height:1.5;vertical-align:top}.hero-photo img{object-position:center 42%}.feature-visual{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#eaf8ff 0%,#f8fcff 55%,#eefbea 100%);border:1px solid #dceef8;box-shadow:0 18px 50px #154b7510;padding:46px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.feature-visual:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#bfeaff66;right:-60px;bottom:-70px}.feature-symbol{width:88px;height:88px;border-radius:26px;background:linear-gradient(135deg,#1aa6ec,#0a74ca);display:grid;place-items:center;color:white;font-size:48px;box-shadow:0 16px 40px #0b7bd330;margin-bottom:22px}.feature-kicker{margin:0 0 8px;color:#1384c8;font-weight:900;letter-spacing:.08em}.feature-visual strong{font-family:Georgia,"Yu Mincho",serif;color:#0b4b88;font-size:28px;line-height:1.6}.feature-visual span{margin-top:16px;color:#57758c;max-width:420px}.blog-head{display:grid;grid-template-columns:1fr 250px;gap:32px;align-items:end}.latest-line{display:flex;align-items:center;gap:9px;color:#0a78c8;font-size:14px;margin:7px 0 3px}.latest-dot{width:10px;height:10px;border-radius:50%;background:#ff7c43;box-shadow:0 0 0 7px #ff7c4318}.update-panel{background:linear-gradient(135deg,#0c7dd2,#25a8eb);color:white;border-radius:18px;padding:20px 22px;box-shadow:0 12px 30px #0b7bd326}.update-panel strong{display:block;font-size:24px}.update-panel span{display:block;font-weight:800}.update-panel small{display:block;margin-top:5px;opacity:.84;line-height:1.5}.featured-article{margin-top:30px;display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid #dcebf5;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(18,50,77,.09)}.featured-visual{min-height:260px;background:linear-gradient(145deg,#dff5ff,#e9fbf1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0d7dc8}.featured-icon{font-size:92px;line-height:1}.featured-visual small{margin-top:12px;background:#fff;padding:5px 12px;border-radius:999px;font-weight:800}.new-ribbon{position:absolute;left:18px;top:18px;background:#ff7c43;color:white;font-weight:900;padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.06em}.featured-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;gap:12px;align-items:center;font-size:12px}.featured-meta span{color:#ff6e36;font-weight:900}.featured-meta time{color:#789}.featured-body h3{font-size:28px;line-height:1.5;margin:10px 0;color:#0b4b88}.featured-body p{color:#61788b}.read-more{display:inline-flex;align-self:flex-start;margin-top:8px;color:#0875c8;font-weight:900}.subhead-row{display:flex;align-items:center;gap:12px;margin:34px 0 14px}.subhead-row h3{margin:0;font-size:22px;color:#0b4b88}.subhead-row span{font-size:11px;letter-spacing:.15em;color:#86a0b3}.article-grid-4{grid-template-columns:repeat(4,1fr);margin-top:0}.article-img{position:relative;justify-content:flex-start}.card-icon{position:absolute;right:15px;top:12px;font-size:46px;color:#168bd5;opacity:.75}.article-card time:before{content:"●";color:#ff7c43;margin-right:5px;font-size:8px;vertical-align:2px}
@media(max-width:960px){.blog-head{grid-template-columns:1fr}.update-panel{max-width:340px}.featured-article{grid-template-columns:1fr}.featured-visual{min-height:220px}.article-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.feature-visual{min-height:330px;padding:30px}.feature-visual strong{font-size:23px}.featured-body{padding:24px}.featured-body h3{font-size:22px}.article-grid-4{grid-template-columns:1fr}.update-panel strong{font-size:20px}}

/* v36 desktop hero refinement */
.hero{padding:46px 0 30px;background:linear-gradient(120deg,#fafdff 12%,#eef9ff 62%,#e7f7ff)}
.hero-grid{
  width:min(1280px,94%);
  grid-template-columns:minmax(0,1.06fr) minmax(480px,.94fr);
  gap:44px;
  align-items:center;
  background:transparent;
  overflow:visible;
}
.hero-copy{padding:18px 0 22px;min-width:0}
.hero h1{
  margin:18px 0 24px;
  font-size:clamp(40px,3.25vw,54px);
  line-height:1.42;
  letter-spacing:.01em;
  max-width:700px;
}
.hero h1 span,.hero h1 em{display:block;white-space:nowrap}
.hero-copy>p:not(.hero-note){max-width:680px;font-size:16px;line-height:2}
.hero-photo{
  width:100%;
  min-height:0;
  aspect-ratio:1.405/1;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 22px 58px rgba(19,89,137,.14);
  background:#eaf7ff;
}
.hero-photo img{
  position:static;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.hero-photo:after{background:linear-gradient(90deg,rgba(235,248,255,.16),rgba(235,248,255,0) 24%)}
.hero-actions{margin-top:26px}
.quick-grid{margin-top:30px}

/* make fresh content immediately obvious */
.columns-section{position:relative;border-top:1px solid #e2f0f8;background:linear-gradient(180deg,#fbfdff 0%,#f5fbff 100%)}
.columns-section:before{content:"NEW  暮らしのお役立ち情報を定期更新";display:block;width:min(1180px,92%);margin:0 auto 20px;padding:10px 16px;border-radius:12px;background:#eaf7ff;color:#0875c8;font-weight:900;font-size:13px;letter-spacing:.03em;text-align:center}
.latest-line b{font-size:15px}.update-panel strong{font-size:25px}

@media(max-width:1180px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:30px}
 .hero h1{font-size:clamp(38px,3.6vw,48px)}
}
@media(max-width:960px){
 .hero-grid{width:min(1180px,92%);grid-template-columns:1fr;gap:20px}
 .hero h1{font-size:clamp(36px,7vw,50px)}
 .hero h1 span,.hero h1 em{white-space:normal}
 .hero-photo{aspect-ratio:1.405/1;margin-top:4px;border-radius:20px}
}
@media(max-width:600px){
 .hero{padding-top:26px}
 .hero h1{font-size:32px;line-height:1.5}
 .hero h1 span,.hero h1 em{white-space:normal}
 .hero-copy>p:not(.hero-note){font-size:15px;line-height:1.9}
 .hero-photo{aspect-ratio:1.25/1}
 .columns-section:before{font-size:12px;padding:9px 10px}
}

/* v37: more photographic, warmer, clearer consultation journey */
.case-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.case-photo-card{position:relative;min-height:210px;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(19,74,112,.12);background:#eaf7ff}
.case-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.case-photo-card:hover img{transform:scale(1.025)}
.case-photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,42,72,.82))}
.case-photo-card div{position:absolute;left:20px;right:20px;bottom:17px;z-index:2;color:#fff}
.case-photo-card span{display:inline-block;font-size:11px;font-weight:900;background:rgba(255,255,255,.9);color:#0a73bd;padding:4px 9px;border-radius:999px;margin-bottom:7px}
.case-photo-card strong{display:block;font-size:17px;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.featured-photo{padding:0;align-items:stretch;justify-content:flex-end;background:#eaf7ff}
.featured-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.featured-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(5,52,85,.65))}
.featured-photo small{position:absolute;left:20px;bottom:18px;z-index:2;margin:0}
.article-photo{padding:0;overflow:hidden;align-items:flex-end}
.article-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.article-photo:hover img{transform:scale(1.035)}
.article-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(5,49,81,.45))}
.article-photo span{position:relative;z-index:2;margin:10px}
.consult-band{position:relative;overflow:hidden}
.consult-band:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.07);right:-100px;bottom:-180px}
.check-box{position:relative;z-index:2}
@media(max-width:960px){.case-photo-grid{grid-template-columns:1fr 1fr}.case-photo-card:last-child{grid-column:1/-1}.case-photo-card{min-height:190px}}
@media(max-width:600px){.case-photo-grid{grid-template-columns:1fr}.case-photo-card:last-child{grid-column:auto}.case-photo-card{min-height:190px}.case-photo-card strong{font-size:16px}}

/* v3.8 AI consultation result */
.ai-thinking{text-align:center;padding-top:20px}.ai-loader{width:44px;height:44px;margin:0 auto 18px;border:4px solid #d9edf9;border-top-color:#1187d0;border-radius:50%;animation:aiSpin .9s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-result-card{background:#f5fbff;border:1px solid #d8ecf8;border-radius:16px;padding:17px 18px;margin:12px 0}.ai-result-card h3{font-size:16px;color:#0873b8;margin:0 0 8px}.ai-result-card p{margin:0;line-height:1.8}.ai-result-card ul,.ai-result-card ol{margin:5px 0 0;padding-left:22px;line-height:1.8}.ai-result-note{background:#fffaf0;border:1px solid #f1dfb8;border-radius:14px;padding:14px 16px;margin:12px 0}.ai-result-note b{color:#9a6700}.ai-result-note p{margin:5px 0 0;line-height:1.75}.ai-disclaimer{font-size:12px;color:#6c7f8d;line-height:1.7;margin:12px 0}.consult-step .btn-ghost.consult-next{margin-top:8px}