/* Walkers staging - crossroad (コミュニティLP) SWELLネイティブ再現 */
#crossroad-page{--wkx-purple:#5d4fff;--wkx-navy:#2B323B;--wkx-gray:#4B4F58;--wkx-line:#06C755;}
#crossroad-page .wkx-secttl{text-align:center;margin:0 0 36px;}
#crossroad-page .wkx-secttl__en{display:block;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:.14em;color:var(--wkx-purple);font-size:14px;margin-bottom:6px;}
#crossroad-page .wkx-secttl__ja{display:block;font-weight:900;color:var(--wkx-navy);font-size:clamp(22px,3vw,30px);}

#crossroad-page .wkx-btn{display:inline-block;text-decoration:none;font-weight:800;font-size:16px;color:#fff;padding:16px 48px;border-radius:999px;transition:transform .15s,box-shadow .15s,filter .2s;}
#crossroad-page .wkx-btn--line{background:var(--wkx-line);box-shadow:0 8px 20px rgba(6,199,85,.32);}
#crossroad-page .wkx-btn--line:hover{filter:brightness(.95);transform:translateY(-2px);box-shadow:0 12px 26px rgba(6,199,85,.4);}

/* hero */
#crossroad-page .wkx-hero{padding:72px 20px 64px;background:linear-gradient(135deg,#f3f2ff 0%,#ffffff 60%);}
#crossroad-page .wkx-hero__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
#crossroad-page .wkx-hero__brand{margin:0 0 16px;font-family:"Manrope",sans-serif;font-weight:800;font-size:30px;color:var(--wkx-purple);letter-spacing:.02em;}
#crossroad-page .wkx-hero__title{margin:0 0 24px;font-weight:900;font-size:clamp(24px,3.2vw,36px);color:var(--wkx-navy);line-height:1.5;}
#crossroad-page .wkx-hero__title span{color:var(--wkx-purple);}
#crossroad-page .wkx-hero__badges{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;padding:0;}
#crossroad-page .wkx-hero__badges li{background:#fff;border:2px solid var(--wkx-purple);color:var(--wkx-navy);border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;line-height:1.3;text-align:center;}
#crossroad-page .wkx-hero__badges strong{display:block;color:var(--wkx-purple);font-size:16px;}
#crossroad-page .wkx-hero__img img{width:100%;height:auto;border-radius:18px;display:block;}

/* merit */
#crossroad-page .wkx-merit{max-width:1100px;margin:0 auto;padding:80px 20px;}
#crossroad-page .wkx-merit__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
#crossroad-page .wkx-merit__card{background:#fff;border:1px solid #ece9ff;border-radius:16px;padding:32px 26px;box-shadow:0 8px 24px rgba(93,79,255,.07);text-align:center;}
#crossroad-page .wkx-merit__icon{width:72px;height:72px;object-fit:contain;margin:0 auto 16px;display:block;}
#crossroad-page .wkx-merit__ttl{margin:0 0 14px;font-weight:800;color:var(--wkx-navy);font-size:18px;}
#crossroad-page .wkx-merit__txt{margin:0;color:var(--wkx-gray);font-size:14px;line-height:1.9;text-align:left;}
#crossroad-page .wkx-price{margin:48px auto 0;max-width:680px;text-align:center;background:#f3f2ff;border-radius:18px;padding:36px 28px;}
#crossroad-page .wkx-price__note{margin:0 0 8px;font-weight:700;color:var(--wkx-navy);}
#crossroad-page .wkx-price__row{margin:0 0 6px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
#crossroad-page .wkx-price__old{text-decoration:line-through;color:#9aa0a8;font-size:20px;font-weight:700;}
#crossroad-page .wkx-price__arrow{color:var(--wkx-purple);font-weight:900;font-size:22px;}
#crossroad-page .wkx-price__new{color:var(--wkx-purple);font-weight:900;font-size:30px;}
#crossroad-page .wkx-price__sub{margin:0 0 18px;font-size:12px;color:#9aa0a8;}
#crossroad-page .wkx-price__lead{margin:0;font-weight:800;color:var(--wkx-navy);font-size:18px;}
#crossroad-page .wkx-price__lead strong{color:var(--wkx-purple);}

/* feature */
#crossroad-page .wkx-feature{background:#f7f8fa;padding:80px 20px;}
#crossroad-page .wkx-feature .wkx-secttl,#crossroad-page .wkx-feature__grid{max-width:1100px;margin-left:auto;margin-right:auto;}
#crossroad-page .wkx-feature__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
#crossroad-page .wkx-feature__card{background:#fff;border-radius:16px;padding:30px 28px;position:relative;border:1px solid #E5E5E5;}
#crossroad-page .wkx-feature__no{position:absolute;top:24px;right:26px;font-family:"Manrope",sans-serif;font-weight:800;font-size:40px;color:#ece9ff;line-height:1;}
#crossroad-page .wkx-feature__ttl{margin:0 0 12px;font-weight:800;color:var(--wkx-navy);font-size:18px;padding-right:50px;}
#crossroad-page .wkx-feature__txt{margin:0;color:var(--wkx-gray);font-size:14px;line-height:1.9;}

/* join */
#crossroad-page .wkx-join{text-align:center;padding:72px 20px;background:linear-gradient(135deg,var(--wkx-purple),#7c70ff);color:#fff;}
#crossroad-page .wkx-join__note{margin:0 0 12px;font-weight:700;}
#crossroad-page .wkx-join__ttl{margin:0 0 28px;font-weight:900;font-size:clamp(20px,2.8vw,28px);color:#fff;}
#crossroad-page .wkx-join__ttl span{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:5px;}

/* events */
#crossroad-page .wkx-events{max-width:1100px;margin:0 auto;padding:80px 20px;}
#crossroad-page .wkx-events__lead{text-align:center;color:var(--wkx-gray);margin-bottom:36px;}
#crossroad-page .wkx-events__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
#crossroad-page .wkx-event{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(43,50,59,.06);}
#crossroad-page .wkx-event__img{aspect-ratio:920/450;overflow:hidden;background:#e9edf1;}
#crossroad-page .wkx-event__img img{width:100%;height:100%;object-fit:cover;display:block;}
#crossroad-page .wkx-event__ttl{margin:18px 20px 8px;font-weight:800;color:var(--wkx-navy);font-size:16px;}
#crossroad-page .wkx-event__txt{margin:0 20px 22px;color:var(--wkx-gray);font-size:13px;line-height:1.8;}
#crossroad-page .wkx-events__cta{text-align:center;margin-top:40px;}

/* voice */
#crossroad-page .wkx-voice{background:#f7f8fa;padding:80px 20px;}
#crossroad-page .wkx-voice .wkx-secttl,#crossroad-page .wkx-voice__lead,#crossroad-page .wkx-voice__grid{max-width:1100px;margin-left:auto;margin-right:auto;}
#crossroad-page .wkx-voice__lead{text-align:center;color:var(--wkx-gray);margin-bottom:36px;}
#crossroad-page .wkx-voice__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
#crossroad-page .wkx-voice__card{background:#fff;border-radius:14px;padding:28px 24px;box-shadow:0 8px 24px rgba(43,50,59,.06);}
#crossroad-page .wkx-voice__txt{margin:0 0 16px;color:var(--wkx-gray);font-size:14px;line-height:1.9;}
#crossroad-page .wkx-voice__name{margin:0;font-weight:700;color:var(--wkx-purple);font-size:13px;}

/* contact */
#crossroad-page .wkx-contact{padding:0 20px 90px;}
#crossroad-page .wkx-contact__inner{max-width:840px;margin:0 auto;background:var(--wkx-navy);color:#fff;border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 14px 36px rgba(43,50,59,.18);}
#crossroad-page .wkx-contact__ttl{margin:0 0 16px;font-weight:900;font-size:clamp(20px,2.6vw,26px);color:#fff;}
#crossroad-page .wkx-contact__txt{margin:0 0 26px;line-height:2;font-size:14px;color:#d8dce1;}

/* ===== Responsive（SWELLブレークポイント準拠：1023px tab / 599px sp） ===== */

/* --- タブレット以下（〜1023px）：3列を2列に、余白を圧縮 --- */
@media screen and (max-width:1023px){
  #crossroad-page .wkx-hero{padding:56px 20px 48px;}
  #crossroad-page .wkx-hero__inner{gap:32px;}
  #crossroad-page .wkx-hero__title{font-size:clamp(22px,3.4vw,30px);}
  #crossroad-page .wkx-merit{padding:64px 20px;}
  #crossroad-page .wkx-feature{padding:64px 20px;}
  #crossroad-page .wkx-events{padding:64px 20px;}
  #crossroad-page .wkx-voice{padding:64px 20px;}
  #crossroad-page .wkx-merit__grid,
  #crossroad-page .wkx-events__grid,
  #crossroad-page .wkx-voice__grid{grid-template-columns:repeat(2,1fr);gap:20px;}
}

/* --- iPad縦・中間（〜834px）：heroを縦積み、特徴を1列 --- */
@media screen and (max-width:834px){
  #crossroad-page .wkx-hero__inner{grid-template-columns:1fr;}
  #crossroad-page .wkx-hero__img{order:-1;max-width:560px;margin:0 auto;}
  #crossroad-page .wkx-hero__text{text-align:center;}
  #crossroad-page .wkx-hero__badges{justify-content:center;}
  #crossroad-page .wkx-feature__grid{grid-template-columns:1fr;}
}

/* --- スマホ（〜599px）：全1列・文字/余白を最適化 --- */
@media screen and (max-width:599px){
  #crossroad-page .wkx-secttl{margin-bottom:26px;}
  #crossroad-page .wkx-secttl__ja{font-size:clamp(20px,5.6vw,24px);}
  #crossroad-page .wkx-btn{display:block;width:100%;max-width:340px;margin-left:auto;margin-right:auto;padding:15px 24px;font-size:15px;text-align:center;}

  #crossroad-page .wkx-hero{padding:32px 20px 40px;}
  #crossroad-page .wkx-hero__brand{display:none;}
  #crossroad-page .wkx-hero__text{text-align:center;}
  #crossroad-page .wkx-hero__title{font-size:clamp(26px,7.6vw,32px);line-height:1.5;margin:0 0 28px;}
  #crossroad-page .wkx-hero__text .wkx-btn{max-width:440px;font-size:16px;}
  /* バッジ：白い円形＋ソフト影 */
  #crossroad-page .wkx-hero__badges{gap:12px;justify-content:center;flex-wrap:nowrap;margin:0 0 28px;}
  #crossroad-page .wkx-hero__badges li{flex:1 1 0;min-width:0;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:#fff;border-radius:50%;box-shadow:0 8px 20px rgba(93,79,255,.14);padding:0;font-size:13px;line-height:1.35;}
  #crossroad-page .wkx-hero__badges strong{font-size:15px;margin-top:2px;}
  #crossroad-page .wkx-hero__badges li:nth-child(3){color:var(--wkx-purple);font-weight:700;}
  #crossroad-page .wkx-hero__badges li:nth-child(3) strong{color:var(--wkx-navy);}
  /* メインビジュアル：有機的ブロブ＋背景の水色ブロブ */
  #crossroad-page .wkx-hero__img{position:relative;max-width:520px;margin:8px auto 0;}
  #crossroad-page .wkx-hero__img::before{content:"";position:absolute;z-index:0;inset:4% -6% -6% -6%;background:#cfe8f7;border-radius:58% 42% 47% 53%/53% 51% 49% 47%;}
  #crossroad-page .wkx-hero__img img{position:relative;z-index:1;border-radius:54% 46% 52% 48%/48% 54% 46% 52%;}

  #crossroad-page .wkx-merit,
  #crossroad-page .wkx-feature,
  #crossroad-page .wkx-events,
  #crossroad-page .wkx-voice{padding:48px 18px;}
  #crossroad-page .wkx-merit__grid,
  #crossroad-page .wkx-feature__grid,
  #crossroad-page .wkx-events__grid,
  #crossroad-page .wkx-voice__grid{grid-template-columns:1fr;gap:16px;}
  #crossroad-page .wkx-merit__card{padding:26px 22px;}
  #crossroad-page .wkx-price{padding:28px 20px;margin-top:36px;}
  #crossroad-page .wkx-price__old{font-size:18px;}
  #crossroad-page .wkx-price__new{font-size:26px;}
  #crossroad-page .wkx-price__arrow{font-size:20px;}

  #crossroad-page .wkx-feature__card{padding:26px 22px;}
  #crossroad-page .wkx-feature__no{font-size:32px;top:20px;right:20px;}
  #crossroad-page .wkx-feature__ttl{padding-right:42px;}

  #crossroad-page .wkx-join{padding:52px 18px;}
  #crossroad-page .wkx-events__cta{margin-top:32px;}

  #crossroad-page .wkx-contact{padding:0 18px 64px;}
  #crossroad-page .wkx-contact__inner{padding:36px 22px;}
}

/* --- scroll-in animation（JS有効時のみ初期非表示。prefers-reduced-motion尊重） --- */
@media (prefers-reduced-motion:no-preference){
  #crossroad-page.wkx-anim-on .wkx-anim{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);will-change:opacity,transform;}
  #crossroad-page.wkx-anim-on .wkx-anim.is-in{opacity:1;transform:none;}
  #crossroad-page.wkx-anim-on .wkx-hero__img{transform:translateY(26px) scale(.97);}
  #crossroad-page.wkx-anim-on .wkx-hero__img.is-in{transform:none;}
}

/* 追従CTA「1分で見積もる(無料)」をこのページでは非表示
   ※当サイトはbody_classを出力しないためpage-idは使えない。
   　このCSSはcrossroadページ限定ロードなのでid直接指定で安全 */
#simulate-button-wrap{display:none!important;}