.community-section{z-index:1;padding-block:clamp(40px,5.5vh,72px);position:relative}.subpage .community-section{background:var(--paper-mv);padding-block:clamp(40px,5vw,64px) 0}.subpage .community-section+.media-link-preview{padding-block:clamp(40px,5vw,64px)}.community-banner{isolation:isolate;aspect-ratio:3;color:#080907;background:#f3efe3;border-radius:24px;width:100%;min-height:360px;font-family:Noto Sans JP,sans-serif;text-decoration:none;display:block;position:relative;overflow:hidden}.community-banner-green,.community-banner-yellow{pointer-events:none;position:absolute;inset:0}.community-banner-green{clip-path:polygon(46% 58%,60% 58%,60% 41%,74% 41%,74% 17%,88% 17%,88% 0,100% 0,100% 100%,46% 100%);background:#499c90}.community-banner-yellow{clip-path:polygon(0 66%,54% 66%,54% 84%,65% 84%,65% 100%,0 100%);background:#edae43}.community-banner-copy{z-index:2;width:60%;padding:28px 0 0 8.5%;position:relative}.community-banner-logo{width:210px;height:auto;display:block}.community-banner-title{letter-spacing:.015em;margin:24px 0 16px;font-size:clamp(25px,2.6vw,32px);font-weight:700;line-height:1.5}.community-banner-title span{display:block}.community-banner-description{margin:0;font-size:clamp(13px,1.3vw,16px);font-weight:500;line-height:1.8}.community-banner-link{z-index:2;color:#fff;background:#080907;border-radius:999px;justify-content:space-between;align-items:center;width:174px;height:46px;padding:10px 18px;font-size:15px;font-weight:700;transition:background-color .16s;display:flex;position:absolute;top:calc(83% - 23px);left:8.5%}.community-banner-link svg{width:20px;height:20px}.community-banner:hover .community-banner-link{background:#005b4d}.community-banner:focus-visible{outline-offset:5px;outline:3px solid #005b4d}.community-banner-person{z-index:1;object-fit:contain;object-position:bottom;pointer-events:none;width:34%;height:83%;position:absolute;bottom:4%;right:12%}@media (min-width:1024px){.related-banners{max-width:var(--maxw);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:auto;padding:64px 24px;display:grid}.subpage .related-banners>.community-section,.subpage .related-banners>.community-section+.media-link-preview{background:0 0;min-width:0;padding:0}.related-banners>section>.container{padding:0}.related-banners .community-banner,.related-banners .media-link-banner{height:240px;min-height:0}.related-banners .community-banner-copy{width:67%;padding-top:18px}.related-banners .community-banner-logo{width:150px}.related-banners .community-banner-title{margin:14px 0 8px;font-size:18px}.related-banners .community-banner-description{font-size:13px;line-height:1.6}.related-banners .community-banner-description span{display:block}.related-banners .community-banner-link{width:124px;height:34px;padding:7px 13px;font-size:12px;top:calc(83% - 17px)}.related-banners .community-banner-link svg{width:16px;height:16px}.related-banners .media-link-banner{--media-link-frame:10px;border-radius:24px;gap:12px;padding:10px}.related-banners .media-link-copy{--media-link-band-gap:4px;--media-link-band-pad-x:6px;padding-block:0}.related-banners .media-link-kicker{padding-block:3px;font-size:10px}.related-banners .media-link-brand{padding-block:5px;font-size:22px}.related-banners .media-link-journal{padding-block:4px;font-size:26px}.related-banners .media-link-lead{letter-spacing:0;padding-block:3px;font-size:9px}.related-banners .media-link-button{gap:8px;min-width:0;margin-top:12px;padding:8px 16px;font-size:12px}}@media (max-width:700px){.community-banner{aspect-ratio:auto;border-radius:18px;min-height:310px}.community-banner-copy{width:100%;padding:20px 20px 0}.community-banner-logo{width:175px;max-width:85%}.community-banner-title{margin:18px 0 14px;font-size:clamp(18px,5.1vw,26px)}.community-banner-description{font-size:clamp(12px,3.35vw,15px)}.community-banner-description span{display:block}.community-banner-link{width:148px;height:44px;padding-inline:16px;font-size:14px;top:calc(83% - 22px);left:20px}.community-banner-person{width:36%;height:125px;bottom:12px;right:3%}.community-banner-green{clip-path:polygon(40% 60%,68% 60%,68% 44%,84% 44%,84% 30%,100% 30%,100% 100%,40% 100%)}.community-banner-yellow{clip-path:polygon(0 66%,52% 66%,52% 84%,65% 84%,65% 100%,0 100%)}}
