ul.news-list{display:flex;overflow-y:none;padding:1rem;margin:0;list-style:none;gap:16px;justify-content:center}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:300px;height:170px;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.8rem;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}.youtube-player{max-width:1080px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.main-player{margin-bottom:30px;width:100%}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;box-sizing:border-box}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail-grid{display:flex;gap:15px;overflow-x:auto;padding:10px 0}.thumbnail-item{flex:0 0 auto;width:200px;background:none;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;padding:0;box-shadow:0 2px 8px #0000001a}.thumbnail-item:hover{transform:translateY(-2px);border-color:red;box-shadow:0 4px 16px #0003}.thumbnail-item:focus{outline:none;border-color:red;box-shadow:0 0 0 3px #ff00004d}.thumbnail-item:active{transform:translateY(0)}.thumbnail-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}@media (max-width: 1320px){.youtube-player{padding:15px}}@media (max-width: 768px){.youtube-player{padding:10px}.main-player{margin-bottom:20px}.thumbnail-grid{gap:10px}.thumbnail-item{width:160px}}@media (max-width: 480px){.youtube-player{padding:5px}.thumbnail-grid{gap:8px;padding:5px 0}.thumbnail-item{width:140px}.video-wrapper,.thumbnail-item{border-radius:6px}}.thumbnail-grid::-webkit-scrollbar{height:6px}.thumbnail-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.intro-section{position:relative;overflow:hidden;max-width:1200px;margin:32px 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:4.4rem;font-family:EB Garamond,"Noto Serif JP",serif;color:#1e293b;margin:0}.intro-description{font-size:2.8rem;color:#334155;line-height:1.6;margin:0;font-family:EB Garamond,"Noto Serif JP",serif;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:var(--color-base-blue);color:#fff;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,"sans-serif",system-ui,-apple-system,BlinkMacSystemFont;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}}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/eb-garamond@latest/latin-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/eb-garamond@latest/latin-600-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/eb-garamond@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/eb-garamond@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}div.slogan{width:100%;padding-block:5.6rem;background:var(--color-base-blue);color:var(--color-base-white)}div.slogan>h1{font-family:EB Garamond,serif;letter-spacing:3.5px;font-weight:600;text-align:center;max-width:1280px;padding:0;margin:0;margin-inline:auto;font-size:6rem}div.slogan>p{font-family:EB Garamond,"Noto Serif JP",serif;letter-spacing:2px;text-align:center;max-width:1200px;padding:0;margin:0;margin-block-start:1.4rem;margin-inline:auto;font-size:3rem}div.featured{display:flex;box-sizing:border-box;margin-inline:auto;flex-direction:column;width:100%;max-width:1280px;height:auto;padding:0}div.featured_container{overflow-x:auto}div.featured>h2{text-align:left;font-size:3rem;margin-inline-start:1rem;margin-block:2rem}.featured-link{text-align:right;margin-block:2rem}.blog-link{display:inline-block;background:var(--color-base-blue);color:#fff;font-weight:700;font-size:1.6rem;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}div.videos{display:flex;box-sizing:border-box;margin-inline:auto;margin-block-start:5rem;flex-direction:column;width:100%;max-width:1280px;height:auto;padding:0}div.videos>h2{text-align:left;font-size:3rem;margin-inline-start:1rem;margin-block:2rem}div.videos:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent 0px,#64748b 8px,#64748b calc(100% - 8px),transparent 100%);margin-bottom:2rem;width:100%}div.videos:first-of-type:before{display: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}}