.class-index{background:var(--white);border-bottom:1px solid var(--line);padding:0 var(--gutter)}.class-index .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.class-index a{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:18px;align-items:center;padding:26px 24px;color:var(--sumi);transition:background .4s}.class-index a+a{border-left:1px solid var(--line)}.class-index a:after{content:"↓";grid-column:3;grid-row:1 / 3;color:var(--shu);font-size:1.1rem;transition:translate .4s}.class-index a:hover{background:var(--kinari)}.class-index a:hover:after{translate:0 4px}.class-index .no{grid-row:1 / 3;font-family:var(--font-latin);font-size:2.4rem;font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px var(--ai)}.class-index .name{font-family:var(--font-serif);font-weight:700;font-size:1.3rem;letter-spacing:.12em;line-height:1.4}.class-index .name small{margin-left:10px;font-family:var(--font-latin);font-size:.8rem;font-weight:500;letter-spacing:.25em;color:var(--muted)}.class-index .who{font-size:.8rem;color:var(--muted)}.class-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}.class-block.is-flip .class-photo{order:2}.class-photo{position:relative}.class-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.class-no{position:absolute;top:20px;left:28px;font-family:var(--font-latin);font-size:clamp(3.4rem,6vw,5rem);font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.9);text-shadow:0 2px 16px rgba(25,47,79,.25);pointer-events:none}.class-text .sec-h{margin-bottom:18px}.class-text .tag{display:inline-block;padding:3px 14px;border:1px solid var(--shu);color:var(--shu);font-size:.85rem;font-weight:500;letter-spacing:.1em}.class-desc{margin:28px 0 36px;font-size:1rem;line-height:2.1;color:#45474b;text-align:justify;font-feature-settings:"palt"}.class-info{border-top:1px solid var(--sumi)}.class-info>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.class-info dt{font-family:var(--font-serif);font-weight:700;font-size:.95rem;letter-spacing:.1em;color:var(--ai)}.class-info dd{font-size:1rem}.songs{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;font-family:var(--font-serif);font-weight:600;letter-spacing:.08em}.songs li+li:before{content:"";display:inline-block;width:1px;height:.9em;margin:0 16px;background:var(--line);vertical-align:-.1em}@media(max-width:960px){.class-index .wrap{grid-template-columns:1fr}.class-index a{padding:16px 4px}.class-index a+a{border-left:0;border-top:1px solid var(--line)}.class-index .no{font-size:2rem}.class-inner{grid-template-columns:1fr}.class-block.is-flip .class-photo{order:0}}@media(max-width:480px){.class-info>div{grid-template-columns:84px 1fr;gap:12px}}