/* =========================================================
   つきじ治作 — business-overseas-guest ページ固有スタイル（抽出元: business/overseas-guest/index.html の <style>）
   body名前空間: page-business-overseas-guest / url(): css/pages/基準 ../../images/
   ========================================================= */
.lp-hero__image{background-image:url('../../images/business/oversea-guest/oversea_hero.jpg');}
.lp-hospi .hospi-item-1 .hospi-photo{background-image:url('../../images/gallery_img11.jpg');}
.lp-hospi .hospi-item-2 .hospi-photo{background-image:url('../../images/visual12.webp');}
.lp-hospi .hospi-item-3 .hospi-photo{background-image:url('../../images/Img26113.jpg');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}
/* Remove footer top margin (defaults to 120px in style.css) */
.footer{margin-top:0;}
/* Unified dark navy — match top index */
html, body, body.is-day{background-color:#1a2638 !important;color:var(--mute);}
.header{background:#1a2638 !important;}
.header.is-scrolled{background:rgba(26,38,56,.85) !important;}
.footer{background:#1a2638 !important;margin-top:0 !important;}
/* HERO blank area → dark navy */
.lp-hero{background:#1a2638 !important;}

/* CONTACT: match business/index.html .biz-cta design (no bg image) */
section.lp-cta{margin-top:0 !important;overflow:visible;padding:clamp(80px,9vw,140px) 0;background:#1a2638;border-top:1px solid rgba(239,232,214,.16);text-align:center;}
section.lp-cta .lp-cta__link{display:block;height:auto;}
section.lp-cta .lp-cta__bg,
section.lp-cta .lp-cta__overlay,
section.lp-cta .lp-cta__more{display:none !important;}
section.lp-cta .lp-cta__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw,40px);padding:0 clamp(24px,8vw,120px);max-width:1200px;margin:0 auto;height:auto;}
section.lp-cta .lp-cta__en{font-family:var(--en-serif);font-weight:500;font-size:11px;letter-spacing:.4em;color:#c9a464;text-transform:uppercase;margin-bottom:0;}
section.lp-cta .lp-cta__title{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,30px);letter-spacing:.2em;line-height:1.8;color:#efe8d6;margin:14px 0 0;text-shadow:none;}
section.lp-cta .lp-cta__lead{font-family:var(--serif);font-size:13px;letter-spacing:.1em;line-height:2.1;color:rgba(239,232,214,.55);max-width:none;margin:0;}
section.lp-cta .biz-cta__bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);width:100%;max-width:960px;margin-top:clamp(20px,2vw,30px);}
section.lp-cta .biz-cta__bar a{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:22px 18px;background:transparent;border:1px solid rgba(201,164,100,.5);color:#efe8d6;font-family:var(--serif);font-size:13px;letter-spacing:.18em;border-radius:0;text-decoration:none;transition:background .3s,color .3s,border-color .3s;}
section.lp-cta .biz-cta__bar a:hover{background:#c9a464;color:#1a2638;border-color:#c9a464;}
section.lp-cta .biz-cta__bar .ico{display:inline-flex;align-items:center;justify-content:center;color:#e2c58a;transition:color .3s;}
section.lp-cta .biz-cta__bar a:hover .ico{color:#1a2638;}
@media (max-width:1080px){section.lp-cta .biz-cta__bar{grid-template-columns:1fr;}}

/* =========================================================
   文化体験 — ブロークングリッド（2カラム・片側オフセット）
   ========================================================= */
.og-bgrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(20px,2.4vw,44px);
  margin-top:clamp(36px,4vw,60px);
  align-items:start;
}
.og-bgrid__col{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,44px);}
.og-bgrid__col--offset{margin-top:clamp(56px,8vw,128px);}   /* 片側を下げて"崩した"グリッドに */
.og-card{position:relative;display:block;overflow:hidden;text-decoration:none;background:#10141d;}
.og-card__media{position:relative;overflow:hidden;}
.og-card--tall .og-card__media{aspect-ratio:3/4;}
.og-card--wide .og-card__media{aspect-ratio:4/3;}
.og-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.og-card:hover .og-card__media img{transform:scale(1.05);}
.og-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,22,34,.9) 0%,rgba(16,22,34,.38) 44%,rgba(16,22,34,0) 74%);}
.og-card__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(20px,2vw,32px);}
.og-card__tag{display:inline-block;font-family:var(--en-serif);font-style:italic;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#e2c58a;margin-bottom:10px;}
.og-card__h{margin:0 0 8px;font-family:var(--serif-display);font-weight:500;font-size:clamp(18px,1.7vw,23px);letter-spacing:.16em;color:#efe8d6;}
.og-card__desc{margin:0;font-family:var(--serif);font-weight:300;font-size:12.5px;line-height:1.9;letter-spacing:.06em;color:rgba(239,232,214,.74);}
.og-card__arrow{display:inline-block;margin-top:14px;font-family:var(--serif);font-size:12px;letter-spacing:.16em;color:#e2c58a;transition:color .3s;}
.og-card:hover .og-card__arrow{color:#efe8d6;}
@media (max-width:767px){
  .og-bgrid{grid-template-columns:1fr;gap:clamp(16px,4vw,24px);margin-top:clamp(24px,6vw,36px);}
  .og-bgrid__col{gap:clamp(16px,4vw,24px);}
  .og-bgrid__col--offset{margin-top:0;}
}

/* SP hero layout — stack H1 → crumb → image (mirrors lifeevent/children) */
@media (max-width:767px){
  .lp-hero{
    height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;
    padding-top:120px !important;
  }
  .lp-hero__content{
    position:relative !important;
    inset:auto !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    height:auto !important;
    padding:0 20px !important;
    order:1;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .lp-hero__crumb{
    position:relative !important;
    top:auto !important;left:auto !important;
    margin:10px 20px 0 !important;
    order:2;
  }
  .lp-hero__scrim{display:none !important;}
  .lp-hero__image{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:55vh !important;
    margin-top:12px !important;
    order:3;
  }
}

/* PC: widen two intro texts to full content width */
@media(min-width:901px){
  /* Prologue (A Cultural Stage) */
  .page-business-overseas-guest .lp-prologue .sig-intro{grid-template-columns:1fr;}
  .page-business-overseas-guest .lp-prologue .sig-intro__title{margin-bottom:clamp(18px,1.6vw,26px);}
  .page-business-overseas-guest .lp-prologue .sig-intro__desc{max-width:none;}
  /* Why Jisaku lead paragraph */
  .page-business-overseas-guest .lp-pillars-wrap .lp-plans__lead.u-mt-lg{max-width:none;}
}

/* Why Jisaku lead: narrower top spacing */
.page-business-overseas-guest .lp-pillars-wrap .lp-plans__lead.u-mt-lg{
  margin-top:clamp(10px,1.2vw,16px);
}

/* Cultural section: options-list button (matches biz-exp__cta on sibling pages) */
.page-business-overseas-guest .og-culture__cta-wrap{
  text-align:center;margin-top:clamp(40px,4.5vw,64px);
}
.page-business-overseas-guest .biz-exp__cta{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  font-family:var(--serif);font-size:13px;letter-spacing:.24em;
  color:#efe8d6;background:transparent;
  padding:14px clamp(26px,2.6vw,38px);
  border:1px solid rgba(201,164,100,.6);border-radius:0;
  text-decoration:none;
  transition:background .3s,color .3s,border-color .3s;
}
.page-business-overseas-guest .biz-exp__cta:hover{
  background:#c9a464;border-color:#c9a464;color:#1a2638;
}
.page-business-overseas-guest .biz-exp__cta-arrow{
  width:18px;height:1px;background:currentColor;position:relative;
}