:root{--ink:#311c26;--red:#491626;--gold:#aa8652;--paper:#faf6ef;--rule:#d8c7b2;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.85 "Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-underline-offset:.3em}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b1823c;outline-offset:3px}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,b{font-family:var(--serif)}.skip{position:absolute;top:-9rem;z-index:8;background:white}.skip:focus{top:0}header,footer{background:#351321;color:#fff7e6}header{border-bottom:2px solid #a98e62}.head,.foot{max-width:1400px;margin:auto;display:flex;align-items:center;padding:0 clamp(20px,6vw,100px);gap:3vw}.head{min-height:80px}.wordmark{align-self:stretch;display:grid;place-items:center}.wordmark img{width:70px;display:block}.head nav{display:flex;gap:clamp(16px,3vw,52px);margin-left:auto}.head a,.choicebar a,footer a,.portraits a,.more a{text-decoration:none}.head a:hover,footer a:hover,.more a:hover{text-decoration:underline}.official{border:1px solid #b7a087;padding:6px 15px;font-size:13px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#211318;color:white;min-height:clamp(440px,40vw,620px);display:flex;align-items:center}.hero-photo{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#231420 2%,rgba(35,16,28,.92) 21%,rgba(40,15,28,.42) 46%,transparent 77%),url(brand/about-img01.jpg);background-size:cover;background-position:center 48%}.hero-inner{margin-left:clamp(28px,9vw,168px);padding:32px 0 38px}.hero h1{font-size:clamp(56px,6vw,94px);line-height:1.12;letter-spacing:.08em;font-weight:500}.hero h1 span{font-size:.45em;display:block;margin-bottom:.2em;letter-spacing:.22em}.hero-kicker{font-size:13px;color:#e0ccab;letter-spacing:.17em;margin-bottom:18px}.seal{position:absolute;right:6vw;bottom:30px;writing-mode:vertical-rl;color:#ffeaca;background:#732a2c;border:2px solid #d4b68a;font:18px var(--serif);padding:4px}.hero-copy{font:clamp(18px,2vw,27px)/1.65 var(--serif);margin:16px 0 24px}.hero-btn{display:inline-flex;gap:35px;background:#faf3e4;color:var(--ink);text-decoration:none;padding:10px 21px;font-weight:600;font-size:14px}.choicebar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--rule);background:#eee4d5;padding:0 clamp(20px,6vw,100px)}.choicebar a{display:flex;align-items:center;justify-content:space-between;padding:21px 8%;border-right:1px solid #cabbab}.choicebar a:first-child{border-left:1px solid #cabbab}.choicebar b{font-weight:500;font-size:20px}.choicebar small,.portraits small,footer small{display:block;font-size:12px}.choicebar span{color:#6e283a}.feature,.story,.more{max-width:1320px;margin:auto;padding:clamp(45px,6vw,95px) clamp(22px,6vw,85px)}.feature{display:grid;grid-template-columns:1fr 1.14fr;gap:8%;align-items:center}.diamond{width:14px;height:14px;transform:rotate(45deg);background:#805834;margin:3px 0 19px}.feature h2,.story h2,.more h2,.body h2{font-size:clamp(25px,3vw,39px);line-height:1.5;font-weight:500}.feature p,.story p{margin:16px 0 22px}.line-link{border-bottom:1px solid var(--gold);padding-bottom:7px;text-decoration:none}.portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.portraits img{width:100%;height:auto;aspect-ratio:1/1.25;object-fit:cover;object-position:top;display:block;margin-bottom:10px}.portraits b{font-size:clamp(14px,1.5vw,21px);font-weight:500}.story{background:#eee5d7;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}.story img{width:100%;aspect-ratio:1.55;object-fit:cover}.more a{display:inline-block;margin:15px 24px 0 0;border-bottom:1px solid var(--gold)}.intro{background:var(--red) url(brand/bg_body.jpg);color:#fff5e7;padding:25px max(7vw,20px) 42px}.intro nav{font-size:.8rem}.intro h1{font-weight:500;font-size:clamp(30px,4vw,53px);margin-top:22px}.body{max-width:1060px;margin:auto;padding:38px clamp(20px,4vw,60px) 70px}.body:has(#teacher-directory){max-width:1500px}.body h2{font-size:clamp(22px,2.5vw,32px);margin:1.7em 0 .6em;border-bottom:1px solid var(--rule);padding-bottom:8px}.body h3{margin:1em 0 .4em}.body p,.body dl,.body ol,.body ul{margin:12px 0}.body a{color:#69243a}.body th,.body td{border:1px solid var(--rule);padding:6px;text-align:left}.body table{width:100%;border-collapse:collapse}.foot{padding-top:40px;padding-bottom:42px;align-items:flex-start;justify-content:space-between}.foot nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 25px;font-size:13px}.tel{font:22px/1.7 Georgia,serif}
@media(max-width:760px){.head{flex-wrap:wrap;gap:0;min-height:0;justify-content:space-between;padding:5px 18px 0}.wordmark img{width:55px}.head nav{order:3;width:100%;justify-content:space-between;margin-top:3px;padding:6px 0;font-size:12px;gap:4px}.official{font-size:12px}.hero{min-height:407px}.hero-inner{margin-left:24px}.hero-photo{background-position:57% center;background-image:linear-gradient(90deg,rgba(34,15,25,.94),rgba(34,15,25,.64) 43%,rgba(20,8,13,.12)),url(brand/about-img01.jpg)}.choicebar{padding:0;grid-template-columns:repeat(3,1fr)}.choicebar a{padding:12px 5px;text-align:center;justify-content:center}.choicebar b{font-size:15px}.choicebar small{font-size:10px}.choicebar span{display:none}.feature,.story{grid-template-columns:1fr;gap:22px}.portraits{gap:6px}.feature p,.story p,.body{font-size:15px}.foot{display:block}.foot nav{grid-template-columns:repeat(2,1fr);margin-top:24px}.body table{font-size:13px}.intro{padding-bottom:28px}}
