ul.news-list{display:flex;overflow-y:none;padding:1rem;margin:0;list-style:none;gap:16px}li.news-item{min-width:220px;flex:0 0 auto;display:inline-block;transition:transform .3s}li.news-item:hover{transform:scale(1.05)}a.news-link{text-decoration:none;color:inherit}div.news-thumb-wrap{position:relative;width:220px;height:140px;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s}div.news-thumb-wrap:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;background:#0000008c;pointer-events:none;transition:background .3s;z-index:1}img.news-thumb{width:100%;height:100%;object-fit:cover;display:block;position:relative;transition:filter .3s}span.news-title{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 12px;color:#fff;font-size:1.5rem;text-shadow:0 4px 16px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.3);border-radius:0 0 12px 12px;overflow:hidden;white-space:pre-line;text-overflow:ellipsis;background:none;z-index:2;opacity:1}.spinner{display:inline-block;inline-size:4.5rem;block-size:4.5rem;border:.5rem solid #e2e8f0;border-top:.5rem solid #4a5568;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden{position:absolute!important;inline-size:.125rem!important;block-size:.125rem!important;padding-block:0!important;padding-inline:0!important;margin-block:-.125rem!important;margin-inline:-.125rem!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:20rem;width:100%;text-align:center}.intro-section{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;padding-inline:40px;padding-block:16px 0;display:flex;flex-direction:row;align-items:center;gap:3rem;background:#fff}.intro-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:.5;pointer-events:none}.intro-content,.intro-visual{position:relative;z-index:1}.intro-content{display:flex;flex-direction:column;gap:2rem;flex:1 1 0}.intro-title{font-size:4rem;font-family:Gelasio Variable,"Noto Serif JP",serif;color:#1e293b;margin:0}.intro-description{font-size:2rem;color:#334155;line-height:1.8;margin:0;font-family:"Noto Serif JP",serif;letter-spacing:.03em;font-weight:600;background:#ffffff8c;padding:.7em 1.2em;border-radius:10px;box-shadow:0 2px 8px #0000000a;white-space:pre-line}.intro-nav{margin-top:1.2rem}.intro-nav-list{display:flex;flex-direction:row;gap:1.5rem;padding:0;margin:0;list-style:none}.intro-nav-link{display:inline-block;background:#4f46e5;color:#fff;font-weight:700;font-size:1.7rem;padding:.9rem 3.2rem;margin-block-end:2rem;min-width:11rem;text-align:center;border-radius:8px;text-decoration:none;box-shadow:0 2px 8px #4f46e514;transition:background .2s,transform .2s;border:none;cursor:pointer;letter-spacing:.04em}.intro-nav-link:hover,.intro-nav-link:focus{background:#3730a3;transform:translateY(-2px) scale(1.05);outline:none}.intro-visual{flex:0 0 320px;display:flex;align-items:flex-end;justify-content:center;height:100%;position:relative}.intro-image{width:100%;max-width:320px;height:100%;border-radius:14px;display:block;position:relative;bottom:0;margin-inline-start:70px}@media (max-width: 1024px){.intro-section{flex-direction:row;gap:2rem;padding-inline:16px}.intro-visual{flex:0 0 auto;max-width:100%;justify-content:flex-start;margin-top:1.5rem}.intro-image{max-width:220px}.intro-title{font-size:2.5rem}.intro-description{font-size:1.2rem;padding:.6em 1em}.intro-nav-link{font-size:1.1rem;padding:.7rem 1.6rem;min-width:7rem}}@media (max-width: 600px){.intro-section{padding-inline:6px}.intro-title{font-size:1.6rem}.intro-description{font-size:1rem}.intro-nav-list{flex-direction:row;gap:3rem}.intro-nav-link{width:100%;font-size:1rem;padding:.7rem 1rem}.intro-image{max-width:140px}.intro-visual{display:none}}div.slogan{width:100%;padding-block:4rem;background:var(--color-base-blue);color:var(--color-base-white)}div.slogan>h1{text-align:center;max-width:1200px;padding:0;margin-inline:auto;font-size:4rem}div.slogan>p{text-align:center;max-width:1200px;padding:0;margin-inline:auto;font-size:2rem}div.featured{display:flex;box-sizing:border-box;margin-inline:auto;flex-direction:column;width:100%;max-width:1200px;height:auto;padding:0}div.featured_container{overflow-x:auto}div.featured>h2{text-align:left;font-size:3rem;margin-block:2rem}.featured-link{text-align:right;margin-block:2rem}.blog-link{display:inline-block;background:#4f46e5;color:#fff;font-weight:700;font-size:1.3rem;padding:.7rem 2rem;border-radius:8px;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 2px 8px #4f46e514;vertical-align:middle}.blog-link:hover,.blog-link:focus{background:#3730a3;transform:translateY(-2px) scale(1.05);outline:none}@media (max-width: 900px){div.slogan>h1{font-size:2.5rem}div.slogan>p{font-size:1.3rem}div.featured>h2{font-size:2rem}div.featured>a{font-size:1rem;padding-inline-end:2rem}}@media (max-width: 600px){div.slogan{padding-block:2rem}div.slogan>h1{font-size:1.5rem;padding-inline:1rem}div.slogan>p{font-size:1rem;padding-inline:1rem}div.featured{padding:0 1rem}div.featured>h2{font-size:1.2rem;margin-block:1rem}div.featured>a{font-size:.9rem;padding-inline-end:1rem;margin-block:1rem}}