.col{margin-inline:auto;max-width:1100px;padding-inline:40px}@media(max-width:767.98px){.col{padding-inline:5vw}}.detail-banner{color:#fff;position:relative;--overlap:min(28vw,260px)}.detail-banner__bg{background:#000;height:calc(100% - var(--overlap));inset:0 0 auto 0;overflow:hidden;position:absolute}.detail-banner__bg:after{background:#0000004d;content:"";inset:0;position:absolute}.detail-banner:not(.has-image) .detail-banner__bg{height:100%}.detail-banner__canvas{display:block;height:100%;opacity:0;transition:opacity 1.2s var(--std);width:100%}.detail-banner__canvas.is-ready{opacity:1}.detail-banner__inner{margin:0 auto;max-width:1100px;padding:50px 40px 0;position:relative;z-index:1}@media(max-width:767.98px){.detail-banner__inner{padding:32px 5vw 0}}.detail-banner:not(.has-image) .detail-banner__inner{padding-bottom:clamp(56px,7vw,96px)}.detail-banner__crumbs{align-items:center;color:#ffffff9e;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.detail-banner__crumbs a{color:#ffffff9e}.detail-banner__crumbs a:hover{color:#fff}.detail-banner__head{padding-top:82px}@media(max-width:767.98px){.detail-banner__head{padding-top:48px}}.detail-banner__tag{align-items:center;background:var(--ha-magenta);border-radius:999px;color:#fff;display:inline-flex;font-family:var(--fd);font-size:10px;font-weight:600;letter-spacing:.1em;padding:5px 10px;text-transform:uppercase}.detail-banner__title{color:#fff;font-family:var(--fd);font-size:clamp(36px,4.6vw,58px);font-weight:500;letter-spacing:-.02em;line-height:1.06;margin-top:22px;text-wrap:balance}.detail-banner__subtitle{color:#fff;font-size:clamp(16px,1.4vw,19px);line-height:1.6;margin-top:20px}.detail-banner__meta{border-bottom:1px solid #fff3;border-top:1px solid #fff3;display:grid;grid-template-columns:repeat(var(--cols,4),1fr);margin-top:44px}@media(max-width:767.98px){.detail-banner__meta{grid-template-columns:1fr 1fr}}.detail-banner__meta-item{border-left:.3px solid #ffffff40;padding:22px 0 22px 24px}.detail-banner__meta-item:first-child{border-left:0;padding-left:0}@media(max-width:767.98px){.detail-banner__meta-item:nth-child(odd){border-left:0;padding-left:0}.detail-banner__meta-item:nth-child(n+3){border-top:1px solid #ffffff1f}}.detail-banner__meta-item dt{color:var(--ha-pink);font-family:var(--fd);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.detail-banner__meta-item dd{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px;margin:8px 0 0}.detail-banner__meta-item dd a{color:#fff}.detail-banner__meta-item dd a:hover{color:var(--ha-lavender)}.detail-banner__meta-item .avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.detail-banner__image{background:var(--bg2);border-radius:16px;margin-top:44px;overflow:hidden}.detail-banner__image img{height:min(56vw,520px);object-fit:cover;width:100%}.detail__body{color:var(--tx);font-size:17.5px;line-height:1.75;padding-top:clamp(56px,7vw,96px)}@media(max-width:767.98px){.detail__body{font-size:16px}}.fx{margin-bottom:44px}.fx-title,.rte--detail h2{color:var(--ha-indigo);font-family:var(--fd);font-size:clamp(24px,2.4vw,30px);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:44px 0 24px}.fx:first-child .fx-title,.fx:first-child .rte--detail>h2:first-child{margin-top:0}