main {
  width: 100%;
  padding-left: clamp(50px, 6.5vw, 89px);
  padding-right: 46px;
}
.main.active {
  visibility: hidden;
}

.lang {
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 22px;;
}
.lang ul {
  display: flex;
}
.lang li {
  cursor: pointer;
}
.lang li.n-active {
  text-decoration: underline;
}
.lang .ja {
  padding: 6px 16px 6px 0;
  border-right: 1px solid #707070;
}
.lang .en {
  color: #666666;
  padding: 6px 0 6px 16px;
}

.info {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: 0.17em;
  line-height: calc(26 / 14);
  margin-top: 28px;
}
.info span {
    font-style: normal;
}

.overviews {
  width: 100%;
  margin-top: 51px;
  font-size: 14px;
	font-style: normal;
}
.overviews li {
	margin-top: 46px;
}
.overviews .title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.17em;
}
.overviews .desc {
	line-height: calc(26 / 14);
	margin-top: 9px;
}
.overviews .desc span {
	font-style: italic;
}
.overviews .googlemap {
	font-style: italic;
	margin-top: 9px;
  width: fit-content;
  text-decoration: underline;
  position: relative;
}
.overviews .googlemap::after {
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  content: '';
  width: 12px;
  height: 12px;
  background-image: url(../images/link-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery {
  width: 100%;
  margin-top: 46px;
}
.gallery .title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.17em;
}

.swiper {
  width: 100%;
  max-width: 1160px;
  width: 1160px;
  height: 300px;
  margin-top: 50px;
  margin-left: 0 !important;
  font-style: normal;
}
.swiper-wrapper {
  display: flex;
}
.swiper-slide .inner {
  width: 360px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 27px;
  height: 58px;
  background-color: #000000;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 12px;
  color: #ffffff;
}


.footer {
  width: 130px;
  margin: 52px 46px 33px auto;
  font-size: 10px;
}

  /* -768px
  ------------------------------ */
  @media screen and (max-width:1160px) {
    .swiper {
      width: 760px;
    }    

  }
  /* -768px
  ------------------------------ */
  @media screen and (max-width:840px) {
    .swiper {
      width: 100%;
      max-width: 360px;
    }    

  }
  /* -768px
  ------------------------------ */
  @media screen and (max-width:768px) {
    main {
      padding-left: 26px;
      padding-right: 24px;
      margin-top: 33px;
    }

    .footer {
      margin: 60px 24px 30px auto;
    }
	}