:root{
  --page-w: 1000px;
  --cream: #f8f2e9;
  --pink: #c96591;
  --brown: #7a431d;
}
*{ box-sizing: border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--cream);
  color:var(--brown);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
}
.page{
  width:min(100%, var(--page-w));
  margin:0 auto;
  background:#fffaf4;
  overflow:hidden;
}
img{ max-width:100%; height:auto; }
.base{ display:block; width:100%; }
.layer{ position:relative; width:100%; line-height:0; }
.photo-wrap{ line-height:0; position:relative; z-index:1; }
.hero-visual{ margin-top:-1px; position:relative; z-index:2; }
.hotspot{ position:absolute; display:block; line-height:0; z-index:5; transition: transform .22s ease, filter .22s ease; }
.hotspot img{ display:block; width:100%; height:auto; }
.hotspot:hover{ transform: translateY(-1px); filter:brightness(1.02); }
.hotspot:active{ transform: translateY(1px); }

/* top bar */
.topbar-contact{
  left:76.4%;
  top:31.5%;
  width:22.21%;
}
.topbar-contact:hover img{ content:url('../images/btn/LP_master_block_ol_btn_contact_sm_hover.webp'); }

/* hero visual */
.hero-visual{ background:#b6c39d; }
.hero-catch{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:2;
  pointer-events:none;
}
.hero-logo{
  position:absolute;
  z-index:3;
  width:19.53%;
  left:5.9%;
  top:44.5%;
  pointer-events:none;
}
.hero-badge{
  position:absolute;
  z-index:3;
  width:15.31%;
  left:79.0%;
  top:43.8%;
  pointer-events:none;
}

/* common contact buttons: design base 2084px */
.contact-large{ width:31.19%; left:34.4%; }
.contact-large:hover img{ content:url('../images/btn/LP_master_block_ol_btn_contact_hover.webp'); }
.about-contact{ top:81.5%; }
.can-contact{ top:89.47%; }
.voice-contact{ top:87.6%; }
.plan-contact{ top:88.98%; }
.flow-contact{ top:83.8%; }
/* final fine tune: remove hairline gap between can block and next bar */
.section-can{ margin-bottom:-18px; }
.section-voice{ margin-top:0; }


/* entry */
.entry-tel{
  width:32.1%;
  left:10.7%;
  top:54.0%;
}
.entry-tel:hover img{ content:url('../images/btn/LP_master_block_ol_btn_entry_tel_hover.webp'); }
.entry-mail{
  width:43.38%;
  left:45.97%;
  top:54.0%;
}
.entry-mail:hover img{ content:url('../images/btn/LP_master_block_ol_btn_entry_mail_hover.webp'); }

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.sp-fixed-cta{ display:none; }

@media (max-width: 768px){
  .page{ width:100%; }
  .topbar-contact{ display:none; }
  .sp-fixed-cta{
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:20;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:rgba(255,255,255,.8);
    backdrop-filter:blur(8px);
  }
  .sp-fixed-cta a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:52px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    letter-spacing:.05em;
    background:#9ca878;
  }
  body{ padding-bottom:52px; }
}

/* PC/SP display switch */
.sp-only{ display:none; }
.pc-only{ display:block; }

/* SP dedicated image LP */
.sp-page{
  width:100%;
  max-width:520px;
  margin:0 auto;
  background:#fffaf4;
  line-height:0;
  overflow:hidden;
}
.sp-art{
  position:relative;
  width:100%;
  line-height:0;
}
.sp-art img{
  display:block;
  width:100%;
  height:auto;
}
.sp-link{
  position:absolute;
  display:block;
  z-index:10;
  background:rgba(255,255,255,0);
  border-radius:8px;
  -webkit-tap-highlight-color:rgba(156,168,120,.18);
}

/* SP transparent link areas: positions are percentages of each image */
.sp1-contact-hero{ left:18%; top:22.2%; width:64%; height:1.65%; }
.sp1-contact-worry{ left:18%; top:39.1%; width:64%; height:1.55%; }
.sp1-contact-can{ left:18%; top:63.2%; width:64%; height:1.55%; }
.sp1-contact-voice{ left:18%; top:93.05%; width:64%; height:1.35%; }

.sp2-contact-plan{ left:18%; top:32.40%; width:64%; height:1.35%; }
.sp-tel{ left:9%; top:91.8%; width:82%; height:2.1%; }
.sp-mail{ left:9%; top:95.1%; width:82%; height:2.1%; }

@media (max-width: 768px){
  body{ padding-bottom:0; background:#fffaf4; }
  .pc-only{ display:none!important; }
  .sp-only{ display:block!important; }
  .sp-fixed-cta{ display:none!important; }
}

/* true final: CTA buttons centered within each white space */