* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #000000;
  font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
}

img { display: block; width: 100%; height: auto; }

/* ヘッダー（メニュー） */
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  height: 48px;
  background: #ffffff;
  border-bottom: 1px solid #e6e8eb;
}
.site-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-right: 8px;
}
.site-nav a {
  padding: 0 16px;
  font-size: 15px;
  line-height: 48px;
  color: rgb(48, 66, 84);
  text-decoration: none;
  white-space: nowrap;
}
.site-nav a.current { font-weight: 700; }
.site-nav a:hover { opacity: 0.7; }

.menu-toggle { display: none; }

/* 本文の幅 */
.page {
  max-width: 1024px;
  margin: 0 auto;
}

/* LP本体：画像を縦に並べる */
.lp-section { overflow: hidden; }
.lp-section.hero { padding: 0 3.07%; }
.lp-section.crop { aspect-ratio: 1009 / 1421; }
.lp-section.cta { aspect-ratio: 1009 / 631; }
.lp-section a { display: block; }

/* よくあるご質問・会社概要 */
.page-title {
  margin: 0;
  padding: 60px 16px 0;
  text-align: center;
  font-size: clamp(22px, 3.44vw, 34.67px);
  font-weight: 700;
  line-height: 1.4;
}
.page-rule {
  width: 89.4%;
  height: 0;
  margin: 32px auto 0;
  border: 0;
  border-top: 1px solid #000000;
}
.page-lead {
  margin: 0;
  padding: 18px 16px 0;
  text-align: center;
  font-size: clamp(14px, 2.25vw, 22.67px);
  line-height: 1.6;
}
.faq-images {
  width: 93.9%;
  margin: 92px auto 0;
  padding-bottom: 40px;
}
.faq-images img + img { margin-top: 36px; }

.company-text {
  margin: 0;
  padding: 56px 16px 0;
  text-align: center;
  font-size: clamp(13px, 2.25vw, 22.67px);
  line-height: 2.07;
}
.contact {
  padding: 72px 16px 80px;
  text-align: center;
}
.contact-label {
  display: inline-block;
  margin: 0;
  padding: 0 2em;
  background: #000000;
  color: #ffffff;
  font-size: clamp(14px, 2.25vw, 22.67px);
  font-weight: 700;
  line-height: 2;
}
.contact-qr {
  display: block;
  width: 259px;
  max-width: 60%;
  margin: 36px auto 0;
}

/* スマホ：メニューを三本線に */
@media (max-width: 600px) {
  .menu-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .menu-toggle span,
  .menu-toggle span::before,
  .menu-toggle span::after {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    width: 18px;
    height: 2px;
    background: rgb(48, 66, 84);
  }
  .menu-toggle span { top: 23px; }
  .menu-toggle span::before { left: 0; top: -6px; }
  .menu-toggle span::after { left: 0; top: 6px; }

  .site-nav {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: auto;
    padding: 8px 0;
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    border-bottom: 1px solid #e6e8eb;
  }
  .company-text { padding: 40px 24px 0; text-align: left; }
  .company-text br { display: none; }

  .site-header.open .site-nav { display: flex; }
  .site-nav a { padding: 0 20px; }
}