.main {
  background: #FFC341 url(https://yonasato.com/cms/img/yonayona_beerise2606/facilities/mv.jpg) 50% 0/max(100%, min(1400px, 100cqw * 1400 / 1400)) auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main {
    background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/facilities/mv_sp.jpg);
    background-size: 100% auto;
  }
}
.main .pageTitle {
  margin: min(80px, 100cqw * 80 / 1400) 0 0;
  color: #fff;
  background:none;
}
@media screen and (max-width: 750px) {
  .main .pageTitle {
    margin: 5.3333333333vw 0 0;
  }
}
.main .section {
  position: relative;
}
.main .section .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  font-size: min(48px, 100cqw * 48 / 1400);
  font-weight: 900;
  line-height: 1.44;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section .title {
    font-size: 7.5333333333vw;/*8.5333333333vw*/
  }
}
.main .section::before {
  content: "";
  display: block;
  position: absolute;
  background: center/contain no-repeat;
}
.main .section.floorGuide {
  margin: min(120px, 100cqw * 120 / 1400) 0 0;
  padding: 0 0 min(100px, 100cqw * 100 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide {
    margin: 84vw 0 0;
    padding: 0 0 26.6666666667vw;
  }
}
.main .section.floorGuide::before {
  width: min(111px, 100cqw * 111 / 1400);
  aspect-ratio: 123/185;
  top: min(60px, 100cqw * 60 / 1400);
  left: calc(50% + min(400px, 100cqw * 400 / 1400));
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/facilities/img01_sp.png);
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide::before {
    width: 16.5333333333vw;
    top: -9.8666666667vw;
    right: 3.7333333333vw;
    left: auto;
  }
}
.main .section.floorGuide .lead {
  margin: min(20px, 100cqw * 20 / 1400) 0 0;
  text-align: center;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 900;
  line-height: 144%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .lead {
    margin: 5.3333333333vw 0 0;
    font-size: 4.2666666667vw;
  }
}
.main .section.floorGuide .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(70px, 100cqw * 70 / 1400) 0;
  margin: min(70px, 100cqw * 70 / 1400) 0 0;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin: 10.6666666667vw 0 0;
  }
}
.main .section.floorGuide .list .item {
  display: grid;
  width: min(374px, 100cqw * 374 / 1400);
  border: min(2px, 100cqw * 2 / 1400) solid currentColor;
  border-radius: min(22px, 100cqw * 22 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item {
    width: auto;
    border-width: 0.5333333333vw;
    border-radius: 5.8666666667vw;
  }
}
.main .section.floorGuide .list .item .image {
  grid-area: 1/1;
  align-self: start;
  border-radius: min(20px, 100cqw * 20 / 1400) min(20px, 100cqw * 20 / 1400) 0 0;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .image {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
  }
}
.main .section.floorGuide .list .item .text {
  grid-area: 1/1;
  margin: min(288px, 100cqw * 288 / 1400) 0 0;
  padding: min(33px, 100cqw * 33 / 1400) min(22px, 100cqw * 22 / 1400);
  position: relative;
  background: #FFC341;
  border-radius: min(20px, 100cqw * 20 / 1400);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .text {
    margin: 69.3333333333vw 0 0;
    padding: 8vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.main .section.floorGuide .list .item .text .num {
  display: grid;
  place-items: center;
  width: min(66px, 100cqw * 66 / 1400);
  height: min(66px, 100cqw * 66 / 1400);
  position: absolute;
  top: max(-44px, 100cqw * -44 / 1400);
  left: calc(50% - min(33px, 100cqw * 33 / 1400));
  background: #000;
  border-radius: 50%;
  color: #FFC341;
  color: #FFC341;
  font-family: "Jost", sans-serif;
  font-size: min(27px, 100cqw * 27 / 1400);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .text .num {
    width: 17.6vw;
    height: 17.6vw;
    top: -11.7333333333vw;
    left: calc(50% - 8.8vw);
    font-size: 7.2vw;
  }
}
.main .section.floorGuide .list .item .text .catch {
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .text .catch {
    font-size: 4.2666666667vw;
  }
}
.main .section.floorGuide .list .item .text .name {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(20px, 100cqw * 20 / 1400);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .text .name {
    margin: 2.6666666667vw 0 0;
    font-size: 5.3333333333vw;
  }
}
.main .section.floorGuide .list .item .text p {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(14px, 100cqw * 14 / 1400);
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main .section.floorGuide .list .item .text p {
    margin: 2.6666666667vw 0 0;
    font-size: 3.7333333333vw;
  }
}
.main .section.tour {
  display: grid;
}
.main .section.tour::before {
  width: min(142px, 100cqw * 142 / 1400);
  aspect-ratio: 183/215;
  z-index: 1;
  top: max(-86px, 100cqw * -86 / 1400);
  right: calc(50% + min(416px, 100cqw * 416 / 1400));
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/facilities/img09_sp.png);
}
@media screen and (max-width: 750px) {
  .main .section.tour::before {
    content: none;
  }
}
.main .section.tour .bg {
  grid-area: 1/1;
}
.main .section.tour .wave-container {
  grid-area: 1/1;
  padding-top: min(120px, 100cqw * 120 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.tour .wave-container {
    padding-top: 16.5333333333vw;
  }
}
.main .section.tour .wave-container .wave:not(.wave--bottom)::before {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/wave_y.svg);
}
.main .section.tour .headline {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  color: #FFF;
  text-align: center;
}
.main .section.tour .headline .en {
  font-family: "Jost", sans-serif;
  font-size: min(14px, 100cqw * 14 / 1400);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.tour .headline .en {
    font-size: 3.7333333333vw;
  }
}
.main .section.tour .headline .badge {
  display: grid;
  place-items: center;
  width: min(60px, 100cqw * 60 / 1400);
  height: min(60px, 100cqw * 60 / 1400);
  position: absolute;
  right: -5vw;/*0*/
  bottom: 0;
  background: #FFC341;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: min(14px, 100cqw * 14 / 1400);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.tour .headline .badge {
    width: 16vw;
    height: 16vw;
    right: -6.4vw;
    bottom: -3.2vw;
    font-size: 3.7333333333vw;
  }
}
.main .section.tour .text {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  color: #FFF;
  text-align: center;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.tour .text {
    margin: 2.6666666667vw 0 0;
    font-size: 4.8vw;
  }
}
.main .section.tour .btn--detail {
  margin: min(30px, 100cqw * 30 / 1400) auto 0;
}
@media screen and (max-width: 750px) {
  .main .section.tour .btn--detail {
    margin: 61.8666666667vw auto 0;
  }
}
.main .section.tour .btn--detail::before {
  content: none;
}
.main .footer {
  padding-top: min(120px, 100cqw * 120 / 1400);
}
@media screen and (max-width: 750px) {
  .main .footer {
    padding-top: 12.2666666667vw;
  }
}
/*# sourceMappingURL=facilities.css.map */