@media screen and (min-width: 769px) {
  .pc {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

:root {
  --gld: #BF9D63;
}

.fv {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .fv {
    padding-top: 22.56vw;
  }
}
.fv-wrapper {
  max-width: 808px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .fv-wrapper {
    max-width: none;
    width: 87.69vw;
  }
}
.fv .linktop {
  display: inline-block;
}
.fv .linktop a {
  display: flex;
  align-items: center;
}
.fv .linktop a .fas {
  display: inline-block;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .fv .linktop a .fas {
    margin-right: 3.08vw;
  }
}
.fv .linktop a span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .fv .linktop a span {
    font-size: 3.59vw;
  }
}
.fv .first-title {
  text-align: center;
  padding-top: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .fv .first-title {
    font-size: 4.62vw;
  }
}
.fv .first-title strong {
  font-weight: 700;
  font-family: "Vollkorn", serif;
  font-weight: 400;
  font-size: 56px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .fv .first-title strong {
    font-size: 12.31vw;
  }
}
.fv .first-title b {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .fv .first-title b {
    font-size: 7.18vw;
  }
}
.fv .logo {
  padding-top: 80px;
  width: 326px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .fv .logo {
    padding-top: 12.31vw;
    width: 54.1vw;
  }
}
.fv .logo svg {
  width: 100%;
  height: auto;
}
.fv .info {
  max-width: 808px;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid var(--gld);
  display: flex;
  align-items: flex-start;
  padding: 32px 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .fv .info {
    max-width: none;
    width: 100%;
    margin-top: 14.36vw;
    display: block;
    padding: 6.15vw;
  }
}
.fv .info li {
  border-right: 1px solid var(--gld);
  padding-right: 32px;
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  .fv .info li {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 6.15vw;
    margin-bottom: 6.15vw;
    border-right: none;
    border-bottom: 1px solid var(--gld);
  }
}
.fv .info li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .fv .info li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.fv .info dl dt {
  color: var(--gld);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.15em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .fv .info dl dt {
    font-size: 3.85vw;
    margin-bottom: 1.54vw;
  }
}
.fv .info dl dd {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .fv .info dl dd {
    font-size: 3.85vw;
  }
}
.fv .info dl dd .fee {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .fv .info dl dd .fee {
    font-size: 7.18vw;
  }
}

.introduction {
  padding-top: 200px;
  color: #fff;
}
.introduction p {
  text-align: center;
  margin-bottom: 2em;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .introduction {
    padding-top: 30.77vw;
  }
  .introduction p {
    width: 88.46vw;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 4.1vw;
  }
}

.photos {
  padding-top: 130px;
}
@media screen and (max-width: 768px) {
  .photos {
    padding-top: 20.51vw;
  }
}
.photos-list {
  max-width: 840px;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .photos-list {
    padding: 0;
    max-width: none;
    width: 87.69vw;
  }
}
.photos-list li {
  width: 100%;
}
.photos-list figure {
  width: 100%;
  margin: 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .photos-list figure {
    margin-bottom: 16.41vw;
  }
}
.photos-list figure img {
  width: 100%;
}
.photos-list figure figcaption {
  margin-top: 24px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .photos-list figure figcaption {
    font-size: 3.59vw;
    margin-top: 6.15vw;
    text-align: left;
  }
}

.map_wrap {
  background-color: transparent;
}

.about {
  padding-top: 160px;
}
@media screen and (max-width: 768px) {
  .about {
    padding-top: 30.77vw;
  }
}
.about-wrapper {
  max-width: 774px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .about-wrapper {
    max-width: none;
    width: 87.69vw;
  }
}
.about h2 {
  color: #fff;
  text-align: center;
}
.about h2 .main {
  display: inline-block;
  font-family: "Vollkorn", serif;
  font-size: 56px;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .about h2 .main {
    font-size: 12.31vw;
  }
}
.about h2 .sub {
  display: inline-block;
  font-family: "Vollkorn", serif;
  margin-top: 40px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .about h2 .sub {
    margin-top: 8.21vw;
    font-size: 4.62vw;
  }
}
.about h2 .sub {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
}
.about .mov {
  margin-top: 80px;
  padding-bottom: 160px;
  width: 774px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .about .mov {
    width: 87.69vw;
    margin-top: 16.41vw;
    padding-bottom: 20.51vw;
  }
}
.about .mov .box {
  position: relative;
  width: 100%;
  aspect-ratio: 774/410;
}
@media screen and (max-width: 768px) {
  .about .mov .box {
    aspect-ratio: 87.69vw/46.41vw;
  }
}
.about .mov .box video, .about .mov .box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .mov .box .play {
  display: block;
  width: 72px;
  height: 72px;
  background-color: transparent;
  border: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2036C0%2016.1177%2016.1178%200%2036.0001%200C45.5478%200%2054.7046%203.79285%2061.4559%2010.5441C68.2072%2017.2955%2072%2026.4522%2072%2036C72%2055.8822%2055.8823%2072%2036.0001%2072C16.1178%2072%200%2055.8822%200%2036ZM29.4122%2051.4081L50.4001%2038.304C51.1855%2037.801%2051.6606%2036.9327%2051.6606%2036C51.6606%2035.0674%2051.1855%2034.1989%2050.4001%2033.6961L29.3401%2020.592C28.5107%2020.069%2027.4628%2020.0369%2026.6028%2020.5079C25.7429%2020.9791%2025.2059%2021.8794%2025.2002%2022.86V49.1401C25.1886%2050.1445%2025.7355%2051.0723%2026.6198%2051.5485C27.5042%2052.0247%2028.5799%2051.9706%2029.4122%2051.4081Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .about .mov .box .play {
    width: 14.36vw;
    height: 14.36vw;
  }
}