/* page-advantage.css - page-specific styles */

h2{font-size:clamp(1.05rem, 0.85rem + 2.2vw, 1.9rem);}

/* Header hamburger: square button, dark purple background, white lines */
  .c-hamburger--header{
    width:40px; height:40px;
    background:var(--purple-900);
    border-radius:8px;
  }

.c-hamburger--header span{
    left:10px; right:10px;
    background:#fff;
  }

.c-hamburger--header span:nth-child(1){top:13px;}

.c-hamburger--header span:nth-child(2){top:19px;}

.c-hamburger--header span:nth-child(3){top:25px;}

.c-hamburger--header.is-open span:nth-child(1){top:19px; transform:rotate(45deg);}

.c-hamburger--header.is-open span:nth-child(3){top:19px; transform:rotate(-45deg);}

@media(max-width:768px){
    .l-submenu__inner{display:none;}
    .c-hamburger--header{display:flex; align-items:center; justify-content:center;}
    .l-submenu{background:transparent; border-bottom:none;}
    .l-submenu.is-menu-open{background:var(--purple-900); border-bottom:1px solid rgba(255,255,255,.08);}
  }

.c-kv__placeholder .u-wrap{
    display:flex;
  }

.c-mechanism .c-eyebrow{color:var(--yellow);}

.c-mechanism .c-eyebrow::before{background:var(--yellow);}

.c-mini-cta .c-btn-group{max-width:640px; margin:0 auto;}

.c-callout .c-eyebrow{justify-content:center; color:var(--yellow); font-size:1.05rem; font-weight:700;}

.c-callout .c-eyebrow::before{display:none;}

@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

/* ---------- Anchor offset for sticky header ---------- */
  section[id]{scroll-margin-top:118px;}

/* ---------- Fixed bottom CTA (PC + Mobile) ---------- */
  body{padding-bottom:132px;}

.c-fixed-cta__photo{display:none;}

.c-fixed-cta__caption{display:none;}

@media(min-width:1100px){
    .c-fixed-cta__buttons{max-width:600px; margin:0 auto;}
    .c-fixed-cta__photo{
      display:block;
      position:absolute;
      left:calc(50% + 300px - 16px); bottom:-10px;
      pointer-events:none;
    }
    .c-fixed-cta__photo img{width:150px; height:auto; display:block;}
    .c-fixed-cta__caption{
      display:block;
      position:absolute;
      left:calc(50% + 300px - 16px + 158px);
      bottom:20px;
      width:106px;
      margin:0;
      font-size:.6rem;
      font-weight:700;
      color:var(--ink-soft);
      line-height:1.5;
      text-align:left;
      white-space:nowrap;
      pointer-events:none;
    }
  }

/* ---------- Advantage page: summary list (no links) ---------- */
  .c-summary-nav{padding:48px 0 40px;}

.c-summary-nav__list{
    list-style:none; margin:0; padding:0;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

@media(max-width:640px){.c-summary-nav__list{grid-template-columns:minmax(0,1fr);}}

.c-summary-nav__list li{
    display:flex; align-items:center; gap:10px;
    padding:16px 20px;
    background:var(--purple-050);
    border:1px solid var(--line);
    border-radius:8px;
    font-weight:700;
    font-size:.92rem;
    color:var(--purple-900);
  }

.c-summary-nav__num{
    font-family:"Noto Serif JP",serif;
    font-weight:900;
    color:var(--yellow-dark);
    flex:none;
  }

/* ---------- Advantage page: title → image → text block ---------- */
  .c-adv-block{
    max-width:900px;
    margin:0 auto;
  }

.c-adv-block h2{
    display:flex; align-items:baseline; gap:14px;
    font-size:1.5rem;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
  }

.c-adv-block h2 + .c-adv-block__content{margin-top:22px;}

.c-adv-block__num{
    font-family:"Noto Serif JP",serif;
    font-weight:900;
    font-size:1.3rem;
    color:var(--yellow-dark);
    flex:none;
  }

.c-adv-block__content{
    display:flex;
    flex-direction:column;
    gap:20px;
  }

.c-adv-block__media{
    aspect-ratio:16/9;
    border-radius:10px;
    overflow:hidden;
  }

.c-adv-block__media img{width:100%; height:100%; object-fit:cover; display:block;}

.c-adv-block__text p{margin:0; color:var(--ink-soft);}

.c-adv-block__text p + p{margin-top:16px;}

@media(min-width:769px){
    .c-adv-block__content{
      flex-direction:row-reverse;
      align-items:flex-start;
      gap:40px;
    }
    .c-adv-block__media{
      flex:0 0 340px;
      aspect-ratio:4/3;
    }
    .c-adv-block__text{flex:1; min-width:0;}
  }

/* ---------- Utility classes (inline style removal) ---------- */
  .u-hidden-frame{display:none;visibility:hidden;}

.u-bg-tint{background:var(--purple-050);}

.c-eyebrow--center{justify-content:center;}