:root{--navy:#14243b;--blue:#446889;--muted:#5a6776;--line:#d9e1e9;--pale:#f0f4f8;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f0f3f7;color:var(--navy);font:15px/1.95 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}img{display:block;max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--navy)}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.profile-page{width:min(1080px,100%);margin:35px auto;background:#fff;padding:0 68px;box-shadow:0 8px 60px #19345006}.page-header{display:flex;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.page-header>span{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue)}.page-header>p{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.intro{display:grid;grid-template-columns:230px 1fr;gap:45px;padding:44px 0 42px;align-items:start}.portrait{overflow:hidden}.portrait img{width:230px;height:326px;object-fit:cover;object-position:center 32%}.role{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.04em}h1{font:400 45px/1.5 var(--serif);letter-spacing:.06em;margin-top:9px}.roman{font:16px/1.5 Georgia,serif;letter-spacing:.07em;color:var(--muted)}.affiliation{font-size:12px;color:var(--muted);margin-top:12px}.greeting{margin-top:20px;font-size:14px;line-height:1.95}.greeting p+p{margin-top:12px}.profile-section{display:grid;grid-template-columns:192px minmax(0,1fr);gap:38px;border-top:1px solid var(--line);padding:34px 0}.section-heading h2{font-size:17px;line-height:1.7;font-weight:600;letter-spacing:.025em}.section-heading>span{display:block;font:10px/1.5 var(--sans);letter-spacing:.14em;color:#7890a6;margin-top:8px}.section-body{color:#35475a;font-size:14px;line-height:2}.section-body>p+p{margin-top:13px}.teachers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;padding:19px 22px;background:var(--pale)}.teachers dt{font-size:11px;color:var(--blue);line-height:1.5}.teachers dd{font-family:var(--serif);font-size:21px;line-height:1.7;margin-top:7px;color:var(--navy);white-space:nowrap}.teachers dd span{font-size:11px;margin-left:4px}.works{margin-top:20px}.works>div{padding:13px 0;border-top:1px solid #e8edf2}.works dt{font-size:14px;font-weight:600;color:var(--navy);line-height:1.8}.works dd{font-size:13px;color:var(--muted);line-height:1.85;margin-top:3px}.supplement{font-size:12px;line-height:1.85;color:var(--muted);margin-top:13px}.scene{margin-top:23px;width:100%;max-width:500px}.scene img{width:100%;height:auto}.scene figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.values h3{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:9px}.values p+h3{margin-top:24px}.activities{list-style:none;padding:0;margin:20px 0 0}.activities li{display:flex;align-items:center;gap:21px;padding:16px 0;border-top:1px solid #e8edf2}.activities img{flex-shrink:0;width:70px;height:70px;object-fit:contain}.activities h3{font-size:15px;color:var(--navy);font-weight:600;line-height:1.8}.activities p{font-size:12px;line-height:1.9;margin-top:5px;color:var(--muted)}.contact{padding-bottom:33px}.contact-name{font-size:13px;font-weight:600;color:var(--navy)}.contact-details{margin-top:12px;font-size:13px}.contact-details>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;padding:5px 0}.contact-details dt{color:var(--muted);font-size:11px}.contact-details dd{overflow-wrap:anywhere}.page-bottom{border-top:2px solid var(--navy);padding:17px 0 24px;font-family:Georgia,serif;font-size:12px;letter-spacing:.1em;display:flex;justify-content:space-between}.page-bottom span{font:9px/1.8 var(--sans);color:#7890a6;letter-spacing:.12em}
@media(max-width:1000px){.profile-page{margin:0 auto;padding:0 5.8%;box-shadow:none}.intro{grid-template-columns:210px 1fr;gap:32px}.portrait img{width:210px;height:305px}.profile-section{grid-template-columns:170px minmax(0,1fr);gap:25px}.teachers{padding:17px;gap:10px}.teachers dd{font-size:18px}}
@media(max-width:700px){body{background:#fff}.profile-page{padding:0 6%}.page-header{padding:19px 0}.intro{grid-template-columns:150px minmax(0,1fr);gap:25px;padding:29px 0 30px}.portrait img{width:150px;height:215px}h1{font-size:36px}.role{font-size:10px}.roman{font-size:13px}.affiliation{font-size:11px}.greeting{font-size:13px;margin-top:17px}.profile-section{grid-template-columns:1fr;gap:20px;padding:28px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading h2{font-size:17px}.section-heading>span{margin:0;font-size:9px}.section-body{font-size:14px}.teachers{padding:20px;gap:15px}.teachers dd{font-size:23px}.scene{max-width:500px}.contact-details{font-size:14px}}
@media(max-width:480px){.intro{grid-template-columns:110px minmax(0,1fr);gap:20px;position:relative}.portrait img{width:110px;height:151px}.intro-copy{display:contents}.role{grid-column:2;grid-row:1;align-self:start;font-size:9px;letter-spacing:0;padding-top:3px}.intro h1{position:absolute;left:130px;top:56px;font-size:32px;white-space:nowrap;margin:0}.roman{position:absolute;left:132px;top:111px;font-size:12px}.affiliation{position:absolute;left:132px;top:135px;margin:0;font-size:10px}.greeting{grid-column:1/-1;margin:0;padding-top:1px;font-size:14px;line-height:2}.greeting p+p{margin-top:14px}.greeting br{display:none}.teachers{padding:17px 14px;gap:10px}.teachers dt{font-size:10px}.teachers dd{font-size:18px}.teachers dd span{font-size:10px;margin-left:2px}.section-heading h2{font-size:16px}.section-heading>span{font-size:8px;letter-spacing:.09em}.works dt{font-size:14px}.works dd{font-size:12px}.scene{margin-top:20px}.activities li{gap:16px}.activities img{width:62px;height:62px}.activities h3{font-size:14px}.activities p{font-size:12px}.contact-details{font-size:13px}.profile-section{padding:26px 0}.section-body{font-size:13px;line-height:2}.values h3{font-size:14px}}
@media(max-width:480px){.teachers{display:flex;flex-direction:column;gap:0;padding:5px 17px}.teachers>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.teachers>div:last-child{border-bottom:0}.teachers dd{margin:0;font-size:20px}.teachers dt{font-size:11px}}
.narrative h3{font-size:15px;font-weight:600;color:var(--navy);line-height:1.9;margin:0 0 10px}.narrative p+h3{margin-top:27px}.narrative p+p{margin-top:13px}.narrative .teachers+p{margin-top:0}.works dd{max-width:43em}.section-heading h2{overflow-wrap:anywhere}
@media(max-width:700px){.section-heading{align-items:flex-start}.section-heading>span{padding-top:5px;flex-shrink:0}.narrative h3{font-size:14px}.narrative p+h3{margin-top:24px}}
@media(max-width:350px){.intro{grid-template-columns:90px 1fr;gap:15px}.portrait img{width:90px;height:138px}.intro h1{left:105px;font-size:29px}.roman,.affiliation{left:107px}.role{font-size:8px}.section-heading>span{font-size:7px}}
