/* Astro版のALCサイトと共通の配色と余白。元CMSのCSSは編集しない。 */
:root{--bg:#fffcf7;--bg3:#f3eee5;--header:#10233f;--header-2:#172f50;--gold:#b38a33;--gold2:#d2a347;--text:#39495d;--text-br:#14243c;--border:#e1d6c4}
body{background-image:none}
.l-nav,.l-nav__logo,.l-nav__right{background:#10233f}
.l-nav{border-top:0;border-bottom:2px solid #b38a33}
.l-nav__word{color:#fff}
.l-nav__item{color:#f7f2e9;padding:0 9px}
.l-nav__item svg{display:none}
.l-nav__item:hover,.l-nav__item.active{color:#fff;background:#ffffff16}
.l-nav__item.active{border-color:#d2a347}
.l-nav__lang,.l-nav__menu{color:#fff;border-color:#ffffff85;background:transparent}
.l-nav__lang:hover,.l-nav__menu:hover{background:#ffffff1c;color:#fff}
.l-nav__cta{background:#b38a33;border-color:#b38a33;color:#fff}
.l-nav__cta:hover{background:#977326;border-color:#977326}
.lp-hero{background:#fffcf7;padding-top:clamp(42px,5vw,70px)}
.lp-hero__inner{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);max-width:1340px}
.lp-hero__name{color:#aa812a}
.lp-hero__title{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Sans JP',serif;font-size:clamp(2.55rem,4.2vw,3.55rem);line-height:1.36;letter-spacing:0;overflow-wrap:normal;word-break:keep-all}
.lp-hero__lead{max-width:52em}
.lp-hero__visual{border-radius:7px;box-shadow:0 18px 42px #14243c20}
.lp-hero__points li{border-radius:7px}
@media(max-width:1240px){.l-nav__links li:last-child span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
@media(max-width:1100px){.lp-hero__inner{grid-template-columns:1fr}.lp-hero__visual{max-width:860px}}
@media(max-width:980px){.l-nav__links{background:#10233f;border-bottom-color:#b38a33}.l-nav__item{color:#fff}.l-nav__item svg{display:block}.l-nav__item:hover,.l-nav__item.active{background:#ffffff16;color:#fff}}
@media(max-width:640px){.lp-hero__title{font-size:clamp(2.1rem,9vw,2.8rem)}.l-nav__logo{padding-inline:12px}.l-nav__right{gap:6px;padding-inline:8px}}

/* 選択された製品一覧重視のデザインと共通化。 */
:root{--bg:#fff;--bg3:#edf4fa;--text:#516581;--text-br:#132b49;--border:#dbe5ef}body{background:#fff;font-family:system-ui,Meiryo,sans-serif}.lp-hero{background:#fff;padding-top:38px}.lp-hero__inner{grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}.lp-hero__title{font-family:system-ui,Meiryo,sans-serif;font-weight:750;font-size:clamp(36px,4.1vw,58px);line-height:1.25;letter-spacing:-.04em}.lp-hero__lead{font-size:16px;line-height:1.9}.lp-hero__visual{margin:0;border:0;box-shadow:0 8px 28px #14243c12}.lp-hero__eyebrow{background:transparent;border:0;padding:0;color:#61738a}.lp-hero__ctas{gap:12px;flex-wrap:wrap}.lp-hero__ctas .btn{font-size:14px}.lp-hero__ctas .btn-gold{background:#a17c28;color:white}.lp-sec:nth-of-type(even){background:#edf4fa}.lp-sec h2{font-family:system-ui,Meiryo,sans-serif}.lp-hero__nav{border-color:#dbe5ef}
@media(max-width:850px){.lp-hero__inner{grid-template-columns:1fr;gap:28px}.lp-hero__title{font-size:42px}.lp-hero__visual{max-width:720px}}@media(max-width:560px){.lp-hero__title{font-size:36px}.lp-hero{padding-top:28px}}

/* Live2D紹介: 既存の内容を読みやすいカードと共通配色で表示。 */
.live2d-page .lp-pagehead{background:#fff;padding:52px 24px 32px;border-bottom:1px solid #dbe5ef}
.live2d-page .lp-pagehead__inner,.live2d-page .lp-section__inner{max-width:1180px;margin:auto}
.live2d-page h1,.live2d-page h2,.live2d-page h3{font-family:system-ui,Meiryo,sans-serif;letter-spacing:-.025em;color:#132b49}
.live2d-page h1{font-size:clamp(34px,4vw,52px)}
.live2d-page .lp-pagehead__lead{max-width:85ch;font-size:16px;line-height:1.9}
.live2d-summary{background:#edf4fa;border-left:4px solid #a17c28;padding:28px 32px;margin:28px 0 20px;border-radius:6px}
.live2d-summary h2{font-size:clamp(24px,3vw,32px);margin:8px 0}.live2d-summary .btn{margin:12px 12px 0 0}
.live2d-page .btn-gold{background:#a17c28;color:#fff}.live2d-scope{font-size:14px;color:#526581;line-height:1.8}
.live2d-page .lp-section{padding:52px 24px;background:#f4f7fb}.live2d-page .lp-section--white{background:#fff}
.live2d-page .lp-head h2{font-size:clamp(24px,3vw,32px)}
.live2d-page #can-do .lp-split{display:block}.live2d-page .lp-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.live2d-page .lp-item{background:#f4f7fb;border:1px solid #dbe5ef;border-top:3px solid #b38a33;border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:12px}
.live2d-page .lp-item strong{color:#132b49;font-size:18px}.live2d-page .lp-item span{font-size:14px;line-height:1.85}
.live2d-page .lp-alert{background:#fff;border:1px solid #dbe5ef;border-left:4px solid #a17c28;border-radius:6px}
.live2d-page .lp-table-wrap{overflow-x:auto}.live2d-page .lp-code pre{overflow-x:auto}.live2d-page section[id]{scroll-margin-top:88px}
@media(max-width:800px){.live2d-page .lp-items{grid-template-columns:repeat(2,minmax(0,1fr))}.live2d-page .lp-split{grid-template-columns:1fr}}
@media(max-width:520px){.live2d-page .lp-items{grid-template-columns:1fr}.live2d-page .lp-pagehead,.live2d-page .lp-section{padding:32px 20px}.live2d-summary{padding:22px}.live2d-summary .btn{display:flex;margin-right:0}}

/* 紹介動画を説明と並べ、クレジットを保持する。 */
.live2d-page #can-do .lp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}
.live2d-page #can-do .lp-items{grid-template-columns:1fr}
.live2d-page #can-do figure{position:sticky;top:90px;overflow:hidden;border:1px solid #dbe5ef;border-radius:12px;background:#fff}
.live2d-page #can-do figcaption{display:flex;flex-direction:column;gap:8px;padding:20px}
.live2d-page #can-do figcaption span{font-size:13px;color:#526581}
@media(max-width:850px){.live2d-page #can-do .lp-split{grid-template-columns:1fr}.live2d-page #can-do figure{position:static;grid-row:1}}

/* Editorial Studio: matched to ALC's selected direction across LUMINA pages. */
:root{--bg:#fffdf9;--bg3:#f4f1ea;--border:#e5dfd3;--gold:#ad842d;--text:#4f6075;--text-br:#13263f}
body{background:#fffdf9;-webkit-font-smoothing:antialiased}.lp-hero{background:#fffdf9;padding-top:52px}.lp-hero__inner{max-width:1328px;gap:56px}.lp-hero__title{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:800;font-size:clamp(38px,4.7vw,64px);line-height:1.35;letter-spacing:.015em}.lp-hero__visual{border-radius:6px;box-shadow:0 16px 36px #192c3d20}.lp-hero__name{letter-spacing:.24em}.lp-hero__ctas .btn{padding:14px 24px;border-radius:5px}.lp-section{padding-block:72px}.lp-section__title,.lp-pagehead h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;line-height:1.45;letter-spacing:.015em}.lp-pagehead{background:#f6f2e9}.lp-section__inner{max-width:1240px}.lp-hero__nav{border-color:#e5dfd3;background:#fffdf9}.l-nav{box-shadow:0 1px 0 #c6a75c55}.l-nav__item{transition:background .15s}.live2d-page .lp-pagehead{background:#f6f2e9}.live2d-page h1,.live2d-page h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif}.live2d-page h3{font-family:system-ui,Meiryo,sans-serif}a:focus-visible,button:focus-visible{outline:3px solid #c59c43;outline-offset:4px}
@media(max-width:850px){.lp-hero__inner{gap:28px}.lp-section{padding-block:44px}.lp-hero{padding-top:32px}}
@media(max-width:560px){.lp-hero__title{font-size:36px}.lp-hero__ctas .btn{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Nested anchor targets also need clearance below the sticky navigation. */
:where(main[id],main [id]){scroll-margin-top:calc(var(--nav-h,64px) + 16px)}

/* Keep the native editor panels and timeline visible at every width. */
.lp-hero__visual img.timeline-capture {
  display: block;
  aspect-ratio: auto;
}

.showcase-card__media img.timeline-capture {
  object-fit: contain;
  background: #151e2b;
}
@media(max-width:480px){.l-nav__cta{display:none}.l-nav__menu{white-space:nowrap}}