/* ── ly_wrapper（PC上書き）── */
.ly_wrapper { box-shadow: 0 0 60px rgba(0,0,0,0.4); min-height: 100vh;}

/* ── 背景スライダー（768px以上で表示）── */
/* z-index: 0 — 全要素の最背面 */
.ly_bgSlider { display: block; position: fixed; inset: 0; z-index: 0; pointer-events: none;}
.ly_bgSlider .swiper { width: 100%; height: 100%;}
.ly_bgSlider .swiper-slide { width: 100%; height: 100%;}
.ly_bgSlider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;}
.ly_bgSlider__overlay { position: absolute; inset: 0; background-color: var(--color-overlay); z-index: 2;}

/* ── サイドバー共通（960px以上のみ表示）── */
/* サイドバー2本(220px×2) + 余白(16px×4) + コンテンツ(480px) = 最低960px必要 */
@media (min-width: 960px) {
.ly_sidebar { display: block; position: fixed; top: 50%; transform: translateY(-50%); z-index: 20; width: var(--sidebar-width); background-color: rgba(255,255,255,0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: var(--space-4); font-size: var(--fs-sm);}
.ly_sidebar--left { left: 16px;}
.ly_sidebar--right { right: 16px;}
}

/* ── 左サイドバー：ナビ ── */
.bl_sideNav { display: flex; flex-direction: column; gap: var(--space-3);}
.el_sideNav__logo { padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border);}
.el_sideNav__logo img{ width: 120px; height: auto;}
.el_sideNav__list { display: flex; flex-direction: column; gap: var(--space-1);}
.el_sideNav__list a { display: block; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); font-size: var(--fs-sm); color: var(--color-text-secondary); transition: background-color var(--transition-fast), color var(--transition-fast);}
.el_sideNav__list a:hover { background-color: var(--color-bg-section); color: var(--color-primary);}
.el_sideNav__list a.el_btn--primary { color: var(--color-cta-text); background-color: var(--color-cta); text-align: center; margin-top: var(--space-2);}
.el_sideNav__list a.el_btn--primary:hover { background-color: var(--color-cta-hover); transform: none; box-shadow: none;}
.el_sideNav__cta a{ width: 100%;}

/* ── 右サイドバー：NEWS ── */
.bl_sideNews { margin-bottom: var(--space-4); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border);}
.el_sideNews__title { font-family: var(--font-en-sans); font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: var(--ls-wider); color: var(--color-accent); margin-bottom: var(--space-3);}
.el_sideNews__list { display: flex; flex-direction: column; gap: var(--space-3);}
.el_sideNews__item { display: flex; flex-direction: column; gap: 2px;}
.el_sideNews__date { font-family: var(--font-en-sans); font-size: var(--fs-xs); color: var(--color-text-muted);}
.el_sideNews__text { font-size: var(--fs-xs); color: var(--color-text-secondary); line-height: var(--lh-base);}

/* ── 右サイドバー：TIPS ── */
.el_sideTips__title { font-family: var(--font-en-sans); font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: var(--ls-wider); color: var(--color-primary); margin-bottom: var(--space-3);}
.el_sideTips__list { display: flex; flex-direction: column; gap: var(--space-3);}
.el_sideTips__item { display: flex; flex-direction: column; gap: 2px;}
.el_sideTips__tag { display: inline-block; padding: 1px var(--space-2); background-color: var(--color-bg-section); border-radius: var(--radius-sm); font-size: var(--fs-xs); color: var(--color-primary); font-weight: var(--fw-medium); width: fit-content;}
.el_sideTips__text { font-size: var(--fs-xs); color: var(--color-text-secondary); line-height: var(--lh-base);}

/* ── 機能カード（PC）── */
.bl_feature__grid { gap: var(--space-5);}
.el_card--feature { flex: 1;}

/* ── 業種別（PC）── */
.bl_industry__panel.is-active { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: start;}
.bl_industry__img { height: 100%; max-height: 280px;}

/* ── ステップ（PC）── */
.bl_howto__steps { flex-direction: row; align-items: flex-start;}
.bl_howto__arrow { transform: none; flex-shrink: 0;}
.bl_howto__step { flex: 1;}

/* ── 料金プラン（PC）── */
.bl_pricing__grid { flex-direction: row; align-items: stretch;}
.el_card--pricing { flex: 1;}
.el_card--featured { transform: scale(1.02);}