@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  font-size: 100%;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 3.7333333333vw;
  }
}

body.fixed {
  overflow: hidden;
}

.pc {
  display: block;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.header,
.intro,
.navi,
.main_area,
.footer {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1rem;
}

img {
  width: 100%;
}

.hamburger-icon {
  display: none;
}

@media screen and (max-width: 767px) {
  .hamburger-icon {
    position: fixed;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 9.6vw;
    height: 9.6vw;
    z-index: 9;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-icon_line {
    width: 100%;
    height: 0.5333333333vw;
    background-color: #0060B0;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-icon.close .line01 {
    transform: rotate(45deg);
    transform-origin: left top;
    margin: 0 0 0 1.6vw;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-icon.close .line02 {
    opacity: 0;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-icon.close .line03 {
    transform: rotate(-45deg);
    transform-origin: left bottom;
    margin: 0 0 0 1.6vw;
  }
}

.hamburger-menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .hamburger-menu {
    opacity: 1;
    position: fixed;
    z-index: 8;
    top: 0;
    display: block;
    width: 100%;
    height: 100dvh;
    background: linear-gradient(-180deg, rgb(215, 240, 243) 0%, rgb(239, 247, 207) 100%);
    transform: translateX(100vw);
    transition: 0.5s;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu.open {
    transform: translateX(0vw);
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu .menu-list {
    display: flex;
    flex-wrap: wrap;
    margin: 18.6666666667vw 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu .menu-list li {
    width: 50%;
    height: 12.5dvh;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .hamburger-menu .menu-list li:nth-of-type(odd) {
    border-top: 1px solid #0060B0;
    border-right: 1px solid #0060B0;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .hamburger-menu .menu-list li:nth-of-type(even) {
    border-top: 1px solid #0060B0;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu .menu-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 5.3333333333vw;
    color: #0060B0;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu .other-list li {
    width: 100%;
    height: 12.5dvh;
    border-top: 1px solid #0060B0;
  }
}

@media screen and (max-width: 767px) {
  .hamburger-menu .other-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 8vw;
    color: #0060B0;
  }
}

.page-top {
  width: 3.90625vw;
  position: fixed;
  bottom: 1.5625vw;
  right: 1.5625vw;
}

@media screen and (max-width: 767px) {
  .page-top {
    width: 13.3333333333vw;
    bottom: 5.3333333333vw;
    right: 5.3333333333vw;
  }
}

.fade-in-out {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

@media screen and (max-width: 767px) {
  .fade-in-out {
    transform: translateY(8vw);
  }
}

.fade-in-out.active {
  opacity: 1;
  transform: translateY(0);
}

.mo_icon_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(0.0234375vw, 0.3rem);
  width: min(5.078125vw, 6.5rem);
  height: min(5.078125vw, 6.5rem);
  border-radius: 100svh;
  font-family: "Gloock", serif;
  font-size: clamp(1.1rem, 0.9375vw, 1.2rem);
  position: relative;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu {
    gap: 2.6666666667vw;
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    border-radius: 50%;
    font-size: 3.2vw;
  }
}

.mo_icon_menu.local {
  flex-shrink: 0;
  background: linear-gradient(0deg, rgb(130, 218, 224) 0%, rgb(215, 240, 243) 100%);
  border: min(0.078125vw, 0.1rem) solid #0060B0;
  color: #0060B0;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu.local {
    border: 0.2666666667vw solid #0060B0;
  }
}

.mo_icon_menu.local::before {
  border: min(0.0390625vw, 0.05rem) solid #0060B0;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu.local::before {
    border: 0.1333333333vw solid #0060B0;
  }
}

.mo_icon_menu.arrenge {
  flex-shrink: 0;
  background: linear-gradient(0deg, rgb(170, 214, 176) 0%, rgb(208, 228, 166) 100%);
  border: min(0.078125vw, 0.1rem) solid #258588;
  color: #258588;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu.arrenge {
    border: 0.2666666667vw solid #258588;
  }
}

.mo_icon_menu.arrenge::before {
  border: min(0.0390625vw, 0.05rem) solid #258588;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu.arrenge::before {
    border: 0.1333333333vw solid #258588;
  }
}

.mo_icon_menu::after {
  content: "";
  width: min(2.8125vw, 3.6rem);
  height: min(0.9375vw, 1.2rem);
  background-image: url(../img/icon_wave_sm.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu::after {
    width: 9.6vw;
    height: 3.2vw;
    background-size: contain;
    background-position: center;
  }
}

.mo_icon_menu::before {
  content: "";
  display: block;
  width: min(4.53125vw, 5.8rem);
  height: min(4.53125vw, 5.8rem);
  border-radius: 100svh;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .mo_icon_menu::before {
    width: 15.4666666667vw;
    height: 15.4666666667vw;
    border-radius: 50%;
  }
}

.mo_btn__01 {
  width: min(30.625vw, 39.2rem);
  height: min(6.328125vw, 8.1rem);
  margin: 3.90625vw auto 0;
}

@media screen and (max-width: 767px) {
  .mo_btn__01 {
    max-width: 92vw;
    width: 100%;
    height: 18.9333333333vw;
    margin: 6.6666666667vw auto 0;
  }
}

.mo_btn__01 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background: linear-gradient(90deg, rgb(0, 174, 207) 0%, rgb(0, 96, 176) 100%);
  color: #fff;
  font-size: clamp(1.3rem, 1.7rem, 1.328125vw);
  font-weight: 400;
  text-align: center;
  position: relative;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .mo_btn__01 a {
    font-size: 4.8vw;
  }
}

@media (hover: hover) {
  .mo_btn__01 a:hover {
    opacity: 0.6;
  }
}

.mo_btn__01 a::after {
  content: "";
  display: block;
  width: min(1.40625vw, 1.8rem);
  height: min(1.40625vw, 1.8rem);
  background-image: url(../img/btn_aroww.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /* top: 50%; */
  right: 10%;
}

@media screen and (max-width: 767px) {
  .mo_btn__01 a::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.mo_btn__blue {
  width: min(30.625vw, 39.2rem);
  height: min(6.328125vw, 8.1rem);
  margin: 3.125vw auto 0;
}

@media screen and (max-width: 767px) {
  .mo_btn__blue {
    width: 100%;
    height: 18.6666666667vw;
    margin: 6.6666666667vw auto 0;
  }
}

.mo_btn__blue a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-color: #0060B0;
  color: #fff;
  font-size: clamp(1.3rem, 1.7rem, 1.328125vw);
  font-weight: 400;
  text-align: center;
  position: relative;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .mo_btn__blue a {
    font-size: 4.8vw;
  }
}

@media (hover: hover) {
  .mo_btn__blue a:hover {
    opacity: 0.6;
  }
}

.mo_btn__blue a::after {
  content: "";
  display: block;
  width: min(1.40625vw, 1.8rem);
  height: min(1.40625vw, 1.8rem);
  background-image: url(../img/btn_aroww.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /* top: 50%; */
  right: 10%;
}

@media screen and (max-width: 767px) {
  .mo_btn__blue a::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.mo_btn__sky {
  width: min(39.453125vw, 50.5rem);
  height: min(6.328125vw, 8.1rem);
  margin: 3.125vw auto 0;
}

@media screen and (max-width: 767px) {
  .mo_btn__sky {
    width: 100%;
    height: 18.6666666667vw;
  }
}

.mo_btn__sky a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background: linear-gradient(90deg, rgb(0, 179, 191) 0%, rgb(148, 221, 226) 100%);
  color: #fff;
  font-size: clamp(1.3rem, 1.7rem, 1.328125vw);
  font-weight: 400;
  text-align: center;
  position: relative;
  transition: 0.3s;
}

@media (hover: hover) {
  .mo_btn__sky a:hover {
    opacity: 0.6;
  }
}

@media screen and (max-width: 767px) {
  .mo_btn__sky a {
    font-size: 4.8vw;
  }
}

.mo_btn__sky a::after {
  content: "";
  display: block;
  width: min(1.40625vw, 1.8rem);
  height: min(1.40625vw, 1.8rem);
  background-image: url(../img/btn_aroww.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /* top: 50%; */
  right: 10%;
}

@media screen and (max-width: 767px) {
  .mo_btn__sky a::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.menu__timetable {
  max-width: 100rem;
  width: clamp(73.525vw, 100rem, 90vw);
  margin: 2.03125vw auto 0;
  display: flex;
  justify-content: flex-start;
  gap: 8.59375vw;
  gap: min(8.59375vw, 11rem);
}

@media screen and (max-width: 910px) {
  .menu__timetable {
    width: calc(100vw - 10rem);
    flex-direction: column;
    gap: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .menu__timetable {
    width: calc(100% - 2rem);
    margin: 5.3333333333vw auto 0;
    gap: 5.3333333333vw;
    flex-direction: column;
    align-items: center;
  }
}

.menu__timetable-02 {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.03125vw 0 0 0;
}

@media screen and (max-width: 767px) {
  .menu__timetable-02 {
    width: calc(100% - 5.3333333333vw);
    margin: 8vw auto 0;
  }
}

.menu__timetable--item {
  display: flex;
  justify-content: flex-start;
  gap: 1.5625vw;
}

@media screen and (max-width: 910px) {
  .menu__timetable--item {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .menu__timetable--item {
    width: 100%;
    margin: 0;
    gap: 5.3333333333vw;
    align-items: center;
  }
}

.menu__timetable--text li {
  font-size: clamp(0.7vw, 1.2rem, 1.3rem);
  font-weight: 200;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .menu__timetable--text li {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.menu__timetable--notes {
  max-width: 100rem;
  width: clamp(73.525vw, 100rem, 90vw);
  margin: 1.5625vw auto 0;
  font-size: clamp(0.65vw, 1rem, 1.1rem);
  font-weight: 200;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .menu__timetable--notes {
    max-width: none;
    width: 100%;
    margin: 2.6666666667vw 0 0 0;
    font-size: 2.9333333333vw;
    line-height: 1.5;
    text-align: left;
    text-indent: -3.2vw;
    padding-left: 3.2vw;
  }
}

.menu__timetable .lunch {
  width: 3.90625vw;
  height: 3.90625vw;
  background-color: #CF5939;
  border: 0.078125vw solid #fff;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .menu__timetable .lunch {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border: 0.2666666667vw solid #fff;
  }
}

.menu__timetable .lunch::before {
  content: "";
  width: 3.515625vw;
  height: 3.515625vw;
  border: 0.078125vw solid #fff;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .menu__timetable .lunch::before {
    width: 12vw;
    height: 12vw;
    border: 0.2666666667vw solid #fff;
  }
}

.menu__timetable .lunch p {
  color: #fff;
  font-family: "Gloock", serif;
  font-size: 0.859375vw;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .menu__timetable .lunch p {
    font-size: 2.9333333333vw;
  }
}

.menu__timetable .dinner {
  width: 3.90625vw;
  height: 3.90625vw;
  background-color: #0060B0;
  border: 0.078125vw solid #fff;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .menu__timetable .dinner {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border: 0.2666666667vw solid #fff;
  }
}

.menu__timetable .dinner::before {
  content: "";
  width: 3.515625vw;
  height: 3.515625vw;
  border: 0.078125vw solid #fff;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .menu__timetable .dinner::before {
    width: 12vw;
    height: 12vw;
    border: 0.2666666667vw solid #fff;
  }
}

.menu__timetable .dinner p {
  color: #fff;
  font-family: "Gloock", serif;
  font-size: 0.859375vw;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .menu__timetable .dinner p {
    font-size: 2.9333333333vw;
  }
}

.bg-grd {
  background: linear-gradient(-180deg, rgb(215, 240, 243) 0%, rgb(239, 247, 207) 100%);
  background-attachment: fixed;
}

@media screen and (max-width: 767px) {
  .bg-grd {
    background-image: none;
  }

  .bg-grd::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background: linear-gradient(-180deg, rgb(215, 240, 243) 0%, rgb(239, 247, 207) 100%);
    background-size: cover;
  }
}

.bg-beige {
  background-color: #f3eee7;
}

.header {
  width: 100%;
  overflow: hidden;
}

.header .mv {
  position: relative;
  max-width: 115.8rem;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .header .mv {
    margin: auto;
  }
}

.header .mv_inner {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .header .mv_inner {
    flex-direction: column;
  }
}

.header .mv_inner .mv_01 {
  width: min(42.03125vw, 53.8rem);
  margin: -3.75vw -12.421875vw 0 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .header .mv_inner .mv_01 {
    width: 84.2666666667vw;
    margin: 5.3333333333vw auto 0;
  }
}

.header .mv_inner .mv_02 {
  width: min(74.375vw, 95.2rem);
  margin: 5.78125vw 0 0 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .header .mv_inner .mv_02 {
    width: 125.3333333333vw;
    margin: -14.9333333333vw 0 0 -13.3333333333vw;
  }
}

.header .mv .d_01 {
  width: min(18.28125vw, 23.4rem);
  position: absolute;
  top: min(5.234375vw, 6.7rem);
  left: min(10.9375vw, 1.4rem);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .header .mv .d_01 {
    width: 40vw;
    top: 5.3333333333vw;
    left: 4.5333333333vw;
  }
}

.header .mv .d_02 {
  width: min(16.796875vw, 21.5rem);
  position: absolute;
  top: min(3.28125vw, 4.3rem);
  right: min(4.453125vw, -5.7rem);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .header .mv .d_02 {
    width: 40vw;
    top: 86.9333333333vw;
    left: auto;
    /* bottom: 0; */
    right: -2.9333333333vw;
  }
}

.header .mv .d_03 {
  position: absolute;
  width: max(18.125vw, 23.2rem);
  bottom: min(7.03125vw, 9rem);
  left: min(4.375vw, 5.6rem);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .header .mv .d_03 {
    display: none;
  }
}

.header .mv .d_04 {
  position: absolute;
  width: max(21.09375vw, 27rem);
  bottom: min(7.03125vw, 9rem);
  right: min(12.5vw, 16rem);
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .header .mv .d_04 {
    width: 45.3333333333vw;
    top: auto;
    bottom: 10.9333333333vw;
    left: 24vw;
  }
}

.header .mv .d_05 {
  position: absolute;
  width: max(4.56484375vw, 5.843rem);
  top: min(1.5625vw, 2rem);
  left: min(37.5vw, 48rem);
}

@media screen and (max-width: 767px) {
  .header .mv .d_05 {
    width: 10.1333333333vw;
    top: 70.4vw;
    left: 6.1333333333vw;
    transform: rotate(-16deg);
  }
}

.header .mv .d_06 {
  position: absolute;
  width: max(4.56484375vw, 5.843rem);
  top: min(8.203125vw, 10.5rem);
  right: min(3.90625vw, -5rem);
}

@media screen and (max-width: 767px) {
  .header .mv .d_06 {
    width: 11.2vw;
    top: 94.9333333333vw;
    left: auto;
    right: 3.4666666667vw;
  }
}

.header .mv .d_07 {
  position: absolute;
  width: max(4.56484375vw, 5.843rem);
  bottom: min(7.8125vw, 10rem);
  left: min(1.640625vw, 2.1rem);
}

@media screen and (max-width: 767px) {
  .header .mv .d_07 {
    display: none;
  }
}

.header .mv .d_08 {
  position: absolute;
  width: max(4.609375vw, 5.9rem);
  top: min(2.34375vw, 3rem);
  left: min(30.46875vw, 39rem);
}

@media screen and (max-width: 767px) {
  .header .mv .d_08 {
    width: 12.2666666667vw;
    top: 2.6666666667vw;
    left: auto;
    right: 15.4666666667vw;
  }
}

.header .mv .d_09 {
  position: absolute;
  width: max(3.671875vw, 4.7rem);
  bottom: min(7.03125vw, 9rem);
  left: min(28.90625vw, 37rem);
}

@media screen and (max-width: 767px) {
  .header .mv .d_09 {
    width: 10.6666666667vw;
    top: auto;
    left: 3.4666666667vw;
    bottom: 64.2666666667vw;
  }
}

.header .mv .d_10 {
  display: none;
}

@media screen and (max-width: 767px) {
  .header .mv .d_10 {
    display: block;
    background-image: url(../img/icon_lemon-01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 13.8666666667vw;
    height: 14.9333333333vw;
    bottom: 9.6vw;
    right: 2.6666666667vw;
  }
}

.intro {
  overflow: hidden;
  margin: 0;
  padding: 11.4rem 2rem 6.5rem 2rem;
  background-image: url(../img/intro_map.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media screen and (max-width: 767px) {
  .intro {
    margin: 0;
    padding: 5.3333333333vw 2.6666666667vw 30.4vw;
  }
}

.intro__sec-01--text {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #0060B0;
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.4;
  font-feature-settings: "palt";
  position: relative;
}

.intro__sec-01--text::after {
  content: "";
  display: block;
  width: 7rem;
  height: 7.6rem;
  background-image: url(../img/icon_lemon-01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -6rem;
  right: -8rem;
}

@media screen and (max-width: 910px) {
  .intro__sec-01--text::after {
    top: -10vw;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .intro__sec-01--text::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .intro__sec-01--text {
    font-size: 6.1333333333vw;
    line-height: 1.5;
  }
}

.intro__sec-01--text .sml {
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-01--text .sml {
    font-size: 4vw;
  }
}

.intro__sec-01--text .lg {
  font-weight: 500;
  font-size: 4rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-01--text .lg {
    font-size: 8.5333333333vw;
    font-weight: 500;
  }
}

.intro__sec-02 {
  position: relative;
  margin: 4rem auto 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02 {
    margin: 5.3333333333vw auto 0;
  }
}

.intro__sec-02--flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--flex {
    width: 100%;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  .intro__sec-02--flex__inner {
    display: contents;
  }
}

.intro__sec-02--haed {
  color: #0060B0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.4rem;
  font-weight: 200;
  border-bottom: 0.1rem solid #fff;
  padding: 0 0 1rem 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--haed {
    font-size: 6.4vw;
    border-bottom: 0.2666666667vw solid #fff;
    padding: 0 0 2.6666666667vw 0;
    order: 1;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.intro__sec-02--name {
  color: #0060B0;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 1.1rem 0 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--name {
    font-size: 5.3333333333vw;
    margin: 2.6666666667vw 0 0 0;
    order: 3;
    /* order: 1; */
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.intro__sec-02--name span {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--name span {
    font-size: 4vw;
  }
}

.intro__sec-02--text {
  width: 43.3rem;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 2rem 4rem 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--text {
    width: 100%;
    order: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    /* grid-column: 1 / 4; */
    margin: 5.3333333333vw 0 0 0;
    font-size: 3.7vw;
  }
}

.intro__sec-02--pic {
  width: 20.5rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--pic {
    width: 100%;
    order: 2;
    grid-column-start: 2;
    /* grid-column-end: 4; */
    grid-row-start: 1;
    grid-row-end: 3;
  }
}

.intro__sec-02--deco-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--deco-01 {
    max-width: none;
  }
}

.intro__sec-02--deco-01 .deco-01-01 {
  width: 10.8rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--deco-01 .deco-01-01 {
    width: 20vw;
  }
}

.intro__sec-02--deco-01 .deco-01-02 {
  width: 21.2rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--deco-01 .deco-01-02 {
    width: 45.3333333333vw;
    margin: 0 -10.1333333333vw 0 0;
  }
}

.intro__sec-02--menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 67.8rem;
  height: 14.9rem;
  margin: 3.7rem auto 0;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1.7rem;
  border: 0.2rem solid #00B3BF;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--menu {
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 0 5.3333333333vw;
    gap: 0;
    position: relative;
  }
}

.intro__sec-02--menu-list {
  display: flex;
  gap: 1rem;
  padding: 1.6rem 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--menu-list {
    align-items: center;
    align-self: flex-start;
    width: 100%;
    padding: 4.2666666667vw 0;
    gap: 2.6666666667vw;
  }
}

.intro__sec-02--menu-list:nth-of-type(1) {
  border-right: 0.2rem solid #00B3BF;
  padding-right: 3.5rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--menu-list:nth-of-type(1) {
    border-right: none;
    padding-right: 0;
    border-bottom: 0.5333333333vw solid #00B3BF;
  }
}

.intro__sec-02--menu-list--ttl {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--menu-list--ttl {
    font-size: 6.4vw;
  }
}

.intro__sec-02--menu-list--text {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 1rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--menu-list--text {
    font-size: 4vw;
  }
}

.intro__sec-02--deco-02 {
  width: 102rem;
  margin: -2.3rem auto 0;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--deco-02 {
    width: 100%;
    margin: 0;
  }
}

.intro__sec-02--deco-02 .deco-02-01 {
  width: 26.9rem;
}

@media screen and (max-width: 767px) {
  .intro__sec-02--deco-02 .deco-02-01 {
    width: 48vw;
    margin: -2.6666666667vw 0 0 -16.5333333333vw;
    z-index: 1;
  }
}

.navi {
  width: 100%;
  height: 26rem;
  background-color: #0060B0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .navi {
    height: auto;
  }
}

.navi ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6.6rem 5rem;
  width: 78rem;
  margin: 0 auto;
  padding: 6.7rem 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .navi ul {
    width: calc(100% - 5.3333333333vw);
    justify-content: space-between;
    margin: 0 auto;
    padding: 10.6666666667vw 0;
    gap: 10.6666666667vw 2.6666666667vw;
  }
}

.navi ul::before {
  content: "";
  display: block;
  width: 9.4rem;
  height: 10.4rem;
  background-image: url(../img/icon_lemon-03.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -3.9rem;
  left: 1vw;
}

@media screen and (max-width: 767px) {
  .navi ul::before {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    left: auto;
    right: 5.3333333333vw;
    bottom: -8.8vw;
  }
}

@media screen and (max-width: 767px) {
  .navi ul li {
    width: calc(50% - 2.6666666667vw);
  }
}

.navi ul li a {
  color: #FDD419;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  border-bottom: 1px solid #FDD419;
  padding: 0 0 0.5rem 0;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .navi ul li a {
    font-size: 4vw;
    border-bottom: 0.2666666667vw solid #FDD419;
    padding: 0 0 0.2666666667vw 0;
  }
}

.navi ul li a::before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(../img/icon_shine-yellow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .navi ul li a::before {
    width: 8vw;
    height: 8vw;
  }
}

@media (hover: hover) {
  .navi ul li a:hover {
    opacity: 0.6;
  }
}

.main_area {
  overflow: hidden;
}

.main_area .menu {
  padding: 5.4rem 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu {
    padding: 10vw 2.6666666667vw 11.2vw;
  }
}

.main_area .menu__ttl {
  color: #0060B0;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1rem, 2rem, 2.5vw);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
}

@media screen and (max-width: 767px) {
  .main_area .menu__ttl {
    font-size: 5.3333333333vw;
    gap: 2.6666666667vw;
  }
}

.main_area .menu__ttl::before,
.main_area .menu__ttl::after {
  content: "";
  display: block;
  width: min(2.34375vw, 3rem);
  height: min(2.34375vw, 3rem);
  background-image: url(../img/icon_shine-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {

  .main_area .menu__ttl::before,
  .main_area .menu__ttl::after {
    width: 7.7333333333vw;
    height: 7.7333333333vw;
  }
}

.main_area .menu__store {
  color: #0060B0;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1rem, 3.6rem, 4vw);
  font-weight: 500;
  text-align: center;
  margin: min(3.90625vw, 5rem) 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu__store {
    font-size: 8.2666666667vw;
  }
}

.main_area .menu__place {
  font-size: clamp(1rem, 1.5rem, 2vw);
  font-weight: 300;
  text-align: center;
  margin: 1rem 0 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .main_area .menu__place {
    font-size: 4vw;
    margin: 2.6666666667vw 0 0 0;
  }
}

.main_area .menu__text {
  font-size: clamp(1rem, 1.5rem, 2vw);
  font-weight: 300;
  text-align: center;
  margin: min(0.78125vw, 1rem) 0 0 0;
  padding: 0 2rem;
  line-height: 1.7;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .main_area .menu__text {
    font-size: 4vw;
    margin: 2.6666666667vw 0 0 0;
    padding: 0;
  }
}

.main_area .menu__flex {
  display: flex;
  justify-content: center;
  gap: max(1.5625vw, 2rem);
  width: min(100% - 2rem, 100rem);
  margin: 3rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu__flex {
    width: 100%;
    flex-direction: column;
    gap: 0;
    margin: 8vw auto 0;
  }
}

.main_area .menu__flex .slider {
  width: min(41.484375vw, 53.1rem);
  margin: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu__flex .slider {
    width: 100%;
  }
}

.main_area .menu__flex .menu-block {
  max-width: none;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu__flex .menu-block {
    margin: 8vw auto 0;
  }
}

.main_area .menu__flex .menu-block-01 {
  flex-shrink: 0;
  width: auto;
}

@media screen and (max-width: 767px) {
  .main_area .menu__flex .menu-block-01 {
    width: 100%;
  }
}

.main_area .menu__flex .menu-block-02 {
  width: 100%;
  margin: 0 auto min(1.5625vw, 2rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu__flex .menu-block-02 {
    width: 100%;
    margin: 8vw auto 0;
  }
}

.main_area .menu_subttl {
  font-size: clamp(1rem, 1.4rem, 1.09375vw);
  font-weight: 400;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu_subttl {
    font-size: 3.7333333333vw;
    gap: 1.3333333333vw;
  }
}

.main_area .menu_subttl::before {
  content: "";
  display: block;
  width: min(1.171875vw, 1.5rem);
  height: min(1.953125vw, 2.5rem);
  background-image: url(../img/icon_d-03.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .main_area .menu_subttl::before {
    width: 4vw;
    height: 6.6666666667vw;
  }
}

.main_area .menu-block {
  width: min(100vw, 100rem);
  margin: 0 auto;
}

@media screen and (max-width: 910px) {
  .main_area .menu-block {
    max-width: 100rem;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu-block {
    width: 100%;
    margin: 8vw auto 0;
  }
}

.main_area .menu-block .menu__plan {
  display: flex;
  background-color: #fff;
  width: min(100rem, 98.4375vw);
  padding: min(1.5625vw, 2rem);
  border: 0.2rem solid #00B3BF;
  border-radius: 1.7rem;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan {
    margin: 0 auto;
    padding: 4.8vw 5.8666666667vw;
    border: 0.5333333333vw solid #00B3BF;
    border-radius: 4.5333333333vw;
  }
}

.main_area .menu-block .menu__plan.flex {
  margin: 4rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan.flex {
    width: 100%;
    flex-direction: column;
    margin: 0 auto;
    padding: 4.8vw 5.8666666667vw;
  }
}

.main_area .menu-block .menu__plan--item {
  display: flex;
  gap: min(1.3vw, 2rem);
  padding: 0 1.5625vw 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--item {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}

.main_area .menu-block .menu__plan--item:nth-of-type(2) {
  border-left: 0.15625vw solid #00B3BF;
  padding: 0 0 0 1.5625vw;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--item:nth-of-type(2) {
    border-left: none;
    border-top: 0.5333333333vw solid #00B3BF;
    padding: 5.3333333333vw 0 0 0;
  }
}

.main_area .menu-block .menu__plan.column {
  width: 100%;
  margin: 0;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan.column {
    width: 100%;
    margin: 0 auto;
    padding: 4.8vw 5.8666666667vw;
  }
}

.main_area .menu-block .menu__plan.column .menu__plan--item {
  padding: 0;
}

.main_area .menu-block .menu__plan.column .menu__plan--item:nth-of-type(n+2) {
  border-left: none;
  border-top: 0.2rem solid #00B3BF;
  padding: min(2rem, 1.5625vw) 0 0 0;
}

.main_area .menu-block .menu__plan.column .menu__plan--item.border-none {
  border-top: none;
  padding: 0;
  margin: 1.5rem 0 0 0;
}

.main_area .menu-block .menu__plan .menu__inner {
  flex-basis: 100%;
}

.main_area .menu-block .menu__plan--list {
  margin: 0 0 1.5625vw 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list {
    margin: 0 0 5.3333333333vw 0;
  }
}

.main_area .menu-block .menu__plan--list.price li p {
  margin: 0.8rem 0 1.6rem 0;
  text-indent: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list.price li p {
    text-indent: 0;
    margin: 2.1333333333vw 0 4vw 0;
    padding: 0 0 0 2.6666666667vw;
  }
}

.main_area .menu-block .menu__plan--list li {
  font-size: clamp(1.2rem, 0.9375vw, 1.2rem);
  font-weight: 300;
  line-height: 1.7;
  font-feature-settings: "palt";
  text-indent: min(-1.3rem, -0.9375vw);
  padding-left: min(1.3rem, 0.9375vw);
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li {
    font-size: 3.2vw;
    text-indent: -3.2vw;
    padding-left: 3.2vw;
  }
}

.main_area .menu-block .menu__plan--list li .place_icon {
  font-size: clamp(1rem, 0.78125vw, 1rem);
  border: 0.1rem solid #000;
  padding: 0rem 0.5rem;
  margin: 0 0 0 1rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li .place_icon {
    font-size: 2.6666666667vw;
    border: 0.2666666667vw solid #000;
    padding: 0 0.8vw;
    margin: 0 0 0 1.0666666667vw;
  }
}

.main_area .menu-block .menu__plan--list li dl {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li dl {
    margin-bottom: 2.1333333333vw;
  }
}

.main_area .menu-block .menu__plan--list li dl dt {
  font-size: clamp(1.2rem, 0.9375vw, 1.2rem);
  font-weight: 400;
  line-height: 1.7;
  text-indent: min(-1.3rem, -0.9375vw);
  padding-left: min(1.3rem, 0.9375vw);
  display: inline;
  --lh: 1.6rem;
  /* 行の高さ */
  position: relative;
  flex: 1;
  word-break: break-word;
  z-index: 1;
  /* 商品名のテキスト部分だけ白背景で隠す */
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li dl dt {
    font-size: 3.2vw;
    padding-right: 1.3333333333vw;
    padding-left: 2.9333333333vw;
    text-indent: -3.4666666667vw;
  }
}

.main_area .menu-block .menu__plan--list li dl dt::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 2.5rem;
  right: 0;
  bottom: calc(var(--lh) / 2);
  height: 2px;
  background-image: radial-gradient(circle, #000000 1px, transparent 1px);
  background-position: left 2px top;
  background-repeat: repeat-x;
  background-size: 6px 2px;
}

.main_area .menu-block .menu__plan--list li dl dt>span {
  background: #fff;
  /* ページ背景色に合わせて変更可 */
  box-decoration-break: clone;
  /* 複数行にも効かせる */
  -webkit-box-decoration-break: clone;
}

.main_area .menu-block .menu__plan--list li dl dd {
  display: inline-block;
  background-color: #fff;
  padding-left: 5px;
  position: relative;
  font-size: clamp(1.2rem, 0.9375vw, 1.2rem);
  text-indent: 0;
}

.main_area .menu-block .menu__plan--list li dl dd.long {
  position: absolute;
  right: 0;
  z-index: 1;
}

.main_area .menu-block .menu__plan--list li dl dd>span {
  background: #fff;
  /* ページ背景色に合わせて変更可 */
  box-decoration-break: clone;
  /* 複数行にも効かせる */
  -webkit-box-decoration-break: clone;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li dl dd {
    font-size: 3.2vw;
    padding-left: 2.6666666667vw;
    text-indent: 0.2666666667vw;
  }
}

.main_area .menu-block .menu__plan--list li p {
  width: 85%;
  font-size: clamp(1.2rem, 0.9375vw, 1.2rem);
  font-weight: 300;
  line-height: 1.7;
  padding-left: min(1.3rem, 0.9375vw);
  text-indent: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan--list li p {
    font-size: 3.2vw;
    text-indent: 0;
    margin: 2.1333333333vw 0 4vw 0;
    padding: 0 0 0 2.6666666667vw;
  }
}

.main_area .menu-block .menu__plan .loc .menu-time {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: #0060B0;
  font-size: 1.3rem;
  margin: 0 0 0.5rem 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan .loc .menu-time {
    gap: 1.8666666667vw;
    font-size: 3.4666666667vw;
    margin: 0 0 0.8vw 0;
  }
}

.main_area .menu-block .menu__plan .loc .menu-time::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 2.5rem;
  background-image: url(../img/icon_d-01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan .loc .menu-time::before {
    width: 4vw;
    height: 6.6666666667vw;
  }
}

.main_area .menu-block .menu__plan .arr .menu-time {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: #218173;
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan .arr .menu-time {
    gap: 1.8666666667vw;
    font-size: 3.4666666667vw;
    margin: 0 0 0.8vw 0;
  }
}

.main_area .menu-block .menu__plan .arr .menu-time::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 2.5rem;
  background-image: url(../img/icon_d-02.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .main_area .menu-block .menu__plan .arr .menu-time::before {
    width: 4vw;
    height: 6.6666666667vw;
  }
}

.main_area .slider {
  width: min(100vw, 100rem);
  margin: 3rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .slider {
    width: 100%;
    margin: 8vw 0 0 0;
  }
}

.main_area .single {
  width: min(100vw, 100rem);
  margin: 3rem auto;
}

@media screen and (max-width: 767px) {
  .main_area .single {
    width: 100%;
    margin: 0 auto;
  }
}

.main_area .menu01 .menu-block {
  position: relative;
}

.main_area .menu01 .menu-block::after {
  content: "";
  display: block;
  width: min(9.453125vw, 12.1rem);
  height: min(10.390625vw, 13.3rem);
  background-image: url(../img/icon_reef.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5.1rem;
  right: -3.6rem;
}

@media screen and (max-width: 910px) {
  .main_area .menu01 .menu-block::after {
    top: -9vw;
    right: 3vw;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu01 .menu-block::after {
    width: 21.0666666667vw;
    height: 22.9333333333vw;
    top: -5.3333333333vw;
    right: 0;
  }
}

.main_area .menu02 {
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu02 .single {
    margin: 8vw auto 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu02 .menu__flex {
    flex-direction: column-reverse;
    margin: 0 auto;
  }
}

.main_area .menu02 .menu-block {
  position: relative;
}

.main_area .menu02 .menu-block::after {
  content: "";
  display: block;
  width: min(9.453125vw, 12.1rem);
  height: min(10.390625vw, 13.3rem);
  background-image: url(../img/icon_hamo.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -5.1rem;
  left: -2.7rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu02 .menu-block::after {
    width: 24vw;
    height: 20.8vw;
    bottom: auto;
    left: auto;
    top: -2.6666666667vw;
    right: 0;
  }
}

.main_area .menu02 .menu-block .menu__plan.column {
  width: min(59.4rem, 57vw);
}

@media screen and (max-width: 767px) {
  .main_area .menu02 .menu-block .menu__plan.column {
    width: 100%;
  }
}

.main_area .menu02 .menu__flex--pic {
  flex-shrink: 0;
  width: min(38.5125vw, 38.8rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu02 .menu__flex--pic {
    width: 68.5333333333vw;
    margin: 0 auto 0;
  }
}

.main_area .menu03 .menu-block {
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu03 .menu-block {
    margin: 8vw auto 0;
  }
}

.main_area .menu03 .menu-block::after {
  content: "";
  display: block;
  width: min(10.15625vw, 13rem);
  height: min(5.390625vw, 6.9rem);
  background-image: url(../img/icon_fugu.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -6rem;
  right: -2.7rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu03 .menu-block::after {
    width: 26.9333333333vw;
    height: 14.4vw;
    top: 0;
    right: 0;
  }
}

.main_area .menu03 .menu__flex--pic {
  flex-shrink: 0;
  width: min(43.3125vw, 53rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu03 .menu__flex--pic {
    width: 100%;
  }
}

.main_area .menu04 {
  position: relative;
}

.main_area .menu04 .menu-block {
  position: relative;
}

.main_area .menu04 .menu-block::after {
  content: "";
  display: block;
  width: min(10.15625vw, 13rem);
  height: min(5.390625vw, 6.9rem);
  background-image: url(../img/icon_tai.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 26%;
  right: -10%;
  z-index: 2;
}

@media screen and (max-width: 910px) {
  .main_area .menu04 .menu-block::after {
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .menu-block::after {
    width: 29.0666666667vw;
    height: 17.6vw;
    top: 65.3333333333vw;
    right: -2.1333333333vw;
  }
}

.main_area .menu04 .menu-block::before {
  content: "";
  display: block;
  width: min(8.359375vw, 10.7rem);
  height: min(6.328125vw, 8.1rem);
  background-image: url(../img/icon_lemon-04.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -7%;
  left: -0.7rem;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .menu-block::before {
    width: 27.2vw;
    height: 20.8vw;
    bottom: -13.3333333333vw;
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .menu__flex {
    margin-bottom: 21.3333333333vw;
  }
}

.main_area .menu04 .red {
  font-size: max(1.25vw, 1.6rem);
  font-weight: 500;
  color: #AD1C1C;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .red {
    font-size: 4vw;
  }
}

.main_area .menu04 .banner_01 {
  display: flex;
  width: min(78.125vw, 100rem);
  height: min(10.78125vw, 13.8rem);
  margin: min(3.125vw, 4rem) auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01 {
    width: 100%;
    height: auto;
    flex-direction: column;
    margin: 10.6666666667vw 0 0 0;
  }
}

.main_area .menu04 .banner_01__pic {
  width: min(10.78125vw, 13.8rem);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B10C15;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__pic {
    width: 100%;
    padding: 2.6666666667vw 0 0 0;
  }
}

.main_area .menu04 .banner_01__pic img {
  width: min(8.90625vw, 11.4rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__pic img {
    width: 26.6666666667vw;
  }
}

.main_area .menu04 .banner_01__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.4rem;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0.2rem solid #B10C15;
  padding: 0 0 0 2.2rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__text {
    border: 0.5333333333vw solid #B10C15;
    padding: 0;
    gap: 0;
  }
}

.main_area .menu04 .banner_01__text picture {
  display: block;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__text picture {
    width: 100%;
    background-color: #B10C15;
    padding: 5.3333333333vw 0 5.3333333333vw 0;
  }
}

.main_area .menu04 .banner_01__text picture img {
  width: min(26.953125vw, 34.5rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__text picture img {
    width: 77.0666666667vw;
    margin: 0 auto;
  }
}

.main_area .menu04 .banner_01__text p {
  font-size: 1.8rem;
  font-weight: 600;
  color: #B10C15;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_01__text p {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    padding: 15px 17px;
    text-align: center;
  }
}

.main_area .menu04 .banner_02 {
  display: flex;
  width: min(78.125vw, 100rem);
  margin: 3rem auto 4rem;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02 {
    width: 100%;
    flex-direction: column-reverse;
  }
}

.main_area .menu04 .banner_02__text {
  background-color: #B10C15;
  background: linear-gradient(90deg, rgb(155, 35, 38) 0%, rgb(234, 85, 57) 100%);
  padding: min(2.65625vw, 3.4rem) min(2.03125vw, 2.6rem) 0 min(2.03125vw, 2.6rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text {
    padding: 5.3333333333vw 8vw;
  }
}

.main_area .menu04 .banner_02__text--ttl {
  font-size: min(2.1875vw, 2.8rem);
  font-feature-settings: "palt";
  border-bottom: 1px solid #fff;
  padding: 0rem 0 1.7rem 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--ttl {
    text-align: center;
    font-size: 6.1333333333vw;
  }
}

.main_area .menu04 .banner_02__text--ttl .lg {
  font-size: min(2.34375vw, 3rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--ttl .lg {
    font-size: 8vw;
  }
}

.main_area .menu04 .banner_02__text--ttl .sml {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--ttl .sml {
    font-size: 4.8vw;
  }
}

.main_area .menu04 .banner_02__text--det {
  font-size: min(1.25vw, 1.6rem);
  font-weight: 200;
  line-height: 1.5;
  margin: min(1.484375vw, 1.9rem) 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--det {
    font-weight: 300;
    font-size: 4.2666666667vw;
    margin: 5.3333333333vw 0 0 0;
  }
}

.main_area .menu04 .banner_02__text--det span {
  font-size: min(1.015625vw, 1.3rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--det span {
    font-size: 3.2vw;
  }
}

.main_area .menu04 .banner_02__text--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 5rem;
  width: min(30.625vw, 39.2rem);
  height: min(4.0625vw, 5.2rem);
  margin: 0 auto;
  background-color: #EBBEBE;
  color: #B10C15;
  font-size: min(1.40625vw, 1.8rem);
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--btn {
    width: 100%;
    height: 13.8666666667vw;
    font-size: 4.8vw;
    margin: 8vw 0 2.6666666667vw 0;
  }
}

.main_area .menu04 .banner_02__text--btn::after {
  content: "";
  display: block;
  width: min(1.40625vw, 1.8rem);
  height: min(1.40625vw, 1.8rem);
  background-image: url(../img/btn_aroww-red.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /* top: 50%; */
  right: 10%;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__text--btn::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.main_area .menu04 .banner_02__pic {
  width: min(23vw, 26.8rem);
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu04 .banner_02__pic {
    width: 100%;
  }
}

.main_area .menu05 .menu__flex--pic {
  width: min(53vw, 53.3rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu__flex--pic {
    width: 100%;
  }
}

.main_area .menu05 .menu__inner {
  width: 100%;
}

.main_area .menu05 .menu-block:nth-of-type(1) {
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1) .menu__plan .menu__plan--item {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1) .menu__plan .flex_basis {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1) .mo_icon_menu.local {
    margin: 0 26.6666666667vw 0 0;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1) .menu__plan--list:nth-of-type(1) {
    flex-basis: 42%;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1) .menu__plan--list:nth-of-type(2) {
    flex-basis: 54%;
  }
}

.main_area .menu05 .menu-block:nth-of-type(1)::after {
  content: "";
  display: block;
  width: min(10.546875vw, 13.5rem);
  height: min(6.953125vw, 8.9rem);
  background-image: url(../img/icon_tako.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5.8rem;
  right: 3%;
}

@media screen and (max-width: 767px) {
  .main_area .menu05 .menu-block:nth-of-type(1)::after {
    width: 33.3333333333vw;
    height: 21.6vw;
    top: -13.3333333333vw;
    right: 0;
  }
}

.main_area .menu05 .menu-block .menu__plan--list li dl dt {
  font-weight: 300;
}

.main_area .menu06 .menu__flex .menu-block-02 {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .menu__flex .menu-block-02 {
    margin: 0 auto;
  }
}

.main_area .menu06 .menu-block .menu__plan {
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .menu-block .menu__plan {
    margin: 0 auto 10.6666666667vw;
  }
}

.main_area .menu06 .menu-block .menu__plan::after {
  content: "";
  display: block;
  width: min(9.21875vw, 11.8rem);
  height: min(6.5625vw, 8.4rem);
  background-image: url(../img/icon_lemon-02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -26%;
  right: -4%;
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .menu-block .menu__plan::after {
    width: 28.5333333333vw;
    height: 20.5333333333vw;
    bottom: -13.3333333333vw;
    right: 0;
  }
}

.main_area .menu06 .menu__flex--pic {
  flex-shrink: 0;
  width: min(53vw, 53rem);
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .menu__flex--pic {
    width: 100%;
  }
}

.main_area .menu06 .menu__flex--pic-02 {
  width: min(24.84375vw, 31.8rem);
  margin: 0 auto -3rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .menu__flex--pic-02 {
    width: 83.2vw;
    margin: 0 0 -8vw auto;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu06 .flex-inner__left {
    display: flex;
    flex-direction: column-reverse;
  }
}

.main_area .menu07 .menu-block .menu__plan {
  position: relative;
}

@media screen and (max-width: 767px) {
  .main_area .menu07 .menu-block .menu__plan {
    margin: 0 auto 10.6666666667vw;
  }
}

.main_area .menu07 .menu-block .menu__plan::after {
  content: "";
  display: block;
  width: min(7.578125vw, 9.7rem);
  height: min(7.65625vw, 9.8rem);
  background-image: url(../img/icon_lemon-05.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -20%;
  right: 0%;
}

@media screen and (max-width: 767px) {
  .main_area .menu07 .menu-block .menu__plan::after {
    width: 28.5333333333vw;
    height: 20.5333333333vw;
    bottom: -13.3333333333vw;
    right: 0;
  }
}

.main_area .stayplan {
  width: 100%;
  background-image: url(../img/plan_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6rem 0 8.5rem;
}

@media screen and (max-width: 767px) {
  .main_area .stayplan {
    background-image: none;
    background-color: #00AECF;
    padding: 16.2666666667vw 2.6666666667vw 25.3333333333vw;
  }
}

.main_area .stayplan h3 {
  font-size: max(2.8125vw, 3.6rem);
  font-weight: 400;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .main_area .stayplan h3 {
    font-size: 8.8vw;
  }
}

.main_area .stayplan__list {
  background-color: #fff;
  display: flex;
  justify-content: center;
  gap: min(3.90625vw, 5rem);
  width: min(100vw, 100rem);
  margin: 5rem auto 0;
  padding: 4rem 0 6rem;
  box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
  .main_area .stayplan__list {
    width: 100%;
    flex-direction: column;
    margin: 9.3333333333vw 0 0 0;
    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw;
    gap: 13.3333333333vw;
  }
}

.main_area .stayplan__list--item {
  width: min(46vw, 42.6rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .main_area .stayplan__list--item {
    width: 100%;
  }
}

.main_area .stayplan__list-ttl {
  font-size: 2.4rem;
  color: #00AECF;
  margin: min(1.015625vw, 1.3rem) 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .stayplan__list-ttl {
    font-size: 5.8666666667vw;
    text-align: center;
    margin: 5.3333333333vw 0 0 0;
  }
}

.main_area .stayplan__text {
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: min(0.703125vw, 0.9rem) 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .stayplan__text {
    font-size: 3.7333333333vw;
    text-align: center;
    line-height: 1.7;
    margin: 5.3333333333vw 0 0 0;
  }
}

.main_area .stayplan .mo_btn__blue {
  margin: 2rem auto 0;
}

.main_area .menu-dev {
  background-color: #EBF6D6;
  padding: 9rem 0 4rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev {
    padding: 0 0 10.6666666667vw 0;
  }
}

.main_area .menu-dev__flex {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: min(100vw, 100rem);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev__flex {
    width: 100%;
    flex-direction: column;
    gap: 0;
  }
}

.main_area .menu-dev__pic {
  width: min(48vw, 47.4rem);
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev__pic {
    width: 100%;
  }
}

.main_area .menu-dev__text--ttl {
  color: #0060B0;
  font-size: 3.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev__text--ttl {
    font-size: 8vw;
    margin: 8vw 0 0 0;
  }
}

.main_area .menu-dev__text--ttl span {
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev__text--ttl span {
    font-size: 4.8vw;
  }
}

.main_area .menu-dev__text--detl {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 5rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev__text--detl {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .main_area .menu-dev .mo_btn__blue {
    padding: 0 2.6666666667vw;
  }
}

.main_area .fun {
  padding: 9.7rem 0 0 0;
  background-image: url(../img/bg_fun.svg);
  background-size: 37%;
  background-repeat: no-repeat;
  background-position: 100% -3%;
}

@media screen and (max-width: 767px) {
  .main_area .fun {
    padding: 14.9333333333vw 0 0 0;
    background-size: 69.8666666667vw;
    background-position: 100% 32%;
  }
}

.main_area .fun__logo_01 {
  width: max(10.234375vw, 13.1rem);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .main_area .fun__logo_01 {
    width: 33.6vw;
  }
}

.main_area .fun__logo_02 {
  width: max(29.375vw, 37.6rem);
  margin: 8rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .fun__logo_02 {
    width: 81.3333333333vw;
    margin: 8vw auto 0;
  }
}

.main_area .fun__ttl {
  color: #00B3BF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  margin: 2rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .fun__ttl {
    font-size: 5.6vw;
    margin: 8vw auto 0;
  }
}

.main_area .fun__text {
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
  line-height: 2;
  margin: 3.4rem auto 0;
}

@media screen and (max-width: 767px) {
  .main_area .fun__text {
    font-size: 3.7333333333vw;
    margin: 8vw auto 0;
    padding: 0 2.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .main_area .fun .mo_btn__sky {
    padding: 0 2.6666666667vw;
    margin: 5.3333333333vw auto 0;
  }
}

.main_area .inquiry {
  width: min(100vw, 100rem);
  margin: 7rem auto 0;
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  padding: 5rem 0;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry {
    width: calc(100% - 5.3333333333vw);
    margin: 13.3333333333vw auto 0;
    border-top: 0.2666666667vw solid #000;
    border-bottom: 0.2666666667vw solid #000;
    padding: 8vw 0;
  }
}

.main_area .inquiry__ttl {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__ttl {
    font-size: 3.7333333333vw;
  }
}

.main_area .inquiry__tel {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 400;
  margin: 1.5rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__tel {
    font-size: 9.0666666667vw;
    margin: 4vw 0 0 0;
  }
}

.main_area .inquiry__time {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 1.2rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__time {
    font-size: 3.7333333333vw;
    margin: 3.2vw 0 0 0;
  }
}

.main_area .inquiry__add {
  margin: 5rem 0;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__add {
    margin: 8vw 0;
  }
}

.main_area .inquiry__add .add__name {
  text-align: center;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__add .add__name {
    font-size: 5.0666666667vw;
  }
}

.main_area .inquiry__add .add__contact {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 2rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .main_area .inquiry__add .add__contact {
    font-size: 4vw;
    margin: 2.6666666667vw 0 0 0;
    line-height: 1.6;
  }
}

.main_area .sns__list {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .main_area .sns__list {
    gap: 6.6666666667vw;
  }
}

.main_area .sns__list li a {
  display: block;
  width: 4rem;
}

@media screen and (max-width: 767px) {
  .main_area .sns__list li a {
    width: 9.8666666667vw;
  }
}

.main_area .map {
  margin: 6rem 0 0 0;
}

.main_area .map iframe {
  aspect-ratio: 1/0.284;
  width: 100vw;
  height: auto;
}

@media screen and (max-width: 767px) {
  .main_area .map iframe {
    aspect-ratio: 375/202;
  }
}

.footer {
  background-color: #f3eee7;
  padding: 3.5rem 0 6rem;
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 9.0666666667vw 2.6666666667vw;
  }
}

.footer__notes {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.footer__notes li {
  font-size: 1rem;
  font-weight: 300;
  text-indent: -1.1rem;
  padding-left: 0.5rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .footer__notes li {
    font-size: 2.6666666667vw;
    text-indent: 0vw;
    padding-left: 0vw;
    line-height: 1.6;
  }
}

.footer__link {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 7rem auto 0;
}

@media screen and (max-width: 767px) {
  .footer__link {
    margin: 8vw auto 0;
    flex-direction: column;
    gap: 1.3333333333vw;
  }
}

.footer__link li a {
  padding: 0 2rem 0 0;
  /* margin: 0 0 0 2rem; */
  display: flex;
  justify-content: center;
  /* gap: 2rem; */
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .footer__link li a {
    padding: 0 5.3333333333vw 0 0;
  }
}

.footer__link li a::before {
  content: "";
  display: block;
  margin: 0 2rem 0 0;
  width: 0.15rem;
  height: 1.6rem;
  background-color: #000;
}

@media screen and (max-width: 767px) {
  .footer__link li a::before {
    margin: 0 5.3333333333vw 0 0;
    width: 0.2666666667vw;
    height: 4.2666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .footer__link li a::after {
    content: "";
    display: block;
    margin: 0 0 0 2rem;
    width: 0.15rem;
    height: 1.6rem;
    background-color: #000;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .footer__link li a::after {
    margin: 0 0 0 5.3333333333vw;
    width: 0.2666666667vw;
    height: 4.2666666667vw;
  }
}

.footer__link li:last-of-type a {
  padding: 0;
}

.footer__link li:last-of-type a::after {
  content: "";
  display: block;
  margin: 0 0 0 2rem;
  width: 0.15rem;
  height: 1.6rem;
  background-color: #000;
}

@media screen and (max-width: 767px) {
  .footer__link li:last-of-type a::after {
    margin: 0 0 0 5.3333333333vw;
    width: 0.2666666667vw;
    height: 4.2666666667vw;
  }
}

.footer__copy {
  text-align: center;
  margin: 3rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .footer__copy {
    margin: 5.3333333333vw 0 0 0;
  }
}

.footer__copy small {
  font-size: 1.1rem;
  font-weight: 300;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .footer__copy small {
    font-size: 2.9333333333vw;
  }
}

.slick-prev .slick-arrow {
  width: 10px;
  height: 10px;
  background-image: url(../img/slider_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.arrow_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .arrow_box {
    margin: 0;
  }
}

.prev-arrow,
.next-arrow {
  display: block;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 30px;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  position: absolute;
}

.prev-arrow {
  transform: rotate(180deg);
  margin-right: 20px;
  width: 30px;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  position: absolute;
}

.next-arrow {
  top: 0;
  left: auto;
  right: 0;
}

.prev-arrow::before,
.next-arrow::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../img/slider_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  margin: auto;
}

@media screen and (max-width: 767px) {

  .prev-arrow::before,
  .next-arrow::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.prev-arrow::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.next-arrow::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}