@charset "UTF-8";
.concept {
  position: relative;
  padding-bottom: min(60px, 10.42%);
  background: linear-gradient(rgb(245, 242, 232) 0%, rgb(245, 242, 232) 50%, rgb(235, 235, 235) 50%, rgb(235, 235, 235) 100%);
}
@media (max-width: 599px) {
  .concept {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    padding-bottom: 78px;
  }
}
.concept .concept__contents__tx {
  width: 50.33%;
  margin-left: 5.83%;
  padding: 2.92% 6.56%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  z-index: 1;
}
@media (max-width: 599px) {
  .concept .concept__contents__tx {
    width: 85.71%;
    position: static;
    translate: none;
    margin: -55px auto 0;
    padding: 30px;
  }
}
.concept .concept__contents__tx .title {
  text-align: left;
}
@media (max-width: 599px) {
  .concept .concept__contents__tx .title {
    text-align: center;
    line-height: 2.9;
  }
}
.concept .concept__contents__tx .maintext {
  margin-bottom: 4%;
}
@media (max-width: 599px) {
  .concept .concept__contents__tx .maintext {
    margin-bottom: 50px;
  }
}
.concept .concept__contents__tx .maintext span {
  display: block;
}
.concept .concept__contents__img {
  width: 64.69vw;
  margin: 0 0 0 auto;
}
.concept .concept__contents__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 599px) {
  .concept .concept__contents__img {
    width: 100%;
    aspect-ratio: 67/44;
  }
}

.about {
  background: linear-gradient(0deg, rgb(245, 242, 232) 0%, rgb(245, 242, 232) 50%, rgb(235, 235, 235) 50%, rgb(235, 235, 235) 100%);
  margin-bottom: 8.13vw;
}
@media (max-width: 599px) {
  .about {
    margin-bottom: 78px;
    background: linear-gradient(0deg, rgb(245, 242, 232) 0%, rgb(245, 242, 232) 80%, rgb(235, 235, 235) 80%, rgb(235, 235, 235) 100%);
  }
}
.about .about__contents {
  position: relative;
  margin-bottom: 6.15vw;
}
@media (max-width: 599px) {
  .about .about__contents {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    margin-bottom: 104px;
  }
}
.about .about__contents .about__contents__tx {
  width: 50.33%;
  margin-right: 5.83%;
  padding: 2.92% 6.56%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  z-index: 1;
}
@media (max-width: 599px) {
  .about .about__contents .about__contents__tx {
    width: 85.71%;
    position: static;
    translate: none;
    margin: -55px auto 0;
    padding: 30px;
  }
}
.about .about__contents .about__contents__tx .title {
  text-align: left;
}
@media (max-width: 599px) {
  .about .about__contents .about__contents__tx .title {
    text-align: center;
    line-height: 2.9;
  }
}
.about .about__contents .about__contents__tx .maintext {
  margin-bottom: 4%;
}
@media (max-width: 599px) {
  .about .about__contents .about__contents__tx .maintext {
    margin-bottom: 50px;
  }
}
.about .about__contents .about__contents__tx .maintext span {
  display: block;
}
.about .about__contents__img {
  width: 64.69vw;
  margin: 0 auto 0 0;
}
@media (max-width: 599px) {
  .about .about__contents__img {
    width: 100%;
    aspect-ratio: 67/44;
  }
}
.about .point-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  max-width: 1200px;
  gap: 2.6vw;
  margin: 0 auto;
}
@media (max-width: 599px) {
  .about .point-list {
    padding: 0 20px;
    grid-template-columns: repeat(1, 1fr);
    gap: 110px;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .about .point-list {
    text-align: center;
  }
}
.about .point-list .point-list__item {
  position: relative;
}
.about .point-list .point-list__item img {
  aspect-ratio: 54/41;
  -o-object-fit: cover;
     object-fit: cover;
}
.about .point-list .point-list__item::after {
  content: "";
  width: 5.89vw;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  translate: -30% -30%;
}
@media (max-width: 599px) {
  .about .point-list .point-list__item::after {
    width: 77px;
    left: 50%;
    translate: -50% -70%;
  }
}
.about .point-list .point-list__item:first-child:after {
  background-image: url(../img/point/icon-point1.svg);
}
.about .point-list .point-list__item:nth-child(2):after {
  background-image: url(../img/point/icon-point2.svg);
}
.about .point-list .point-list__item:nth-child(3):after {
  background-image: url(../img/point/icon-point3.svg);
}
.about .point-list .point-list__item .point-list__item__title {
  font-size: clamp(2.5rem, 1.88vw, 3.6rem);
}
@media (max-width: 599px) {
  .about .point-list .point-list__item .point-list__item__title {
    text-align: center;
  }
}

.menu .menu-title-wrapper {
  width: 100%;
  height: 44.79vw;
  background: url(../img/menu-back1.jpg) no-repeat left center, url(../img/menu-back2.jpg) no-repeat right center; /* 2つ目の画像を右側 */
  background-size: 50% 100%; /* 各画像を幅50%、高さ100%に設定 */
  position: relative;
}
@media (max-width: 599px) {
  .menu .menu-title-wrapper {
    height: 392px;
    background: url(../img/menu-back-sp-1.jpg) no-repeat top center, url(../img/menu-back-sp-2.jpg) no-repeat bottom center; /* 2つ目の画像を下側に配置 */
    background-size: 100% 50%; /* 各画像の幅を100%、高さを50%に設定 */
  }
}
.menu .menu-title-wrapper .menu-title {
  background: #fff;
  width: 18.75vw;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
}
.menu .menu-title-wrapper .menu-title::after {
  top: 70%;
  right: 50%;
  translate: 50%;
}
@media (max-width: 599px) {
  .menu .menu-title-wrapper .menu-title {
    width: 154px;
    letter-spacing: 0.3em;
  }
}
.menu .menu__contents {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 599px) {
  .menu .menu__contents {
    padding: 40px 20px 98px;
  }
}
.menu .menu__contents__item {
  display: flex;
  align-items: center;
  gap: min(20px, 3%);
  font-size: clamp(1.8rem, 2.86vw, 5.5rem);
  letter-spacing: 0.2rem;
  margin-bottom: 3%;
}
.menu .menu__contents__item .menu-name {
  font-weight: 500;
  display: flex;
  align-items: center;
  text-align: left;
  flex: 1;
  gap: min(20px, 3%);
  line-height: 1.6;
}
.menu .menu__contents__item .menu-name::after {
  content: "";
  display: block;
  background-color: var(--color-primary);
  width: 1px;
  height: 1px;
  flex: 1;
}
.menu .menu__contents__item .menu-price {
  color: var(--color-secondary);
}
.menu .menu__contents__item .menu-price span {
  font-size: 0.8em;
}

.photo {
  margin-bottom: max(12.24vw, 78px);
}
.photo .photo-title {
  margin-bottom: 4.17vw;
}
.photo .photo-title::after {
  top: 90%;
  right: 50%;
  translate: 50%;
}
.photo .photo-slider {
  transition-timing-function: linear;
}
.photo .photo-slider__item {
  margin-right: 1vw !important;
  margin-left: 1vw !important;
}
.photo .photo-slider .slick-prev:before,
.photo .photo-slider .slick-next:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.photo .photo-slider .slick-prev,
.photo .photo-slider .slick-next {
  width: 90px;
  height: 14px;
  top: 110%;
  z-index: 1;
}
@media (max-width: 599px) {
  .photo .photo-slider .slick-prev,
  .photo .photo-slider .slick-next {
    width: 26px;
    height: 5px;
  }
}
.photo .photo-slider .slick-next {
  right: 82px;
}
@media (max-width: 599px) {
  .photo .photo-slider .slick-next {
    right: 20px;
  }
}
.photo .photo-slider .slick-next::before {
  background: url(../img/arrow-right.svg) no-repeat center/contain;
}
.photo .photo-slider .slick-prev {
  left: unset;
  right: 205px;
}
@media (max-width: 599px) {
  .photo .photo-slider .slick-prev {
    right: 60px;
  }
}
.photo .photo-slider .slick-prev::before {
  background: url(../img/arrow-left.svg) no-repeat center/contain;
}
.photo .photo-slider .slick-dots {
  bottom: -20%;
  right: -4%;
  text-align: left;
  z-index: 1;
}
@media (max-width: 599px) {
  .photo .photo-slider .slick-dots {
    display: none !important;
  }
}
.photo .photo-slider .slick-dots li {
  width: 100px;
  height: 3px;
  background-color: rgba(102, 88, 94, 0.4784313725);
}
.photo .photo-slider .slick-dots li button:before {
  font-size: 0;
}
.photo .photo-slider .slick-active {
  background-color: var(--color-primary) !important;
}

.item {
  margin-bottom: max(220px, 5.21vw);
}
.item .item-title-wrapper {
  width: 100%;
  height: 44.79vw;
  background: url("../img/item-back1.jpg") no-repeat left/50%, url("../img/item-back2.jpg") no-repeat right/50%;
  position: relative;
}
@media (max-width: 599px) {
  .item .item-title-wrapper {
    height: 392px;
    background: url(../img/item-back1-sp.jpg) no-repeat top center, url(../img/item-back2-sp.jpg) no-repeat bottom center; /* 2つ目の画像を下側に配置 */
    background-size: 100% 50%; /* 各画像の幅を100%、高さを50%に設定 */
  }
}
.item .item-title {
  position: absolute;
  top: 30%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
}
.item .item-title::after {
  top: 100%;
  right: 50%;
  translate: 50%;
}
@media (max-width: 599px) {
  .item .item-title::after {
    top: 70%;
  }
}
@media (max-width: 599px) {
  .item .item-title {
    background: #fff;
    width: 154px;
    letter-spacing: 0.3em;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 1;
  }
}
.item .maintext {
  position: absolute;
  font-size: clamp(1.4rem, 1.82vw, 3.5rem);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  text-align: center;
}
@media (max-width: 599px) {
  .item .maintext {
    top: 115%;
  }
}
.item .bt.bt-primary {
  position: absolute;
  top: 70%;
  left: 50%;
  translate: -50% -50%;
}
@media (max-width: 599px) {
  .item .bt.bt-primary {
    top: 135%;
  }
}

.access .access-title {
  margin-bottom: 5.21vw;
}
.access .access-title::after {
  top: 100%;
  right: 50%;
  translate: 50%;
}
.access .access__map iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 49/24;
  vertical-align: bottom;
}
@media (max-width: 599px) {
  .access .access__map iframe {
    aspect-ratio: 49/37;
  }
}

.shop {
  margin-bottom: 11.98vw;
}
.shop .shop-title::after {
  top: 100%;
  right: 50%;
  translate: 50%;
}/*# sourceMappingURL=style.css.map */