@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;600;700&display=swap";:root{--ink:#122b37;--brand:#17685f;--pale:#edf6f3;--accent:#deefea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Noto Sans JP,sans-serif;line-height:1.8;background:#fff}a{color:inherit}a:focus-visible{outline:3px solid #cc7431;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.mast{padding:24px 0;border-bottom:1px solid #dae4e1}.bar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.company{width:154px;height:auto}.brand-name{font-size:19px;font-weight:700;letter-spacing:.03em;line-height:1.35}.brand-name small{display:block;font-size:9px;letter-spacing:.12em;font-weight:500;color:#657880}.nav{display:flex;gap:24px;font-size:13px;font-weight:700}.nav a{text-decoration:none}.hero{background:var(--pale);padding:42px 0}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:48px}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--brand);font-weight:700}.hero h1{font-family:"Noto Serif JP",serif;font-size:clamp(29px,3.8vw,49px);line-height:1.55;letter-spacing:.03em;margin:12px 0 18px}.hero p{max-width:34em;font-size:15px}.hero-photo{width:100%;height:365px;object-fit:cover;border-radius:4px}.actions{display:inline-block;margin-top:17px;background:var(--brand);color:#fff;text-decoration:none;padding:12px 22px;font-size:14px;font-weight:700;border-radius:3px}.section{padding:74px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section h2{font-family:"Noto Serif JP",serif;font-size:28px;line-height:1.45;margin:0}.section-heading p{font-size:13px;color:#647578}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{text-decoration:none;border-top:3px solid var(--brand);padding:20px 2px 18px;display:block}.article-card small{font-size:11px;color:var(--brand);font-weight:700}.article-card h3{font-size:18px;line-height:1.65;margin:12px 0}.article-card p{font-size:13px;color:#59696e}.article-card span{font-size:12px;color:var(--brand);font-weight:700}.article-card:hover h3{text-decoration:underline}.message{background:var(--pale);padding:60px 0}.message .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px}.message h2{font-family:"Noto Serif JP",serif;font-size:27px;line-height:1.6;margin:0}.message p{font-size:14px;margin:0}.footer{padding:40px 0;background:#132c35;color:#fff;font-size:12px}.footer .bar{align-items:start}.footer a{color:#fff}.links{display:flex;gap:22px;flex-wrap:wrap}.read-head{background:var(--pale);padding:58px 0}.read-head .wrap,.reading{max-width:800px}.read-head h1{font-family:"Noto Serif JP",serif;font-size:clamp(26px,4vw,40px);line-height:1.55;margin:10px 0 18px}.read-head p{font-size:14px}.reading{padding:48px 0 80px;font-size:16px;line-height:2.05}.reading h2{font-family:"Noto Serif JP",serif;font-size:23px;margin-top:2.6em;border-left:4px solid var(--brand);padding-left:16px}.reading a{color:var(--brand)}.back{display:inline-block;margin-top:30px;color:var(--brand);font-weight:700}.policy h1{font-family:"Noto Serif JP",serif}.policy{max-width:800px;padding:60px 0 80px}.policy h2{margin-top:2em;font-size:20px}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.mast{padding:17px 0}.bar{align-items:flex-start}.brand{gap:10px}.company{width:112px}.brand-name{font-size:15px}.brand-name small{font-size:8px}.nav{gap:12px;font-size:11px}.hero{padding:30px 0}.hero-grid{grid-template-columns:1fr;gap:23px}.hero h1{font-size:30px}.hero-photo{height:230px;grid-row:2}.section{padding:48px 0}.section-heading{display:block}.article-grid{grid-template-columns:1fr;gap:4px}.message .wrap{grid-template-columns:1fr;gap:15px}.footer .bar{display:block}.footer .links{margin-top:22px}.read-head{padding:38px 0}.reading{font-size:15px;padding-top:30px}}.hero-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:12px}.hero-brand .company{width:130px}.hero-brand span{font-size:17px;font-weight:700;letter-spacing:.03em}.hero h1{font-size:clamp(27px,3.2vw,41px);text-wrap:balance;word-break:auto-phrase}.hero-photo{object-position:center}@media(max-width:720px){.hero-brand .company{width:106px}.hero-brand span{font-size:15px}.hero h1{font-size:30px}}