@charset "UTF-8";
/* CSS Document */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
html[data-page="top"] {
  scroll-behavior: auto; /* ← トップページだけsmoothを切る */
}
body {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #ffffff;
  color: #399d26;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

  font-size: 1.6em;
  line-height: 2.4rem;
  overflow-x: hidden;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}
p, a, address, dl, ol, ul, th, td {
  font-weight: 600;
}
.gray-color {
  color: #71706e;
  font-weight: 600;
}
.block-point {
  display: block;
}
.breadcrumb-trail-color {
  color: #71706e;
}

/* 電話番号タップ */
@media(min-width: 786px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/* ふわっと表示 */
/* 親要素 */
.fade-in {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

/* 子要素 */
.fade-in-child {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease, transform 1s ease;
}

.fade-in-child.show {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s; /* 遅らせることも可能 */
}