@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#071d35;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#103d6a;--ink:#071d35;--blue:#e3f5ff;--yellow:#ffda16;--line:#deebf2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}.pi-site{font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8;color:var(--ink);background:#fff}.pi-site img{max-width:100%;display:block}.pi-site a{color:inherit;text-decoration:none}.pi-site h1,.pi-site h2,.pi-site h3,.pi-site p{margin:0}.pi-site a:focus-visible,.pi-site summary:focus-visible{outline:3px solid #067aa3;outline-offset:6px}.pi-site .skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px 20px}.pi-site .skip-link:focus{top:12px}.section-inner,.header-inner,.hero-inner{width:min(1264px,calc(100% - 112px));margin-inline:auto}.site-header{background:#fff}.header-inner{height:92px;display:flex;align-items:center;gap:30px}.brand{margin-right:auto;flex-shrink:0}.brand strong{font-size:30px;letter-spacing:.005em;line-height:1.4;font-weight:900;display:block}.brand span{display:block;font-size:11px;font-weight:600;color:#617289;letter-spacing:.12em;border-left:32px solid var(--yellow);padding-left:10px;line-height:1;margin-top:7px}.desktop-nav{display:flex;align-items:center;gap:32px;font-weight:700;font-size:14px;white-space:nowrap}.desktop-nav a:hover,.text-link:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:6px}.pi-site .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:#fff;border-radius:12px;font-weight:800;line-height:1.4;min-height:56px;padding:18px 24px;transition:background .16s,transform .16s}.pi-site .button:hover{background:#082d51;transform:translateY(-2px)}.pi-site .button:active{transform:translateY(0)}.button .arrow{width:20px;height:24px;filter:invert(81%) sepia(85%) saturate(1482%) hue-rotate(356deg) brightness(108%) contrast(104%)}.header-cta{font-size:15px;white-space:nowrap;gap:12px!important}.mobile-menu{display:none}.hero{background:var(--blue)}.hero-inner{min-height:792px;display:grid;grid-template-columns:53% 47%;align-items:center;position:relative;padding-top:55px;padding-bottom:48px}.hero-copy{z-index:1}.eyebrow{font-size:18px;font-weight:800;letter-spacing:.02em;margin-bottom:34px!important}.hero h1{font-size:clamp(64px,6.8vw,98px);font-weight:900;letter-spacing:-.055em;line-height:1.18}.hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:12px;text-underline-offset:3px;text-decoration-skip-ink:none}.hero-description{font-size:21px;line-height:1.8;font-weight:600;letter-spacing:-.03em;margin-top:33px!important}.pi-site .hero-cta{font-size:28px;width:min(510px,100%);min-height:92px;margin-top:30px;gap:28px}.hero-cta .arrow{width:26px;height:30px}.author-mini{display:flex;align-items:center;gap:25px;width:fit-content;margin-top:27px}.author-mini>img{width:68px;height:68px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.author-mini>span{padding-left:20px;border-left:1px solid #a5c7db}.author-name{display:block;font-size:16px;font-weight:500;line-height:1.5}.author-name b{font-size:20px;margin-left:6px}.author-note{display:block;font-size:13px;margin-top:5px}.author-mini:hover .author-name{text-decoration:underline;text-underline-offset:4px}.hero-art{width:calc(100% + 74px);margin-left:-17px}.hero-art img{width:100%;height:auto;mix-blend-mode:multiply}.topics{padding-top:66px;padding-bottom:58px}.section-heading{text-align:center}.section-heading h2{font-size:42px;line-height:1.5;font-weight:900;letter-spacing:.02em}.section-heading p{font-size:17px;margin-top:16px;line-height:1.85;font-weight:500}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px}.topic{min-height:202px;position:relative;padding-right:120px}.topic+.topic{border-left:1px solid var(--line);padding-left:30px}.topic-number{color:#b5dff3;font-size:78px;line-height:1.1;letter-spacing:-.075em;font-weight:800;display:block;margin-bottom:10px}.topic h3{font-size:23px;line-height:1.5;font-weight:900;white-space:nowrap;position:relative;z-index:1}.topic p{font-size:14px;line-height:1.9;margin-top:10px;width:calc(100% + 20px)}.topic-art{position:absolute;right:-8px;top:36px;width:140px;height:140px;object-fit:contain}.signup-band{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--navy);color:#fff;padding:35px 42px;border-radius:16px;min-height:164px}.signup-band h2{font-size:36px;line-height:1.4;font-weight:900;letter-spacing:-.035em}.signup-band p{font-size:17px;margin-top:7px}.pi-site .button-yellow{background:var(--yellow);color:var(--ink);font-size:23px;white-space:nowrap;min-height:74px;padding-inline:35px}.pi-site .button-yellow:hover{background:#ffe453}.button-yellow .arrow{filter:none}.articles{padding-block:84px 80px}.articles-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-label{font-size:13px;color:#49617b;font-weight:600;letter-spacing:.06em}.articles h2{font-size:30px;font-weight:800;margin-top:5px}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:14px}.article-list{border-top:1px solid var(--line)}.article-list>a{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:22px 4px;transition:background .16s}.article-list>a:hover{background:#f1f9fd}.article-category{font-size:12px;min-width:95px;color:#436480}.article-list h3{font-size:18px;font-weight:600}.article-list>a>img{margin-left:auto}.site-footer{background:#f4f8fb}.footer-inner{padding-block:35px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand{font-weight:900;font-size:19px;margin-right:auto}.site-footer nav{display:flex;gap:26px;font-size:12px}.site-footer small{font-size:11px;color:#55687a;width:100%}.mobile-signup{display:none}
@media(min-width:1600px){.hero h1{font-size:98px}}
@media(max-width:1199px){.section-inner,.header-inner,.hero-inner{width:calc(100% - 64px)}.header-inner{gap:20px}.brand strong{font-size:25px}.desktop-nav{gap:20px;font-size:13px}.header-cta{font-size:13px;padding:15px!important}.hero-inner{min-height:710px}.eyebrow{font-size:15px}.hero h1{font-size:clamp(60px,7.1vw,84px)}.hero-description{font-size:17px}.hero-art{width:calc(100% + 32px);margin-left:0}.pi-site .hero-cta{font-size:24px;min-height:78px}.topic{padding-right:90px}.topic+.topic{padding-left:20px}.topic h3{font-size:19px}.topic-art{width:110px;height:110px}.topic p{font-size:13px}.signup-band h2{font-size:29px}.pi-site .button-yellow{font-size:20px;padding-inline:24px}}
@media(max-width:900px){.desktop-nav{display:none}.hero-inner{min-height:660px;padding-block:44px}.hero h1{font-size:clamp(51px,7.5vw,68px)}.eyebrow{font-size:13px}.hero-description{font-size:16px}.hero-description br{display:none}.section-heading h2{font-size:34px}.section-heading p{font-size:15px}.topic-grid{gap:18px}.topic{padding-right:0;padding-top:95px}.topic-art{top:0;right:0;width:110px;height:110px}.topic-number{position:absolute;top:20px;left:0;font-size:60px}.topic+.topic .topic-number{left:20px}.topic p{width:100%}.topic h3{font-size:17px;white-space:normal}.signup-band{padding:30px;gap:20px}.signup-band h2{font-size:24px}.signup-band p{font-size:13px}.pi-site .button-yellow{font-size:17px;padding-inline:20px}}
@media(max-width:620px){html{scroll-padding-top:16px}.section-inner,.header-inner,.hero-inner{width:calc(100% - 40px)}.header-inner{height:78px;gap:12px}.brand strong{font-size:21px;letter-spacing:-.03em}.brand span{font-size:8px;letter-spacing:.02em;border-left-width:20px;padding-left:6px}.header-cta{display:none!important}.mobile-menu{display:block;position:relative;font-size:12px;font-weight:700}.mobile-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:none;padding:0 4px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{text-decoration:underline;text-underline-offset:5px}.mobile-menu nav{position:absolute;top:49px;right:-2px;z-index:5;width:180px;background:white;padding:12px 16px;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #102c4a14}.mobile-menu nav a{display:block;padding:12px 6px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:28px;padding-bottom:24px;min-height:0}.hero-copy{width:100%}.eyebrow{font-size:11px;letter-spacing:0;margin-bottom:22px!important;white-space:nowrap}.hero h1{font-size:clamp(46px,12.5vw,72px);letter-spacing:-.055em;line-height:1.22}.hero h1 em{text-decoration-thickness:7px;text-underline-offset:1px}.hero-description{font-size:14px;line-height:1.9;margin-top:24px!important;letter-spacing:0;max-width:360px}.pi-site .hero-cta{width:100%;font-size:21px;min-height:64px;margin-top:22px;border-radius:10px;gap:25px}.hero-cta .arrow{width:22px;height:22px}.author-mini{margin-top:22px;gap:15px}.author-mini>img{width:48px;height:48px}.author-mini>span{padding-left:15px}.author-name{font-size:12px}.author-name b{font-size:16px}.author-note{font-size:11px;margin-top:2px}.hero-art{width:100%;max-width:430px;margin:8px auto 0}.hero-art img{max-height:370px;object-fit:contain}.topics{padding-top:44px;padding-bottom:34px}.section-heading h2{font-size:26px;letter-spacing:-.03em}.section-heading p{font-size:13px;text-align:left;line-height:1.9;margin-top:15px}.section-heading p br{display:none}.topic-grid{display:block;margin-top:28px}.topic{padding:0 126px 23px 0!important;min-height:180px;border-left:none!important}.topic+.topic{border-top:1px solid var(--line);padding-top:23px!important}.topic-number{position:static;font-size:52px;margin-bottom:2px}.topic h3{font-size:18px;white-space:nowrap}.topic p{font-size:13px;margin-top:8px}.topic-art{width:120px;height:120px;right:-4px;top:23px}.topic+.topic .topic-art{top:42px}.signup-band{display:block;padding:28px 22px;border-radius:12px;min-height:0}.signup-band h2{font-size:25px;line-height:1.5;letter-spacing:-.02em;text-wrap:balance}.signup-band p{font-size:11px;margin-top:9px}.pi-site .button-yellow{width:100%;font-size:19px;min-height:62px;margin-top:24px;border-radius:9px}.articles{padding-block:48px}.articles-heading{display:block;margin-bottom:20px}.articles h2{font-size:24px}.articles .text-link{margin-top:16px;font-size:13px}.article-list>a{gap:8px;flex-wrap:wrap;padding-block:18px;position:relative;padding-right:25px}.article-category{font-size:11px;width:100%}.article-list h3{font-size:15px}.article-list>a>img{position:absolute;right:0;top:40px;width:14px}.footer-inner{padding-block:26px 108px;display:block}.footer-brand{font-size:18px}.site-footer nav{gap:18px;flex-wrap:wrap;margin-top:18px;font-size:11px}.site-footer small{display:block;margin-top:20px}.mobile-signup{display:block;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line)}.pi-site .mobile-signup .button{width:100%;min-height:50px;font-size:17px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pi-site *{transition:none!important}}
/* Reference-aligned desktop proportions. */
@media(min-width:901px){
.section-inner,.header-inner,.hero-inner{width:min(1264px,88%)}
.header-inner{height:76px;gap:28px}.brand strong{font-size:28px}.brand span{font-size:10px}.header-cta{min-height:48px!important;padding:13px 22px!important}.desktop-nav{font-size:13px;gap:27px}
.hero-inner{grid-template-columns:48% 52%;min-height:656px;padding-top:42px;padding-bottom:28px}.eyebrow{font-size:16px;margin-bottom:22px!important}.hero h1{font-size:clamp(68px,6.6vw,96px);line-height:1.18}.hero-description{font-size:18px;line-height:1.7;margin-top:26px!important}.pi-site .hero-cta{width:420px;max-width:100%;font-size:26px;min-height:78px;margin-top:25px}.author-mini{margin-top:22px;gap:20px}.author-mini>img{height:58px;width:58px}.hero-art{width:calc(100% + 104px);margin-left:-24px}.hero-art img{mix-blend-mode:normal}
.topics{padding-top:42px;padding-bottom:32px}.section-heading h2{font-size:36px;line-height:1.5}.section-heading p{font-size:15px;line-height:1.85;margin-top:10px}.topic-grid{margin-top:26px;gap:28px}.topic{min-height:186px;padding-right:116px}.topic+.topic{padding-left:22px}.topic-number{font-size:72px;margin-bottom:2px}.topic h3{font-size:20px}.topic p{font-size:13px;line-height:1.85;width:calc(100% + 12px)}.topic-art{width:200px;height:200px;max-width:none!important;right:-42px;top:6px}.topic h3,.topic p{position:relative;z-index:1}
.signup-band{width:min(1352px,94%);min-height:140px;padding:30px 40px;border-radius:13px}.signup-band h2{font-size:31px}.signup-band p{font-size:15px}.pi-site .button-yellow{font-size:22px;min-height:68px;min-width:280px}
}
@media(min-width:1350px){.header-inner{height:90px}.hero-inner{min-height:790px}.eyebrow{font-size:18px}.hero-description{font-size:21px}.pi-site .hero-cta{width:510px;min-height:92px;font-size:28px}.author-mini>img{width:68px;height:68px}.topics{padding-block:58px 42px}.section-heading h2{font-size:42px}.topic h3{font-size:23px}.topic p{font-size:14px}.topic-grid{margin-top:36px}.signup-band{min-height:160px}.signup-band h2{font-size:38px}}
.hero{overflow:hidden}.hero-lead{display:block;line-height:1.05;font-size:1.25em}.topic-grid{overflow:hidden}
@media(min-width:901px){.hero-inner{min-height:658px;padding-top:42px;padding-bottom:24px}.hero-art{height:0;position:static}.hero-art img{position:absolute;width:60%;max-width:none;right:-64px;top:50%;transform:translateY(-50%);height:auto}.topics{width:min(1352px,94%)}.topic p{width:100%;max-width:185px}.topic-art{right:-32px}.hero h1{line-height:1.18}.signup-band h2{font-size:33px}}
@media(min-width:1350px){.hero-inner{min-height:790px}.signup-band h2{font-size:38px}}