html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  line-height: 1.7;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  background: #fff;
}

a {
  display: inline-block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.l-wrapper {
  max-width: 1000px;
  margin-inline: auto;
}

.l-section:nth-child(2) + .l-section:nth-child(3) {
  padding-top: 100px;
}

.p-gmap {
  max-width: 800px;
  margin-inline: auto;
}
.p-gmap iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}

.l-form {
  padding-block: 60px;
  margin-bottom: 100px;
  background-color: #e9eaea;
}
@media not screen and (min-width: 768px) {
  .l-form {
    margin-bottom: 50px;
  }
}
.l-form .inner {
  padding-inline: 20px;
}

.p-form__title-text {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(22px, 6.08vw - 0.8px, 60px);
  text-align: center;
}

.p-form {
  margin-top: 60px;
}
@media not screen and (min-width: 768px) {
  .p-form {
    margin-top: 30px;
  }
}
.p-form div iframe {
  margin-inline: auto;
  display: block;
}

.p-form__pc {
  height: 100%;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-form__pc {
    display: block;
  }
}
.p-form__pc iframe {
  height: 1440px;
}

.p-form__sp {
  height: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-form__sp {
    display: none;
  }
}
.p-form__sp iframe {
  height: 1370px;
}

.l-footer {
  padding-bottom: 100px;
}
@media not screen and (min-width: 768px) {
  .l-footer {
    padding-bottom: 50px;
  }
}

.p-footer__inner {
  padding-inline: 20px;
}

.p-footer__content {
  display: grid;
  gap: 60px;
}
@media not screen and (min-width: 768px) {
  .p-footer__content {
    gap: 30px;
  }
}

.p-footer__img {
  display: grid;
  place-items: center;
}