@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--navy:#173f67;--blue:#3287c8;--sky:#eaf7ff;--aqua:#70c7d5;--ink:#213b52;--muted:#64798b;--line:#d9e8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP",sans-serif;line-height:1.8}.site-header{min-height:78px;padding:12px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.97)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px 13px 13px 3px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--aqua));font-size:19px;font-weight:700;box-shadow:0 6px 16px rgba(50,135,200,.2)}.brand b{display:block;font-size:18px;letter-spacing:.06em}.brand small{display:block;margin-top:-2px;color:#7890a2;font-size:8px;font-weight:600;letter-spacing:.17em}.header-note{color:#6b8396;font-size:13px;letter-spacing:.08em}.hero{min-height:min(650px,calc(100vh - 78px));position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero>img{object-fit:cover}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(245,252,255,.97) 0%,rgba(245,252,255,.88) 39%,rgba(245,252,255,.24) 69%,rgba(245,252,255,.05) 100%)}.hero-content{width:min(1180px,90%);position:relative;z-index:2}.hero-label{margin:0 0 13px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.2em}.hero h1{margin:0;color:var(--navy);font-size:clamp(39px,5vw,68px);line-height:1.42;letter-spacing:.04em;font-weight:600}.hero-copy{margin:24px 0 30px;color:#49677f;font-size:clamp(14px,1.4vw,17px);letter-spacing:.05em}.hero-button{display:inline-flex;min-width:190px;min-height:54px;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:var(--blue);box-shadow:0 9px 22px rgba(50,135,200,.25);text-decoration:none;font-weight:700;transition:.2s ease}.hero-button:hover,.hero-button:focus-visible{background:var(--navy);transform:translateY(-2px)}.hero-deco{position:absolute;z-index:2;top:14%;left:7%;color:var(--aqua);font-size:30px;font-weight:300}.news{width:min(1040px,88%);margin:0 auto;padding:90px 0 104px;display:grid;grid-template-columns:230px 1fr;gap:60px}.news-heading p{margin:0 0 2px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.24em}.news-heading h2{margin:0;color:var(--navy);font-size:31px;font-weight:600;letter-spacing:.08em}.news-item{padding:28px 32px;display:grid;grid-template-columns:110px 1fr;gap:26px;border:1px solid var(--line);border-radius:18px;background:#f7fcff;box-shadow:8px 8px 0 var(--sky)}.news-item time{padding-top:3px;color:#6f8799;font-size:13px}.news-tag{display:inline-block;margin-bottom:8px;padding:3px 12px;border-radius:999px;color:#fff;background:var(--aqua);font-size:11px;letter-spacing:.08em}.news-item h3{margin:0 0 7px;color:var(--navy);font-size:18px}.news-item p{margin:0;color:var(--muted);font-size:14px}.site-footer{padding:30px 24px;text-align:center;background:var(--navy);color:#fff}.site-footer p{margin:0 0 3px;font-size:15px;font-weight:600;letter-spacing:.08em}.site-footer small{color:#c9dae8;font-size:10px;letter-spacing:.1em}@media(max-width:720px){.site-header{min-height:68px}.header-note{display:none}.brand-mark{width:38px;height:38px}.brand b{font-size:16px}.hero{min-height:620px;place-items:end center}.hero>img{object-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(245,252,255,.99) 0%,rgba(245,252,255,.9) 49%,rgba(245,252,255,.12) 89%)}.hero-content{width:86%;padding-bottom:67px}.hero h1{font-size:clamp(35px,10vw,48px)}.hero-copy br{display:none}.news{padding:64px 0 78px;grid-template-columns:1fr;gap:24px}.news-item{padding:24px;grid-template-columns:1fr;gap:8px}.news-item time{padding:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-button{transition:none}}