.csr-page header{position:relative;top:auto}.csr-page header .contact{margin-left:auto}.csr-hero{padding:45px 0 60px 8vw;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:3vw}.csr-hero h1{font-size:clamp(32px,3.8vw,56px);line-height:1.9}.csr-hero figure{margin:0;height:560px;overflow:hidden;border-radius:180px 0 0 35px}.csr-hero img{width:100%;height:100%;object-fit:cover}.activity{padding:60px 8vw 120px;display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:center}.activity p{font-size:16px;line-height:2.3;margin:0 0 25px}.activity figure{margin:0;transform:rotate(2deg)}.activity img{width:100%;height:310px;object-fit:cover;border-radius:20px 80px 20px 20px}.activity figcaption{font-size:12px;margin-top:12px;color:#617775}.stories{background:#e9eee8;border-radius:50% 50% 0 0 / 65px 65px 0 0;padding:110px 8vw}.stories>h2{font:400 clamp(28px,3.5vw,44px)/1.8 var(--serif);margin:0 0 55px}.stories details{background:#fafbf7;border-radius:24px 65px 24px 24px;margin:24px 0;scroll-margin-top:90px}.stories summary{display:flex;align-items:center;gap:30px;padding:35px 40px;cursor:pointer;list-style:none;font:400 23px/1.7 var(--serif)}.stories summary::-webkit-details-marker{display:none}.story-no{font:48px Georgia,serif;color:#a46d4f}.stories details:nth-of-type(2) .story-no{color:#50786c}.stories summary small{display:block;font:14px/1.9 'Noto Sans JP',sans-serif;color:#627874;margin-top:8px}.toggle{margin-left:auto;flex:0 0 38px;width:38px;height:38px;border:1px solid #849c91;border-radius:50%;position:relative}.toggle:before,.toggle:after{content:'';position:absolute;background:#476b5c;left:11px;right:11px;top:18px;height:1px}.toggle:after{transform:rotate(90deg);transition:transform .2s}details[open] .toggle:after{transform:rotate(0deg)}.stories article{max-width:760px;margin:auto;padding:15px 35px 50px}.stories article h3{font:400 26px/1.9 var(--serif);margin:25px 0 30px}.stories article p{font-size:16px;line-height:2.3;margin:0 0 28px}.close-story{display:block;margin:45px auto 0;border:1px solid #879d92;border-radius:30px;background:transparent;color:var(--ink);padding:12px 25px;font-size:14px}.jiyu-link{padding:90px 8vw;background:#203f44;color:#faf9f5}.jiyu-link h2{font:400 35px/1.8 var(--serif)}.jiyu-link>a{display:flex;justify-content:space-between;max-width:470px;border-bottom:1px solid #a1b6aa;padding:15px 0;font-size:17px}.csr-page footer{justify-content:space-between}.csr-page footer small{color:#637b72}.csr-page .review>a{font-size:13px}
@media(max-width:760px){.csr-page .review{height:76px}.csr-page .review>a{display:block;font-size:12px}.csr-page header{height:85px}.csr-hero{display:flex;flex-direction:column;align-items:stretch;padding:25px 0 30px 7vw;gap:35px}.csr-hero h1{font-size:31px}.csr-hero figure{height:330px;margin-left:10%;border-radius:110px 0 0 25px}.activity{display:flex;flex-direction:column;padding:30px 7vw 75px;gap:40px}.activity p{font-size:15px}.activity img{height:240px}.stories{padding:80px 7vw;border-radius:50% 50% 0 0 / 28px 28px 0 0}.stories>h2{font-size:27px;margin-bottom:35px}.stories details{border-radius:22px 42px 22px 22px}.stories summary{padding:25px 20px;gap:12px;font-size:18px;align-items:flex-start}.story-no{font-size:29px}.stories summary small{font-size:12px}.toggle{flex-basis:28px;width:28px;height:28px;margin-top:3px}.toggle:before,.toggle:after{left:8px;right:8px;top:13px}.stories article{padding:0 22px 30px}.stories article h3{font-size:22px}.stories article p{font-size:15px;line-height:2.2}.jiyu-link{padding:65px 7vw}.jiyu-link h2{font-size:28px}.csr-page footer{font-size:12px;gap:20px}.csr-page footer small{order:3;width:100%}}

/* Selected activity photographs: preserve gestures and the donated items. */
.csr-hero figure{width:min(100%,510px);height:auto;aspect-ratio:3/4;justify-self:end}
.csr-hero img{display:block;object-position:center}
.activity img{display:block;height:auto;aspect-ratio:auto}
.essay-photo{margin:38px 0 42px}
.essay-photo img{display:block;width:100%;height:auto;border-radius:22px 70px 22px 22px}
.essay-photo-portrait{max-width:440px;margin-left:auto;margin-right:auto}
.essay-photo figcaption{font-size:13px;line-height:1.9;color:#617775;margin-top:12px}
@media(max-width:760px){
 .csr-hero figure{width:90%;height:auto;aspect-ratio:3/4;margin-left:auto}
 .activity img{height:auto}
 .essay-photo{margin-top:28px;margin-bottom:32px}
 .essay-photo img{border-radius:18px 48px 18px 18px}
 .essay-photo figcaption{font-size:12px}
}