@charset "UTF-8";
/* ==========================================================================
   p-top（TOP 固有・値の出所は _verify/clone_computed_*.json G2/G4/G5）
   ========================================================================== */
/* --- ヒーロー（clone: hero02） --- */
.p-top__hero {
  position: relative;
  overflow: hidden; /* 高さは common.js が load 時に viewport 高を入れる */
}

.p-top__hero-bg {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}

.p-top__hero-slide {
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.p-top__hero-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(39, 73, 94, 0.5);
  color: #ffffff;
}

.p-top__hero-copy {
  padding: 20px;
  line-height: 1.4;
  text-align: center;
  font-size: 15px;
}
@media screen and (min-width: 841px) {
  .p-top__hero-copy {
    font-size: 17px;
  }
}
@media screen and (min-width: 1025px) {
  .p-top__hero-copy {
    font-size: 20px;
  }
}
@media screen and (min-width: 1281px) {
  .p-top__hero-copy {
    font-size: 23px;
  }
}

.p-top__hero-copy-main {
  font-size: 2.5em;
}
.p-top__hero-copy-main em {
  font-style: normal;
}

.p-top__hero-copy-sub {
  margin-top: 1em;
}

.p-top__hero-scroll {
  text-align: center;
}
.p-top__hero-scroll a {
  display: inline-block;
  color: #ffffff;
  transition: 0.5s;
}

.p-top__hero-scroll-label,
.p-top__hero-scroll-symbol {
  display: block;
}

.p-top__hero-scroll-label::before {
  content: "SCROLL";
  font-size: 10px;
}

.p-top__hero-scroll-symbol {
  /* clone skin.css .hero02-scroll__symbol::before と同じ宣言（画像＝暖月 unit2 の hero-scroll-symbol.svg 実物・ユーザー裁定 2026-09-04）。
     当社製 SVG 時代の line-height:0 / vertical-align:top は撤去（実物 SVG なら行の箱ごと clone と一致する） */
}
.p-top__hero-scroll-symbol::before {
  content: url("../img/common/hero-scroll-symbol.svg");
  display: inline-block;
  width: 6px;
}

/* --- 理念（clone: about01） --- */
.p-top__about-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-top__about-img img {
  width: auto;
  height: auto;
  max-width: 308px;
}
@media screen and (min-width: 541px) {
  .p-top__about-img img {
    max-width: 364px;
  }
}
@media screen and (min-width: 701px) {
  .p-top__about-img img {
    max-width: 392px;
  }
}
@media screen and (min-width: 841px) {
  .p-top__about-img img {
    max-width: 504px;
  }
}

.p-top__about-copy {
  text-align: center;
}
@media screen and (min-width: 841px) {
  .p-top__about-copy {
    text-align: left;
  }
}

.p-top__about-body {
  text-align: justify;
}
.p-top__about-body p {
  line-height: 2.4;
}

/* --- 地図（clone: map-wrapper・iframe 高さ 50vh＝450@900 / 422@844 実測） --- */
.p-top__map iframe {
  width: 100%;
  max-width: 100%;
  height: 50vh;
  vertical-align: top;
}

/* --- お問い合わせ（clone: u_contact-container / l_box.u_contact-box-icon-display） --- */
.p-top__contact-inner {
  margin-top: 65px;
}

.p-top__contact-box {
  background-color: #ffffff;
  color: #444444;
}
.p-top__contact-box::before {
  content: url("../img/common/contact-box-ico.svg"); /* 暖月 unit2 の実物（112×112・ユーザー裁定 2026-09-04）。宣言は skin.css .u_contact-box-icon-display::before と同じ */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 80px;
}
@media screen and (min-width: 841px) {
  .p-top__contact-box::before {
    width: 96px;
  }
}
@media screen and (min-width: 1281px) {
  .p-top__contact-box::before {
    width: 112px;
  }
}