.main {
  background: #FFC341 url(https://yonasato.com/cms/img/yonayona_beerise2606/access/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/access/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 .sNav {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(120px, 100cqw * 120 / 1400) auto 0;
  padding: min(20px, 100cqw * 20 / 1400) min(40px, 100cqw * 40 / 1400);
  border-radius: min(50px, 100cqw * 50 / 1400);
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main .sNav {
    justify-content: center;
    width: auto;
    margin: 74.6666666667vw 0 0;
    padding: 2.6666666667vw 0;
    border-radius: 11.7333333333vw;
  }
}
.main .sNav li {
  width: min(220px, 100cqw * 220 / 1400);
}
@media screen and (max-width: 750px) {
  .main .sNav li {
    width: 28vw;
  }
}
.main .sNav li.public a {
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/ico-train.svg) 50% min(6px, 100cqw * 6 / 1400)/min(21px, 100cqw * 21 / 1400) auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .sNav li.public a {
    background-position: 50% 1.6vw;
    background-size: 5.0666666667vw auto;
  }
}
.main .sNav li.car a {
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/ico-car.svg) 50% min(8px, 100cqw * 8 / 1400)/min(28px, 100cqw * 28 / 1400) auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .sNav li.car a {
    background-position: 50% 2.4vw;
    background-size: 6.9333333333vw auto;
  }
}
.main .sNav li.location a {
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/ico-location.svg) 50% min(9px, 100cqw * 9 / 1400)/min(34px, 100cqw * 34 / 1400) auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .sNav li.location a {
    background-position: 50% 1.6vw;
    background-size: 8vw auto;
  }
}
.main .sNav li:nth-last-child(n+2) {
  border-right: min(1px, 100cqw * 1 / 1400) solid #ddd;
}
@media screen and (max-width: 750px) {
  .main .sNav li:nth-last-child(n+2) {
    border-right-width: 0.2666666667vw;
  }
}
.main .sNav a {
  display: grid;
  place-items: end center;
  height: min(60px, 100cqw * 60 / 1400);
  color: inherit;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .sNav a {
    height: 18.1333333333vw;
    font-size: 3.2vw;
    text-align: center;
  }
}
.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: 8.5333333333vw;
  }
}
.main .section .title::after {
  content: "";
  display: block;
  position: absolute;
}
.main .section.public,
.main .section.car {
  margin: min(80px, 100cqw * 80 / 1400) 0 0;
}
.main .section.public .chart,
.main .section.car .chart {
  width: min(926px, 100cqw * 926 / 1400);
  margin: min(60px, 100cqw * 60 / 1400) auto 0;
}
@media screen and (max-width: 750px) {
  .main .section.public .chart,
.main .section.car .chart {
    width: auto;
    margin: 8vw 0 0;
  }
}
.main .section.public .text,
.main .section.car .text {
  width: min(800px, 100cqw * 800 / 1400);
  margin: min(55px, 100cqw * 55 / 1400) auto 0;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.public .text,
.main .section.car .text {
    width: auto;
    margin: 6.6666666667vw auto 0;
  }
}
.main .section.public .text .data-desc-list,
.main .section.car .text .data-desc-list {
  display: flex;
  flex-direction: column;
  gap: min(25px, 100cqw * 25 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-list,
.main .section.car .text .data-desc-list {
    gap: 9.3333333333vw;
  }
}
.main .section.public .text .data-desc-list > div,
.main .section.car .text .data-desc-list > div {
  display: flex;
  flex-direction: column;
  gap: min(15px, 100cqw * 15 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-list > div,
.main .section.car .text .data-desc-list > div {
    gap: 4vw;
  }
}
.main .section.public .text .data-desc-term,
.main .section.car .text .data-desc-term {
  font-size: min(20px, 100cqw * 20 / 1400);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-term,
.main .section.car .text .data-desc-term {
    font-size: 5.3333333333vw;
  }
}
.main .section.public .text .data-desc-details,
.main .section.car .text .data-desc-details {
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 500;
  line-height: 1.44;
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-details,
.main .section.car .text .data-desc-details {
    font-size: 4.2666666667vw;
  }
}
.main .section.public .text .data-desc-details .data-desc-list,
.main .section.car .text .data-desc-details .data-desc-list {
  display: flex;
  flex-direction: column;
  gap: min(30px, 100cqw * 30 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-details .data-desc-list,
.main .section.car .text .data-desc-details .data-desc-list {
    gap: 8vw;
  }
}
.main .section.public .text .data-desc-details .data-desc-list > div,
.main .section.car .text .data-desc-details .data-desc-list > div {
  gap: 0;
}
.main .section.public .text .data-desc-details .data-desc-term,
.main .section.car .text .data-desc-details .data-desc-term {
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .main .section.public .text .data-desc-details .data-desc-term,
.main .section.car .text .data-desc-details .data-desc-term {
    font-size: 4.2666666667vw;
  }
}
.main .section.public .text .data-desc-details .data-desc-details,
.main .section.car .text .data-desc-details .data-desc-details {
  font-weight: 400;
}
.main .section.public .text .note,
.main .section.car .text .note {
  margin: min(40px, 100cqw * 40 / 1400) 0 0;
  font-size: min(14px, 100cqw * 14 / 1400);
  font-weight: 500;
  line-height: 1.44;
}
@media screen and (max-width: 750px) {
  .main .section.public .text .note,
.main .section.car .text .note {
    margin: 10.6666666667vw 0 0;
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .main .section.public {
    margin: 9.3333333333vw 0 0;
  }
}
@media screen and (max-width: 750px) {
  .main .section.public .title {
    text-align: center;
  }
}
.main .section.public .title::after {
  width: min(95px, 100cqw * 95 / 1400);
  aspect-ratio: 106/138;
  top: max(-62px, 100cqw * -62 / 1400);
  left: max(-90px, 100cqw * -90 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img01_sp.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.public .title::after {
    width: 14.1333333333vw;
    top: -5.6vw;
    left: -17.0666666667vw;
  }
}
.main .section.car {
  padding-bottom: min(133px, 100cqw * 133 / 1400);
  background: linear-gradient(0deg, #fff 1px, #FFC341 1px);
}
@media screen and (max-width: 750px) {
  .main .section.car {
    margin: 16vw 0 0;
    padding-bottom: 33.6vw;
  }
}
.main .section.car .title::after {
  width: min(79px, 100cqw * 79 / 1400);
  aspect-ratio: 98/152;
  top: max(-6px, 100cqw * -6 / 1400);
  right: max(-129px, 100cqw * -129 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img03_sp.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.car .title::after {
    width: 13.0666666667vw;
    top: 6.1333333333vw;
    right: -13.0666666667vw;
  }
}
.main .section.location {
  background: linear-gradient(0deg, #000 1px, #fff 1px);
}
@media screen and (max-width: 750px) {
  .main .section.location {
    position: relative;
  }
  .main .section.location::before {
    content: "";
    display: block;
    width: 26.6666666667vw;
    aspect-ratio: 199/217;
    position: absolute;
    top: -20vw;
    left: 2.6666666667vw;
    background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img05_sp.png) center/contain no-repeat;
  }
}
.main .section.location .wave-container {
  padding: min(67px, 100cqw * 67 / 1400) 0 min(133px, 100cqw * 133 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.location .wave-container {
    padding: 10.1333333333vw 0 33.6vw;
  }
}
.main .section.location .title {
  width: min(596px, 100cqw * 596 / 1400);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.location .title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.main .section.location .title::after {
  width: min(169px, 100cqw * 169 / 1400);
  aspect-ratio: 199/217;
  top: max(-55px, 100cqw * -55 / 1400);
  left: max(-165px, 100cqw * -165 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img05_sp.png) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.location .title::after {
    content: none;
  }
}
.main .section.location .lead {
  margin: min(20px, 100cqw * 20 / 1400) 0 0;
  font-size: min(18px, 100cqw * 18 / 1400);
  font-weight: 900;
  line-height: 1.44;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.location .lead {
    margin: 5.3333333333vw 0 0;
    font-size: 4.8vw;
  }
}
.main .section.location .slider {
  margin: min(56px, 100cqw * 56 / 1400) max(-15px, 100cqw * -15 / 1400) 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider {
    width: 80vw;
    margin: 8vw auto 0;
  }
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper {
    overflow: visible;
  }
}
.main .section.location .slider .swiper-slide {
  width: min(410px, 100cqw * 410 / 1400);
  padding: 0 min(16px, 100cqw * 16 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide {
    width: 80vw;
    padding: 0 1.6vw;
    translate: 0 10.6666666667vw 0;
  }
}
@media screen and (max-width: 750px) and (prefers-reduced-motion: no-preference) {
  .main .section.location .slider .swiper-slide {
    transition: translate 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide-active {
    translate: 0 0 0;
  }
}
@media screen and (min-width: 751px) {
  .main .section.location .slider .swiper-slide:nth-child(odd) {
    padding-bottom: min(40px, 100cqw * 40 / 1400);
  }
}
@media screen and (min-width: 751px) {
  .main .section.location .slider .swiper-slide:nth-child(even) {
    padding-top: min(40px, 100cqw * 40 / 1400);
  }
}
.main .section.location .slider .swiper-slide a {
  display: block;
  height: min(439px, 100cqw * 439 / 1400);
  border: min(4px, 100cqw * 4 / 1400) solid #FFC341;
  border-radius: min(14px, 100cqw * 14 / 1400);
  position: relative;
  color: inherit;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide a {
    height: 96.8vw;
    border-width: 1.0666666667vw;
    border-radius: 3.7333333333vw;
  }
}
.main .section.location .slider .swiper-slide a::before, .main .section.location .slider .swiper-slide a::after {
  content: "";
  display: block;
  position: absolute;
}
.main .section.location .slider .swiper-slide a::before {
  width: min(64px, 100cqw * 64 / 1400);
  aspect-ratio: 1;
  right: max(-28px, 100cqw * -28 / 1400);
  bottom: max(-30px, 100cqw * -30 / 1400);
  background: #FFC341;
  border-radius: 50%;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide a::before {
    width: 17.0666666667vw;
    right: -7.4666666667vw;
    bottom: -8vw;
  }
}
.main .section.location .slider .swiper-slide a::after {
  width: min(13px, 100cqw * 13 / 1400);
  aspect-ratio: 13/8;
  right: min(10px, 100cqw * 10 / 1400);
  bottom: min(11px, 100cqw * 11 / 1400);
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/arw03.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide a::after {
    width: 3.4666666667vw;
    right: 2.6666666667vw;
    bottom: 2.9333333333vw;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .section.location .slider .swiper-slide a::after {
    transition: translate 0.4s;
  }
  .main .section.location .slider .swiper-slide a:hover::after {
    translate: 50% 0 0;
  }
}
.main .section.location .slider .swiper-slide .image {
  border-radius: min(10px, 100cqw * 10 / 1400) min(10px, 100cqw * 10 / 1400) 0 0;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .image {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
  }
}
.main .section.location .slider .swiper-slide .image img {
  height: min(258px, 100cqw * 258 / 1400);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .image img {
    height: 48vw;
  }
}
.main .section.location .slider .swiper-slide .text {
  margin: 0;
  padding: min(20px, 100cqw * 20 / 1400);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .text {
    padding: 5.3333333333vw;
  }
}
.main .section.location .slider .swiper-slide .text .cat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: min(2px, 100cqw * 2 / 1400) min(10px, 100cqw * 10 / 1400);
  background: #FFC341;
  border-radius: min(12px, 100cqw * 12 / 1400);
  font-size: min(14px, 100cqw * 14 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .text .cat {
    padding: 0.5333333333vw 2.6666666667vw;
    border-radius: 3.2vw;
    font-size: 3.7333333333vw;
  }
}
.main .section.location .slider .swiper-slide .text .name {
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(16px, 100cqw * 16 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .text .name {
    margin: 2.6666666667vw 0 0;
    font-size: 4.2666666667vw;
  }
}
.main .section.location .slider .swiper-slide .text .address {
  display: flex;
  align-items: center;
  gap: min(10px, 100cqw * 10 / 1400);
  margin: min(10px, 100cqw * 10 / 1400) 0 0;
  font-size: min(14px, 100cqw * 14 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .text .address {
    gap: 2.6666666667vw;
    margin: 2.6666666667vw 0 0;
    font-size: 3.7333333333vw;
  }
}
.main .section.location .slider .swiper-slide .text .address::before {
  content: "";
  display: block;
  width: min(19px, 100cqw * 19 / 1400);
  aspect-ratio: 20/24;
  background: url(https://yonasato.com/cms/img/yonayona_beerise2606/ico-pin.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .swiper-slide .text .address::before {
    width: 5.0666666667vw;
  }
}
.main .section.location .slider .prev,
.main .section.location .slider .next {
  display: block;
  width: min(40px, 100cqw * 40 / 1400);
  height: min(40px, 100cqw * 40 / 1400);
  border: none;
  padding: 0;
  position: absolute;
  top: min(220px, 100cqw * 220 / 1400);
  z-index: 1;
  background: transparent url(https://yonasato.com/cms/img/yonayona_beerise2606/arw05.svg) center/contain no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
  .main .section.location .slider .prev,
.main .section.location .slider .next {
    transition: opacity 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .main .section.location .slider .prev,
.main .section.location .slider .next {
    display: none;
  }
}
.main .section.location .slider .prev.swiper-button-disabled,
.main .section.location .slider .next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.main .section.location .slider .prev {
  left: max(-3px, 100cqw * -3 / 1400);
  scale: -1 1;
}
.main .section.location .slider .next {
  right: max(-3px, 100cqw * -3 / 1400);
}
.main .section.location .wave::before {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/wave_bk.svg);
}
.main .section.location .wave::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.main .section.access {
  position: relative;
  background: linear-gradient(0deg, #fff 1px, #000 1px);
  color: #fff;
}
.main .section.access::before, .main .section.access::after {
  content: "";
  display: block;
  position: absolute;
  background: center/contain no-repeat;
}
.main .section.access::before {
  width: min(202px, 100cqw * 202 / 1400);
  aspect-ratio: 264/134;
  top: max(-55px, 100cqw * -55 / 1400);
  left: calc(50% + min(355px, 100cqw * 355 / 1400));
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img06_sp.png);
}
@media screen and (max-width: 750px) {
  .main .section.access::before {
    width: 35.2vw;
    top: -12.2666666667vw;
    left: 32.8vw;
  }
}
.main .section.access::after {
  width: min(184px, 100cqw * 184 / 1400);
  aspect-ratio: 184/239;
  bottom: max(-86px, 100cqw * -86 / 1400);
  left: calc(50% + min(401px, 100cqw * 401 / 1400));
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/access/img07_sp.png);
}
@media screen and (max-width: 750px) {
  .main .section.access::after {
    width: 24.5333333333vw;
    right: 0;
    bottom: -12.2666666667vw;
    left: auto;
  }
}
.main .section.access .wave-container {
  padding: min(67px, 100cqw * 67 / 1400) 0 min(133px, 100cqw * 133 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.access .wave-container {
    padding: 13.3333333333vw 0 18.6666666667vw;
  }
}
.main .section.access .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: min(600px, 100cqw * 600 / 1400) 1fr;
  gap: 0 min(80px, 100cqw * 80 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.access .wrap {
    display: block;
  }
}
.main .section.access .title {
  grid-row: 1/2;
  grid-column: 1/3;
  width: auto;
  margin: 0 0 min(60px, 100cqw * 60 / 1400);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section.access .title {
    margin: 0;
  }
}
.main .section.access .map {
  grid-row: 2/3;
  grid-column: 1/2;
  width: 100%;
  aspect-ratio: 6/4;
  border: none;
  border-radius: min(28px, 100cqw * 28 / 1400);
}
@media screen and (max-width: 750px) {
  .main .section.access .map {
    margin: 8vw 0 0;
    border-radius: 5.3333333333vw;
  }
}
.main .section.access .address {
  grid-row: 2/3;
  grid-column: 2/3;
  margin: min(100px, 100cqw * 100 / 1400) 0 0;
  font-size: min(16px, 100cqw * 16 / 1400);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .main .section.access .address {
    margin: 10.6666666667vw 0 0;
    font-size: 4.2666666667vw;
  }
}
.main .section.access .address .gmaps {
  display: flex;
  align-self: center;
  gap: 0.5em;
  margin: min(30px, 100cqw * 30 / 1400) 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .main .section.access .address .gmaps {
    margin: 6.9333333333vw 0 0;
    gap: 2.6666666667vw;
  }
}
.main .section.access .address .gmaps::before {
  content: "";
  display: block;
  width: min(20px, 100cqw * 20 / 1400);
  aspect-ratio: 20/24;
  background: currentColor;
  -webkit-mask: url(https://yonasato.com/cms/img/yonayona_beerise2606/ico-pin.svg) center/contain no-repeat;
          mask: url(https://yonasato.com/cms/img/yonayona_beerise2606/ico-pin.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section.access .address .gmaps::before {
    width: 4.5333333333vw;
  }
}
.main .footer {
  padding-top: min(86px, 100cqw * 86 / 1400);
}
@media screen and (max-width: 750px) {
  .main .footer {
    padding-top: 12.2666666667vw;
  }
}
/*# sourceMappingURL=access.css.map */

.main .wave-container .wave::before {
  background-image: url(https://yonasato.com/cms/img/yonayona_beerise2606/wave_bk.svg);
}