/* =========================================================
   つきじ治作 — access ページ固有スタイル（抽出元: access/index.html の <style>）
   body名前空間: page-access / url(): css/pages/基準 ../../images/
   ========================================================= */
/* ── Background Images ── */
.lp-hero__image{background-image:url('../../images/visual11.webp');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

/* ── Access Components ── */
.ac-address{text-align:center;margin-top:clamp(48px,6vw,80px);}
.ac-address__name{font-family:var(--serif-display);font-weight:600;font-size:clamp(20px,1.8vw,28px);letter-spacing:.2em;color:var(--mute);margin-bottom:12px;}
.ac-address__text{font-family:var(--serif);font-weight:300;font-size:14px;line-height:2;letter-spacing:.1em;color:var(--caption);}

.ac-map{margin-top:clamp(40px,5vw,64px);aspect-ratio:16/7;background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.18);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ac-map iframe{width:100%;height:100%;border:0;}


.ac-directions{margin-top:clamp(48px,6vw,80px);}
.ac-directions__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.4vw,36px);margin-top:clamp(28px,3vw,44px);}
.ac-directions__item{padding:clamp(24px,2.4vw,36px);background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.18);}
.ac-directions__station{font-family:var(--serif-display);font-weight:500;font-size:clamp(15px,1.3vw,19px);letter-spacing:.14em;color:var(--mute);margin-bottom:8px;}
.ac-directions__line{font-family:var(--serif);font-size:12px;letter-spacing:.08em;color:var(--gold);margin-bottom:6px;}
.ac-directions__walk{font-family:var(--serif);font-weight:300;font-size:13px;letter-spacing:.08em;color:var(--caption);}

.ac-contact{margin-top:clamp(48px,6vw,80px);padding:clamp(36px,4vw,56px);background:rgba(28,32,40,.55);border-top:.5px solid var(--gold);border-bottom:.5px solid var(--gold);text-align:center;}
.ac-contact__title{font-family:var(--serif-display);font-weight:500;font-size:clamp(16px,1.4vw,19px);letter-spacing:.18em;color:var(--mute);margin-bottom:20px;}
.ac-contact__tel{font-family:var(--en-body);font-style:italic;font-size:clamp(24px,2.2vw,32px);color:var(--gold-hi);letter-spacing:.06em;text-decoration:none;display:block;margin-bottom:10px;}
.ac-contact__hours{font-family:var(--serif);font-weight:300;font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);}

@media(max-width:768px){
  .ac-directions__grid{grid-template-columns:1fr;}
  .ac-map{aspect-ratio:4/3;}
}

/* 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;
  }
}
/* シンプルHERO（会社情報と共通） — sp-hero / sp-breadcrumb */
.sp-hero{position:relative;height:320px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:48px;overflow:hidden;background:#1a2638;}
.sp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,38,56,.3) 0%,rgba(26,38,56,.85) 100%);}
.sp-hero__title{position:relative;z-index:1;text-align:center;}
.sp-hero__title h1{font-family:var(--serif-display);font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:.2em;color:var(--mute);margin:0 0 8px;}
.sp-hero__title .en{font-family:var(--en-serif);font-size:clamp(11px,1.2vw,14px);letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-style:italic;}
.sp-breadcrumb{padding:16px clamp(24px,8vw,120px);font-family:var(--serif);font-size:11px;letter-spacing:.15em;color:rgba(232,226,212,.4);}
.sp-breadcrumb a{color:rgba(232,226,212,.4);text-decoration:none;transition:color .3s;}
.sp-breadcrumb a:hover{color:var(--gold);}
.sp-breadcrumb span{margin:0 8px;}