@charset "UTF-8";
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"); */
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

a,
button {
  cursor: revert;
}

ol,
ul,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  width: 100%;
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

::-webkit-input-placeholder {
  color: unset;
}

::-moz-placeholder {
  color: unset;
}

:-ms-input-placeholder {
  color: unset;
}

::-ms-input-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

@media screen and (min-width: 768px) {
  .p-access {
    margin-bottom: 18.5rem;
    padding: 12rem 0 14.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access {
    margin-bottom: 6.66667vw;
    padding: 18.66667vw 0 14.66667vw;
  }
}
.p-access__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-access__twrap {
    width: 40rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-access__twrap {
    width: 53.33333vw;
    margin: 0 auto 8vw;
  }
}
.p-access__entitle {
  font-style: italic;
  position: relative;
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access__entitle {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-access__bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-access__bg {
    top: -3.8rem;
    left: 0.1rem;
    width: 10.05166rem;
    height: 17.20925rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access__bg {
    top: -12.66667vw;
    left: -2.66667vw;
    width: 20.10333vw;
    height: 34.41849vw;
  }
}
.p-access__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access__title {
    margin-top: 1.33333vw;
  }
}
.p-recoomend__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access__map {
    position: relative;
    max-width: 160rem;
    height: 50rem;
    margin: 6rem auto 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access__map {
    position: relative;
    width: 100%;
    height: 57.91933vw;
    margin-bottom: 8vw;
  }
}
.p-access__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-access-info__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__title {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__title {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__title {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__title {
    margin-bottom: 5.33333vw;
  }
}
.p-access-info__text {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__text {
    font-size: max(1.5rem, 10px);
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 300;
    line-height: 1.38462;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__text {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__text {
    margin-bottom: 2.66667vw;
  }
}
.p-access-info__tel {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__tel {
    font-size: max(2.4rem, 10px);
    font-weight: 300;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__tel {
    font-size: max(4.8vw, 10px);
    font-weight: 300;
    line-height: 1.27778;
    letter-spacing: 0;
  }
}
.p-access-info__tel::after {
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/tel.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-access-info__tel::after {
    top: 55%;
    width: 1.8344rem;
    height: 1.8344rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__tel::after {
    top: 54%;
    width: 3.6688vw;
    height: 3.6688vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__tel {
    margin-bottom: 0.4rem;
    padding-left: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__tel {
    margin-bottom: 0.53333vw;
    padding-left: 4.66667vw;
  }
}
.p-access-info__subtitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__subtitle {
    font-size: max(1.5rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__subtitle {
    font-size: max(3vw, 10px);
    font-weight: 300;
    line-height: 1.68889;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__subtitle {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__subtitle {
    margin-bottom: 1.33333vw;
  }
}
.p-access-info__text--time {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__text--time {
    font-size: max(1.3rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__text--time {
    font-size: max(2.66667vw, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
.p-access-info__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-access-info__container {
    max-width: 45rem;
    margin: 3.5rem auto 3rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .p-access-info__container {
    max-width: 55rem;
  }
}
@media screen and (max-width: 1950px) and (min-width: 768px) {
  .p-access-info__container {
    max-width: 65rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__container {
    margin: 6.66667vw auto 5.33333vw;
  }
}
.p-access-info__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .p-access-info__box {
    padding: 1.33333vw 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__box:first-child {
    padding-right: 4rem;
    /* border-right: 0.5px solid #0a1a32; */
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__box:first-child {
    padding-right: 1.33333vw;
    /* border-right: 0.75px solid #0a1a32; */
  }
}
@media screen and (min-width: 768px) {
  .p-access-info__box:last-child {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-info__box:last-child {
    padding-left: 1.33333vw;
  }
}
.p-access__mail {
  text-align: center;
}

.p-access__mail a {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-access__mail a {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access__mail a {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.42857;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access__mail a {
    margin-bottom: 12rem;
    padding-left: max(2.5rem, 16px);
  }
}
@media screen and (max-width: 767px) {
  .p-access__mail a {
    margin-bottom: 13.33333vw;
    padding-left: 5.06667vw;
  }
}
.p-access__mail a::after {
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/mail.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-access__mail a::after {
    top: 55%;
    width: max(1.95669rem, 13px);
    height: max(1.40637rem, 9px);
  }
}
@media screen and (max-width: 767px) {
  .p-access__mail a::after {
    top: 54%;
    width: 3.91339vw;
    height: 2.81275vw;
  }
}
.p-access__link {
  text-align: center;
}

.u-pcbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-pcbr {
    display: inline;
  }
}

@media screen and (min-width: 768px) {
  .u-spbr {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-hover {
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 768px) {
  .u-hover:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .l-breadcrumb {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    margin-top: 5.33333vw;
  }
}
.l-breadcrumb__inner {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .l-breadcrumb__inner {
    max-width: 132rem;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb__inner {
    max-width: 89.33333vw;
  }
}
.l-breadcrumb__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-breadcrumb__item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .l-breadcrumb__item {
    font-size: max(1.2rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb__item {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-breadcrumb__item {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb__item {
    margin-right: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-breadcrumb__item:not(:last-child) {
    padding-right: 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb__item:not(:last-child) {
    padding-right: 3.33333vw;
  }
}
.l-breadcrumb__item:not(:last-child)::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: ">";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #0a1a32;
}

@media screen and (min-width: 768px) {
  .l-breadcrumb__item:not(:last-child)::before {
    font-size: max(1.2rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb__item:not(:last-child)::before {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
.c-btn {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-btn {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-btn {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-btn {
    padding: 1.4rem 5.5rem 1.6rem;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    border: 1px solid #0a1a32;
  }
}
@media screen and (max-width: 767px) {
  .c-btn {
    padding: 2.86667vw 16vw 3.13333vw;
    border: 1.6px solid #0a1a32;
  }
}
@media screen and (min-width: 768px) {
  .c-btn:hover {
    color: #fff;
    background: #0a1a32;
  }
}
.c-btn::after {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #74c3c9 3.68%, #79c0d2 10.7%, #7bbfd5 21.08%, #7cbfcf 24.84%, #84c1ac 49.42%, #88c396 69.54%, #8ac38e 82.55%);
  background: linear-gradient(140deg, #6fc6c1 0%, #74c3c9 3.68%, #79c0d2 10.7%, #7bbfd5 21.08%, #7cbfcf 24.84%, #84c1ac 49.42%, #88c396 69.54%, #8ac38e 82.55%);
}

@media screen and (min-width: 768px) {
  .c-btn::after {
    left: -1.9rem;
    width: 3.8rem;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn::after {
    left: -5.33333vw;
    width: 10.66667vw;
    height: 3px;
  }
}
.c-btn.m-white {
  color: #fff;
  border: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .c-btn.m-white {
    border: 1.6px solid #fff;
  }
}
.c-btn.m-white::after {
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #6fc6c1 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #6fc6c1 100%);
}

@media screen and (min-width: 768px) {
  .c-btn.m-white:hover {
    color: #fff;
    border: 1px solid #0a1a32;
    background: #0a1a32;
  }
}
.c-btn.m-sm {
  color: #fff;
  background: #0a1a32;
}

@media screen and (min-width: 768px) {
  .c-btn.m-sm {
    font-size: max(1.4rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-btn.m-sm {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-btn.m-sm {
    padding: 0.6rem 4.2rem 0.8rem;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
}
@media screen and (max-width: 767px) {
  .c-btn.m-sm {
    padding: 1.73333vw 10.93333vw 2vw;
  }
}
.c-btn.m-sm::after {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-btn.m-sm:hover {
    color: #0a1a32;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(10, 26, 50, 0.5);
    box-shadow: 0 0 2px 1px rgba(10, 26, 50, 0.5);
  }
}
body.is-loading {
  overflow: hidden;
}

.l-loader {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ede8dc;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s ease, visibility 0s linear 0s;
}
.l-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0s linear 0.8s;
}

.l-loader__logo {
  width: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  .l-loader__logo {
    width: 43.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .l-loader__logo {
    width: 77.5vw;
  }
}
.l-loader__logo .cls-1 {
  fill: transparent;
}
.l-loader__logo .svg-elem-1 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
.l-loader__logo .svg-elem-2 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s;
}
.l-loader__logo .svg-elem-3 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}
.l-loader__logo .svg-elem-4 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s;
}
.l-loader__logo .svg-elem-5 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}
.l-loader__logo .svg-elem-6 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
}
.l-loader__logo .svg-elem-7 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}
.l-loader__logo .svg-elem-8 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s;
}
.l-loader__logo .svg-elem-9 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}
.l-loader__logo .svg-elem-10 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
}
.l-loader__logo .svg-elem-11 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}
.l-loader__logo .svg-elem-12 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
}
.l-loader__logo .svg-elem-13 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}
.l-loader__logo .svg-elem-14 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.45s;
}
.l-loader__logo .svg-elem-15 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}
.l-loader__logo .svg-elem-16 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
}
.l-loader__logo .svg-elem-17 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}
.l-loader__logo .svg-elem-18 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s;
}
.l-loader__logo .svg-elem-19 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}
.l-loader__logo .svg-elem-20 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
}
.l-loader__logo .svg-elem-21 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}
.l-loader__logo .svg-elem-22 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
}
.l-loader__logo .svg-elem-23 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}
.l-loader__logo .svg-elem-24 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.95s;
}
.l-loader__logo .svg-elem-25 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}
.l-loader__logo .svg-elem-26 {
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.05s;
}
.l-loader__logo.active .svg-elem-1 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-2 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-3 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-4 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-5 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-6 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-7 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-8 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-9 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-10 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-11 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-12 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-13 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-14 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-15 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-16 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-17 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-18 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-19 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-20 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-21 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-22 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-23 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-24 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-25 {
  fill: #6c7a40;
}
.l-loader__logo.active .svg-elem-26 {
  fill: #6c7a40;
}

.l-header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  box-shadow: none;
  transition: background 0.4s ease, box-shadow 0.4s ease;
}
.l-header.is-scrolled {
  background: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(51, 51, 51, 0.06);
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .l-header__inner {
    padding: 1.0416666667vw 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    padding: 3vw 4vw;
  }
}

.l-header__logo {
  flex: none;
}
.l-header__logo img {
  width: auto;
  transition: filter 0.4s ease;
  filter: brightness(0) invert(1);
}
.l-header.is-scrolled .l-header__logo img {
  filter: none;
}
@media screen and (min-width: 768px) {
  .l-header__logo img {
    width: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo img {
    width: 43.3333333333vw;
  }
}

.l-header__list.is-pc {
  display: flex;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 768px) {
  .l-header__list.is-pc {
    gap: 1.6666666667vw;
    margin: 0 auto;
  }
}

.l-header__item a {
  position: relative;
  display: block;
  color: #ffffff;
  white-space: nowrap;
  transition: color 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-header__item a {
    font-size: 0.8333333333vw;
  }
}
.l-header.is-scrolled .l-header__item a {
  color: #333333;
}
.l-header__item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #6c7a40;
  transition: width 0.3s ease;
}
.l-header__item a:hover {
  color: #6c7a40;
}
.l-header__item a:hover::after {
  width: 100%;
}

.l-header__links {
  display: flex;
  align-items: center;
  flex: none;
}
@media screen and (min-width: 768px) {
  .l-header__links {
    gap: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .l-header__links {
    gap: 2vw;
  }
}

.l-header-lang {
  position: relative;
  flex: none;
  color: #ffffff;
  transition: color 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-header-lang {
    font-size: 0.6770833333vw;
  }
}
@media screen and (max-width: 767px) {
  .l-header-lang {
    font-size: 2.25vw;
  }
}
.l-header.is-scrolled .l-header-lang {
  color: #333333;
}

.gt_container-ds78lo .gt_switcher .gt_selected a {
  border: none !important;
  border-bottom: 1px solid #fff !important;
  color: #fff !important;
}
.gt_container-ds78lo .gt_switcher .gt_selected a:after {
  top: 8px;
  width: 0.4166666667vw !important;
  height: 0.4166666667vw !important;
  background: none !important;
  border-left: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  color: #fff !important;
}
@media screen and (max-width: 767px) {
  .gt_container-ds78lo .gt_switcher .gt_selected a:after {
    top: 1.2962962963vw;
    width: 1.2962962963vw !important;
    height: 1.2962962963vw !important;
    transform: rotate(-45deg);
  }
}
.gt_container-ds78lo .gt_switcher .gt_selected a:hover, .gt_container-ds78lo .gt_switcher .gt_selected a:hover:after {
  color: #333333 !important;
}

.gt_container-ds78lo .gt_switcher .gt_selected a.open:after {
  transform: rotate(-225deg) !important;
}

.l-header.is-scrolled .gt_container-ds78lo .gt_switcher .gt_selected a {
  border-bottom: 1px solid #333 !important;
  color: #333 !important;
}
.l-header.is-scrolled .gt_container-ds78lo .gt_switcher .gt_selected a:after {
  color: #333 !important;
}

.l-header__link--reserve {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ffffff;
  color: #ffffff;
  line-height: 1.3;
  transition: 0.4s ease;
}
@media screen and (min-width: 768px) {
  .l-header__link--reserve {
    padding: 0.5208333333vw 1.25vw;
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .l-header__link--reserve {
    display: none;
  }
}
.l-header.is-scrolled .l-header__link--reserve {
  border-color: #333333;
  color: #333333;
}
.l-header__link--reserve:hover {
  background: #6c7a40;
  border-color: #6c7a40;
  color: #ffffff;
}

.l-drawer__opener {
  position: relative;
  display: block;
  flex: none;
}
@media screen and (max-width: 767px) {
  .l-drawer__opener {
    width: 5vw;
    height: 3.6vw;
  }
}
.l-drawer__opener span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  transition: background 0.4s ease, transform 0.3s ease, opacity 0.3s ease;
}
.l-header.is-scrolled .l-drawer__opener span {
  background: #333333;
}
.l-drawer__opener span:nth-child(1) {
  top: 0;
}
.l-drawer__opener span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.l-drawer__opener span:nth-child(3) {
  bottom: 0;
}
.l-drawer__opener.is-active span {
  background: #ffffff;
}
.l-drawer__opener.is-active span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.l-drawer__opener.is-active span:nth-child(2) {
  opacity: 0;
}
.l-drawer__opener.is-active span:nth-child(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

.l-header.is-menuOpen {
  background: rgba(86, 95, 49, 0.92);
  box-shadow: none;
}

.l-drawer {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: transparent;
}
.l-drawer.is-active {
  display: block;
}

.l-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
  height: 100%;
  width: 80%;
  background: rgba(86, 95, 49, 0.94);
  text-align: center;
  transform: translateX(100%);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.l-drawer.is-active .l-drawer__panel {
  transform: translateX(0);
}
@media screen and (max-width: 767px) {
  .l-drawer__panel {
    padding: 20vw 6vw 10vw;
  }
}

.l-drawer__close {
  position: absolute;
  display: block;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .l-drawer__close {
    top: 4vw;
    right: 4vw;
    width: 5vw;
    height: 5vw;
  }
}
.l-drawer__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 70%;
  height: 2px;
  background: #ffffff;
}
.l-drawer__close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-drawer__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-drawer__close:hover {
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
  .l-drawer__list.m-main {
    margin-bottom: 6vw;
  }
}

.l-drawer__list.m-sub {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .l-drawer__list.m-sub {
    gap: 1vw 3vw;
    margin-top: 4vw;
  }
}

.l-drawer__item a {
  display: block;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .l-drawer__item a {
    padding: 2.5vw 0;
    font-size: 3.5vw;
  }
}
.l-drawer__item a:hover {
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
  .l-drawer__link {
    margin-top: 5vw;
  }
}
.l-drawer__link a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-drawer__link a {
    padding: 2.5vw;
    font-size: 3.2vw;
  }
}
.l-drawer__link a:hover {
  background: rgba(255, 255, 255, 0.12);
}

.l-footer {
  background: #6c7a40;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding: 8.3333333333vw 0 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding: 22vw 0 8vw;
  }
}

.l-footer a {
  color: #ffffff;
}

.l-footer-nav a:hover,
.l-footer__item a:hover {
  opacity: 0.7;
}

.l-footer__inner {
  max-width: 106.6666666667vw;
  margin: 0 auto;
  padding: 0 3.3333333333vw;
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    padding: 0 6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .l-footer__container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__container + .l-footer__container {
    margin-top: 8vw;
  }
}

.l-footer__logo img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .l-footer__logo img {
    width: 36.0416666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__logo img {
    width: 81.9444444444vw;
  }
}

@media screen and (min-width: 768px) {
  .l-footer-info {
    margin-top: 1.5vw;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-info {
    margin-top: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .l-footer-info__box + .l-footer-info__box {
    margin-top: 2vw;
  }
}

.l-footer-info__text--add,
.l-footer-info__text {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .l-footer-info__text--add,
  .l-footer-info__text {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-info__text--add,
  .l-footer-info__text {
    font-size: 2.8vw;
  }
}

.l-footer-info__list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .l-footer-info__list {
    gap: 1vw;
    margin-top: auto;
    padding-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-info__list {
    gap: 2.6666666667vw;
    margin-top: 4vw;
  }
}

.l-footer-info__item a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .l-footer-info__item a {
    width: 1.5vw;
    height: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-info__item a {
    width: 4.8vw;
    height: 4.8vw;
  }
}
.l-footer-info__item a img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
  object-fit: contain;
}

.l-footer-nav.is-pc {
  display: flex;
}
@media screen and (min-width: 768px) {
  .l-footer-nav.is-pc {
    gap: 3.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .l-footer__list + .l-footer__list {
    margin-left: 0;
  }
}

.l-footer__item {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .l-footer__item {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__item {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__item + .l-footer__item {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__item + .l-footer__item {
    margin-top: 2.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .l-footer-nav.is-sp {
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }
}

.l-footer__list.m-main {
  display: grid;
}
@media screen and (max-width: 767px) {
  .l-footer__list.m-main {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2vw 3vw;
  }
}
.l-footer__list.m-main .l-footer__item {
  margin-top: 0 !important;
}

.l-footer__list.m-sub {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .l-footer__list.m-sub {
    gap: 1vw 3vw;
  }
}
.l-footer__list.m-sub .l-footer__item {
  margin-top: 0 !important;
}

.l-footer__company {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-footer__company {
    gap: 1.25vw;
    margin-top: auto;
    padding-top: 2.5vw;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__company {
    gap: 3vw;
    margin-top: 4vw;
  }
}
.l-footer__company img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .l-footer__company img {
    height: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__company img {
    height: 4.8vw;
  }
}
.l-footer__company a {
  background: #fff;
  padding: 0.5em 1em;
}

.l-footer__copylight {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  letter-spacing: 0.05em;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 768px) {
  .l-footer__copylight {
    width: 100%;
    margin-top: 3.3333333333vw;
    padding-top: 1.6666666667vw;
    font-size: 0.6770833333vw;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__copylight {
    margin-top: 6vw;
    padding-top: 3vw;
    font-size: 2.25vw;
  }
}

.wp-pagenavi {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.previouspostslink {
  font-size: 0;
  background: url(../img/module/paging-prev.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .previouspostslink {
    width: 5px;
    height: 9px;
    margin-right: 3.5rem;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 1200px) {
  .previouspostslink {
    width: 0.64265rem;
    height: 1.2853rem;
  }
}
@media screen and (max-width: 767px) {
  .previouspostslink {
    width: 1.28531vw;
    height: 2.5706vw;
    margin-right: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .previouspostslink:hover {
    opacity: 0.7;
  }
}
.nextpostslink {
  font-size: 0;
  background: url(../img/module/paging-next.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .nextpostslink {
    width: 5px;
    height: 9px;
    margin-left: 3.5rem;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 1200px) {
  .nextpostslink {
    width: 0.64265rem;
    height: 1.2853rem;
  }
}
@media screen and (max-width: 767px) {
  .nextpostslink {
    width: 1.28531vw;
    height: 2.5706vw;
    margin-left: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .nextpostslink:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .wp-pagenavi .page {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .page {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .wp-pagenavi .page {
    margin: 0 1rem;
    padding: 0.5rem;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .page {
    margin: 0 2.66667vw;
    padding: 0.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .wp-pagenavi .page:hover {
    opacity: 0.7;
  }
}
.wp-pagenavi .current {
  position: relative;
}

@media screen and (min-width: 768px) {
  .wp-pagenavi .current {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .current {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .wp-pagenavi .current {
    margin: 0 1rem;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .current {
    margin: 0 2.66667vw;
    padding: 0.66667vw;
  }
}
.wp-pagenavi .current::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  background: #88c18c;
}

@media screen and (min-width: 768px) {
  .wp-pagenavi .current::after {
    bottom: -0.1rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .current::after {
    bottom: -0.26667vw;
    width: 1vw;
    height: 1vw;
  }
}
.p-reserve {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-reserve {
    padding: 11.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-reserve {
    padding: 9.46667vw 0;
  }
}
.p-reserve::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.9;
  background: -webkit-linear-gradient(310deg, #7bbfd5 0%, #6fc6c1 51.36%, #8ac38e 100%);
  background: linear-gradient(140deg, #7bbfd5 0%, #6fc6c1 51.36%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .no-webp .p-reserve {
    background: url(../img/top/reserve-bg.jpg) center/cover no-repeat;
  }
  .webp .p-reserve {
    background: url(../img/top/reserve-bg.webp) center/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .no-webp .p-reserve {
    background: url(../img/top/sp/reserve-bg.jpg) center/cover no-repeat;
  }
  .webp .p-reserve {
    background: url(../img/top/sp/reserve-bg.webp) center/cover no-repeat;
  }
}
.p-reserve__inner {
  position: relative;
  z-index: 2;
}

.p-reserve__title {
  font-style: italic;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-reserve__title {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-reserve__title {
    font-size: max(13.2vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-reserve__text {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-reserve__text {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-reserve__text {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-reserve__text {
    margin: 2.2rem 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-reserve__text {
    margin: 4vw 0 4.66667vw;
  }
}
.p-submv {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-submv {
    margin-bottom: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv {
    margin-bottom: 10vw;
  }
}
.p-submv__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-submv__container {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-submv__container {
    width: 83.333333vw;
    height: 80rem;
    padding: 4.65rem 4.65rem 4.65rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-submv__container {
    padding: 4.65rem 2.79rem 4.65rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__container {
    width: 100%;
    height: 118.6672vw;
  }
}
.p-submv__container::after {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #6fc6c1 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #6fc6c1 100%);
}

@media screen and (min-width: 768px) {
  .p-submv__container::after {
    bottom: -4rem;
    left: -3.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__container::after {
    top: 4.66667vw;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.p-submv__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-submv__list {
    width: 16rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__list {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 5.33333vw;
    padding-right: 3.6vw;
  }
}
.p-submv__item a {
  position: relative;
  color: #808080;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

@media screen and (min-width: 768px) {
  .p-submv__item a {
    font-size: max(1.2rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
.p-submv__item a::before {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 100%;
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  background: #808080;
}

@media screen and (min-width: 768px) {
  .p-submv__item a::before {
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__item a:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(1) a {
    padding-bottom: max(3.5rem, 30px);
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(1) a {
    width: 4.53333vw;
    height: 4.53333vw;
  }
}
.p-submv__item:nth-child(1) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(1) a::after {
    width: max(1.7rem, 14px);
    height: max(1.7rem, 14px);
    background: url(../img/module/instagram.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(1) a::after {
    width: 4.53333vw;
    height: 4.53333vw;
    background: url(../img/module/sp/instagram.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(2) a {
    padding-bottom: max(3.5rem, 30px);
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(2) a {
    width: 2.4vw;
    height: 4.53333vw;
  }
}
.p-submv__item:nth-child(2) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(2) a::after {
    width: max(0.9rem, 8px);
    height: max(1.7rem, 14px);
    background: url(../img/module/facebook.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(2) a::after {
    width: 2.4vw;
    height: 4.53333vw;
    background: url(../img/module/sp/facebook.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(3) a {
    padding-bottom: max(3rem, 25px);
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(3) a {
    width: 4.53333vw;
    height: 3.2vw;
  }
}
.p-submv__item:nth-child(3) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-submv__item:nth-child(3) a::after {
    width: max(1.7rem, 14px);
    height: max(1.2rem, 10px);
    background: url(../img/module/youtube.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:nth-child(3) a::after {
    width: 4.53333vw;
    height: 3.2vw;
    background: url(../img/module/sp/youtube.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__item:not(:last-child) {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__item:not(:last-child) {
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__img {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__img.m-1 {
    z-index: 2;
    top: 0;
    right: 0;
    width: 145rem;
    height: 63.91823rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__img.m-1 {
    width: 92.54667vw;
    height: 85.22431vw;
    margin-right: 0;
    margin-left: auto;
  }
}
.p-submv__img.m-2 {
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .p-submv__img.m-2 {
    top: 11.5rem;
    left: -16rem;
    width: 51.13459rem;
    height: 43.8412rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__img.m-2 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__img.m-3 {
    right: 15rem;
    bottom: -12rem;
    width: 56.13509rem;
    height: 36.14651rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__img.m-3 {
    display: none;
  }
}
.p-submv__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-submv__tbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox {
    position: absolute;
    bottom: 2.5rem;
    left: 14rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8.66667vw;
  }
}
.p-submv__tbox.m-halal::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/halal/mv-title.png) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox.m-halal::after {
    top: 63%;
    left: -4.7rem;
    width: 9.58401rem;
    height: 21.15193rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox.m-halal::after {
    top: 50%;
    left: 21.33333vw;
    width: 12.77868vw;
    height: 28.20257vw;
  }
}
.p-submv__tbox.m-spots::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/spots/mv-title.png) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox.m-spots::after {
    top: 75%;
    left: -7.5rem;
    width: 19.20593rem;
    height: 20.65297rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox.m-spots::after {
    top: 50%;
    left: 17.33333vw;
    width: 25.60791vw;
    height: 27.53729vw;
  }
}
.p-submv__tbox.m-rooms::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/rooms/mv-title.png) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox.m-rooms::after {
    top: 75%;
    left: -8.3rem;
    width: 16.93528rem;
    height: 21.38894rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox.m-rooms::after {
    top: 50%;
    left: 18.66667vw;
    width: 22.58037vw;
    height: 28.51859vw;
  }
}
.p-submv__tbox.m-plan::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/plan/mv-title.png) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox.m-plan::after {
    top: 70%;
    left: -7rem;
    width: 11.17576rem;
    height: 21.87817rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox.m-plan::after {
    top: 50%;
    left: 20vw;
    width: 16.51812vw;
    height: 32.33661vw;
  }
}
.p-submv__tbox.m-services::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/services/mv-title.png) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-submv__tbox.m-services::after {
    top: 73%;
    left: -7rem;
    width: 19.20593rem;
    height: 20.65297rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__tbox.m-services::after {
    top: 50%;
    left: 21.33333vw;
    width: 25.60791vw;
    height: 27.53729vw;
  }
}
.p-submv__title {
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .p-submv__title {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__title {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__title {
    margin-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__subtitle {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__subtitle {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-submv__subtitle {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-submv__subtitle {
    margin-top: 1.33333vw;
  }
}
/*------------------------------

  開発環境の初期化

------------------------------*/
a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

img {
  width: 100%;
  max-width: 100%;
}

figure {
  margin: 0;
}

html {
  font-size: 10px;
}

@media screen and (max-width: 1920px) and (min-width: 768px) {
  html {
    font-size: 0.55vw;
  }
}
body {
  /* font-family: "Noto Sans JP", sans-serif; */
  font-family: "Manrope", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  overflow-x: hidden;
  word-break: break-all;
  color: #0a1a32;
}

@media screen and (min-width: 768px) {
  main {
    margin-top: 13rem;
  }
}
@media screen and (max-width: 767px) {
  main {
    margin-top: 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  main.l-nomv {
    padding-top: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  main.l-nomv {
    margin-top: 14.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about {
    height: 164.1rem;
    margin-bottom: 12.5rem;
    padding: 18rem 0 17rem;
    background: -webkit-gradient(linear, left top, right top, from(#eff1f5), color-stop(84%, #eff1f5), color-stop(84%, transparent), to(transparent));
    background: -webkit-linear-gradient(left, #eff1f5 0%, #eff1f5 84%, transparent 84%, transparent 100%);
    background: linear-gradient(to right, #eff1f5 0%, #eff1f5 84%, transparent 84%, transparent 100%);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about {
    margin-bottom: 22.66667vw;
    padding: 12.66667vw 0 16vw;
    background: -webkit-gradient(linear, left top, right top, from(#eff1f5), color-stop(79%, #eff1f5), color-stop(79%, transparent), to(transparent));
    background: -webkit-linear-gradient(left, #eff1f5 0%, #eff1f5 79%, transparent 79%, transparent 100%);
    background: linear-gradient(to right, #eff1f5 0%, #eff1f5 79%, transparent 79%, transparent 100%);
  }
}
.p-top .p-about__inner {
  position: relative;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__box {
    width: 37.5rem;
    margin-left: 94.5rem;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .p-top .p-about__box {
    width: 45rem;
    margin-left: 88rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-about__box {
    width: 50rem;
    margin-left: 85rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__box {
    width: 62rem;
    margin-left: 78rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__box {
    margin-bottom: 22.66667vw;
  }
}
.p-top .p-about__twrap {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__twrap {
    width: 37.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__twrap {
    width: 53.33333vw;
  }
}
.p-top .p-about__entitle {
  font-style: italic;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__entitle {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-top .p-about__bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__bg {
    top: -1.5rem;
    left: 1.5rem;
    width: 13.86777rem;
    height: 14.91261rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__bg {
    top: -5.33333vw;
    left: -3.33333vw;
    width: 24.03747vw;
    height: 25.84852vw;
  }
}
.p-top .p-about__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__title {
    margin: 2.2rem 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__title {
    margin: 4vw 0 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__text {
    font-size: max(2.13333vw, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__text {
    width: 72.93333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-1 {
    top: 0;
    left: 16rem;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .p-top .p-about__img.m-1 {
    left: 10rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-about__img.m-1 {
    left: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-1 {
    width: 72.804vw;
    height: 53.65888vw;
    margin: 0 auto 14.66667vw;
  }
}
.p-top .p-about__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-1 img {
    width: 68.29262rem;
    height: 50.33384rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-1 img {
    width: 63.29262rem;
    height: 45.33384rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-1 img {
    width: 72.804vw;
    height: 53.65888vw;
  }
}
.p-top .p-about__img.m-1::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-1::after {
    top: -4rem;
    width: 76.3rem;
    height: 44rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-1::after {
    width: 71.3rem;
    height: 39rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-1::after {
    top: -5.33333vw;
    width: 81.33333vw;
    height: 46.93333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-2 {
    top: 7rem;
    right: 16rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-about__img.m-2 {
    right: 8rem;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .p-top .p-about__img.m-2 {
    right: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-2 {
    display: inline-block;
    margin-right: 4vw;
  }
}
.p-top .p-about__img.m-2 img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-2 img {
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-2 img {
    width: 32.66784rem;
    height: 29.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-2 img {
    width: 37.05073vw;
    height: 33.96112vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-3 {
    bottom: 25rem;
    left: 38.2rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-about__img.m-3 {
    left: 36.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-3 {
    position: absolute;
    top: -14.66667vw;
    right: 0;
  }
}
.p-top .p-about__img.m-3 img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-3 img {
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-3 img {
    width: 32.66784rem;
    height: 29.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-3 img {
    width: 43.71687vw;
    height: 40.07139vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-4 {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-4 {
    display: inline-block;
  }
}
.p-top .p-about__img.m-4 img {
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-4 img {
    width: 45.80577rem;
    height: 38.47923rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-4 img {
    width: 40.80577rem;
    height: 33.47923rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-4 img {
    width: 61.19291vw;
    height: 51.40523vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-5 {
    right: 0;
    bottom: 32.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-5 {
    display: inline-block;
  }
}
.p-top .p-about__img.m-5 img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-5 img {
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-5 img {
    width: 32.66784rem;
    height: 29.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-5 img {
    width: 37.05073vw;
    height: 33.96112vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-6 {
    right: 45.5rem;
    bottom: 0;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .p-top .p-about__img.m-6 {
    right: 40rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-6 {
    position: relative;
    width: 78.32496vw;
    margin: 0 auto;
  }
}
.p-top .p-about__img.m-6 img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-6 img {
    width: 58.74372rem;
    height: 40.39774rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-6 img {
    width: 53.74372rem;
    height: 35.39774rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-6 img {
    width: 78.32496vw;
    height: 53.86365vw;
  }
}
.p-top .p-about__img.m-6::after {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #6fc6c1 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #6fc6c1 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-about__img.m-6::after {
    left: 6.5rem;
    width: 70.1rem;
    height: 52.6rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-top .p-about__img.m-6::after {
    width: 65.1rem;
    height: 47.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__img.m-6::after {
    left: 7.2vw;
    width: 81.86667vw;
    height: 70.13333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__iwrap.m-1 {
    position: relative;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-about__iwrap.m-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-bath {
  position: relative;
  background: #eff1f5;
}

@media screen and (min-width: 768px) {
  .p-bath {
    margin-bottom: 21rem;
    padding: 9rem 0 12.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath {
    margin-bottom: 8vw;
    padding: 14vw 0 33.33333vw;
  }
}
.p-bath::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-bath::after {
    top: -7rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath::after {
    top: -9.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-bath__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-bath__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__entitle {
    margin-bottom: 3.33333vw;
  }
}
.p-bath__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-bath__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.73077;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__title {
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__title {
    margin-bottom: 8.66667vw;
  }
}
.p-bath__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-bath__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__text {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__text {
    margin-left: 22rem;
  }
}
@media screen and (min-width: 1921px) {
  .p-bath__text {
    margin-left: 31rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__text {
    margin: 0 8vw 29.33333vw;
  }
}
.p-bath__img.m-1 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-bath__img.m-1 {
    margin-left: auto;
  }
  .p-bath__img.m-1 img {
    width: 96.00549rem;
    height: 54.02343rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-1 {
    width: 100%;
  }
  .p-bath__img.m-1 img {
    width: 100%;
    height: 56.27119vw;
  }
}
.p-bath__img.m-1::after {
  position: absolute;
  right: 0;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-bath__img.m-1::after {
    top: -15rem;
    width: 64.2rem;
    height: 50.9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-1::after {
    top: -16vw;
    width: 66.85099vw;
    height: 53.02985vw;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__img.m-2 {
    position: absolute;
    bottom: 4.7rem;
    left: 16rem;
  }
  .p-bath__img.m-2 img {
    width: 53.76379rem;
    height: 53.76379rem;
  }
}
@media screen and (min-width: 1921px) {
  .p-bath__img.m-2 {
    bottom: 25.7rem;
    left: 19.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-2 {
    position: relative;
    margin: 8vw 0 0 14vw;
  }
  .p-bath__img.m-2 img {
    width: 51.68505vw;
    height: 51.68505vw;
  }
}
.p-bath__img.m-2::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #ffd7a7 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #ffd7a7 100%);
}

@media screen and (min-width: 768px) {
  .p-bath__img.m-2::after {
    right: 7rem;
    bottom: 7rem;
    width: 55.6rem;
    height: 54.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-2::after {
    top: 16vw;
    left: 14.66667vw;
    width: 51.12239vw;
    height: 51.01099vw;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__img.m-3 img {
    width: 30.77001rem;
    height: 30.77001rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-3 {
    margin-right: 4.66667vw;
  }
  .p-bath__img.m-3 img {
    width: 41.02668vw;
    height: 41.02668vw;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__img.m-4 img {
    width: 30.77001rem;
    height: 30.77001rem;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__img.m-4 img {
    width: 41.02668vw;
    height: 41.02668vw;
  }
}
.p-bath__img img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-bath__iwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-bath__iwrap {
    max-width: 64.81588rem;
    margin-top: 7rem;
    margin-right: 31rem;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-bath__iwrap {
    margin-top: 4.66667vw;
    margin-bottom: 4.66667vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-bath__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-top .p-mv {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv {
    margin-bottom: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv {
    margin-bottom: 11.33333vw;
  }
}
.p-top .p-mv__bar {
  position: absolute;
  width: 25rem;
  height: 2px;
  background: #c8c8c8;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__bar {
    bottom: 12.3rem;
    left: -4%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.p-top .p-mv__bar span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  background: #8ac38e;
}

.p-top .p-mv__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-top .p-mv__container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__container {
    width: 83.333333vw;
    height: 80rem;
    padding: 4.65rem 4.65rem 4.65rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-mv__container {
    padding: 4.65rem 2.79rem 4.65rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__container {
    width: 100%;
    padding: 14.26667vw 0 12.66667vw;
  }
}
.p-top .p-mv__container::after {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #6fc6c1 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #6fc6c1 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__container::after {
    bottom: -4rem;
    left: -3.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__container::after {
    bottom: -5.33333vw;
    left: 0;
    width: 94.53333vw;
  }
}
.p-top .room-search-box {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .room-search-box {
    width: 110rem;
  }
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
  .p-top .room-search-box {
    width: 95% !important;
  }
}
@media screen and (max-width: 767px) {
  .p-top .room-search-box {
    width: 82.66667vw !important;
  }
}
.p-top .p-mv__title {
  position: relative;
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__title {
    width: 99rem;
    height: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__title {
    width: 82.66667vw;
    height: 40vw;
  }
}
.p-top .p-mv__title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-top .p-mv__text {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__text {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__text {
    font-size: max(4vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__text {
    margin-top: 6.51rem;
    margin-bottom: 4.65rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__text {
    margin-top: 2.66667vw;
    margin-bottom: 8vw;
    padding-left: 2vw;
  }
}
.p-top .p-mv__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__list {
    width: 16rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__list {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 5.33333vw;
    padding-right: 3.6vw;
  }
}
.p-top .p-mv__item a {
  position: relative;
  color: #808080;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__item a {
    font-size: max(1.2rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
.p-top .p-mv__item a::before {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 100%;
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  background: #808080;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__item a::before {
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__item a:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(1) a {
    padding-bottom: max(3.5rem, 30px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(1) a {
    width: 4.53333vw;
    height: 4.53333vw;
  }
}
.p-top .p-mv__item:nth-child(1) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(1) a::after {
    width: max(1.7rem, 14px);
    height: max(1.7rem, 14px);
    background: url(../img/module/instagram.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(1) a::after {
    width: 4.53333vw;
    height: 4.53333vw;
    background: url(../img/module/sp/instagram.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(2) a {
    padding-bottom: max(3.5rem, 30px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(2) a {
    width: 2.4vw;
    height: 4.53333vw;
  }
}
.p-top .p-mv__item:nth-child(2) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(2) a::after {
    width: max(0.9rem, 8px);
    height: max(1.7rem, 14px);
    background: url(../img/module/facebook.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(2) a::after {
    width: 2.4vw;
    height: 4.53333vw;
    background: url(../img/module/sp/facebook.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(3) a {
    padding-bottom: max(3rem, 25px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(3) a {
    width: 4.53333vw;
    height: 3.2vw;
  }
}
.p-top .p-mv__item:nth-child(3) a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv__item:nth-child(3) a::after {
    width: max(1.7rem, 14px);
    height: max(1.2rem, 10px);
    background: url(../img/module/youtube.svg) center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:nth-child(3) a::after {
    width: 4.53333vw;
    height: 3.2vw;
    background: url(../img/module/sp/youtube.svg) center/contain no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv__item:not(:last-child) {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv__item:not(:last-child) {
    margin-bottom: 6vw;
  }
}
.p-top .p-mv-form,
.p-top .p-mv__container form {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  margin: 0 auto;
  color: #0a1a32;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form,
  .p-top .p-mv__container form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 110rem;
    padding: 3.5rem 6.2rem 5.5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
  .p-top .p-mv-form,
  .p-top .p-mv__container form {
    width: 95% !important;
    padding: 3.5rem 6.2rem 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form,
  .p-top .p-mv__container form {
    width: 82.66667vw !important;
    padding: 8.26667vw 6.66667vw 8.66667vw;
  }
}
.p-top .p-mv-form::before,
.p-top .p-mv__container form::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(../img/top/mv-form-bg-01.svg) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form::before,
  .p-top .p-mv__container form::before {
    width: 9.8rem;
    height: 9.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form::before,
  .p-top .p-mv__container form::before {
    width: 20vw;
    height: 20vw;
  }
}
.p-top .p-mv-form::after,
.p-top .p-mv__container form::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  background: url(../img/top/mv-form-bg-02.svg) center/cover no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form::after,
  .p-top .p-mv__container form::after {
    width: 9.8rem;
    height: 9.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form::after,
  .p-top .p-mv__container form::after {
    width: 20vw;
    height: 20vw;
  }
}
.p-top .p-mv__container form input,
.p-top .p-mv__container form select {
  font-family: "Noto Sans JP", sans-serif !important;
  width: 100% !important;
  min-width: unset !important;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-input-wrapper-eaf5bf {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 83% !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-input-wrapper-eaf5bf {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:first-child {
    width: 37% !important;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:first-child {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:nth-child(2n) {
    width: 43% !important;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:nth-child(2n) {
    width: 100% !important;
  }
}
.p-top .search-widget-input-wrapper-eaf5bf > *:nth-child(2n) .input-container-input-container-da40af {
  width: 50% !important;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:nth-child(3n) {
    width: 20% !important;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-input-wrapper-eaf5bf > *:nth-child(3n) {
    width: 100% !important;
  }
}
.p-top .input-container-input-container-da40af .input-container-title-db81ec {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .input-container-input-container-da40af .input-container-title-db81ec {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .input-container-input-container-da40af .input-container-title-db81ec {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .input-container-input-container-da40af .input-container-title-db81ec {
    margin-bottom: 0.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .form-twrap-0 .input-container-title-db81ec {
    margin-left: 1.5rem;
    padding-left: max(3rem, 20px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-0 .input-container-title-db81ec {
    padding-left: 6.66667vw;
  }
}
.p-top .form-twrap-0 .input-container-title-db81ec::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/calender.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .form-twrap-0 .input-container-title-db81ec::after {
    width: max(2.1rem, 15px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-0 .input-container-title-db81ec::after {
    width: 4.4vw;
    height: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .form-twrap-1 .input-container-title-db81ec {
    margin-left: 4.5rem;
    padding-left: max(2.5rem, 17px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-1 .input-container-title-db81ec {
    padding-left: 5.33333vw;
  }
}
.p-top .form-twrap-1 .input-container-title-db81ec::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/people.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .form-twrap-1 .input-container-title-db81ec::after {
    width: max(1.5rem, 10px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-1 .input-container-title-db81ec::after {
    width: 3.06667vw;
    height: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .form-twrap-3 .input-container-title-db81ec {
    margin-left: 1.5rem;
    padding-left: max(3rem, 20px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-3 .input-container-title-db81ec {
    padding-left: 6.66667vw;
  }
}
.p-top .form-twrap-3 .input-container-title-db81ec::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/room.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .form-twrap-3 .input-container-title-db81ec::after {
    width: max(2.1rem, 15px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .form-twrap-3 .input-container-title-db81ec::after {
    top: 52%;
    width: 4.26667vw;
    height: 4vw;
  }
}
.p-top .input-container-input-container-da40af {
  width: 100% !important;
  margin: 0 !important;
}

.p-top .search-widget-two-picker-wrapper-4ca735 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .p-top .search-widget-two-picker-wrapper-4ca735 {
    margin-bottom: 4vw;
  }
}
.p-top .search-widget-button-wrapper-d2b715 {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-button-wrapper-d2b715 {
    width: 17%;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-button-wrapper-d2b715 {
    width: 100%;
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
}
.p-top .search-widget-search-container-bf1818 .search-widget-day-use-wrapper-fc1ff9 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-search-container-bf1818 .search-widget-day-use-wrapper-fc1ff9 {
    margin: 10px 0 0 0 !important;
  }
}
@media screen and (min-width: 1301px) {
  .p-top .search-widget-search-container-bf1818 .search-widget-day-use-wrapper-fc1ff9 {
    margin-top: 1rem !important;
  }
}
.p-top .search-widget-calendar-9fdfc9 {
  border-radius: 0 !important;
  background: none !important;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-calendar-9fdfc9 {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .search-widget-calendar-9fdfc9 {
    font-size: 1.5rem !important;
    height: 34px;
    border-top: 0.5px solid #808080 !important;
    border-right: none !important;
    border-bottom: 0.5px solid #808080 !important;
    border-left: 0.5px solid #808080 !important;
  }
}
@media screen and (min-width: 1301px) {
  .p-top .search-widget-calendar-9fdfc9 {
    height: 5.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-calendar-9fdfc9 {
    font-size: 3.2vw !important;
    height: 10.66667vw;
    border: 0.75px solid #808080 !important;
  }
}
.p-top .search-widget-select-75fb48 {
  border-radius: 0 !important;
}

@media screen and (min-width: 768px) {
  .p-top .search-widget-select-75fb48 {
    font-size: 1.5rem !important;
    height: 34px;
    border-top: 0.5px solid #808080 !important;
    border-right: none !important;
    border-bottom: 0.5px solid #808080 !important;
    border-left: 0.5px solid #808080 !important;
  }
}
@media screen and (min-width: 1301px) {
  .p-top .search-widget-select-75fb48 {
    height: 5.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-select-75fb48 {
    font-size: 3.2vw !important;
    height: 10.66667vw;
    border: 0.75px solid #808080 !important;
  }
}
.p-top .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
  border-radius: 0 !important;
}

@media screen and (min-width: 768px) {
  .p-top .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
    font-size: 1.5rem !important;
    height: 34px;
    border-top: 0.5px solid #808080 !important;
    border-right: none !important;
    border-bottom: 0.5px solid #808080 !important;
    border-left: 0.5px solid #808080 !important;
  }
}
@media screen and (min-width: 1301px) {
  .p-top .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
    height: 5.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
    font-size: 3.2vw !important;
    height: 10.66667vw;
    border: 0.75px solid #808080 !important;
  }
}
.p-top .button-btn-f51c1a {
  font-family: "Noto Sans JP", sans-serif !important;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 !important;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  border: #0a1a32;
  border-radius: 0;
  background-color: #0a1a32;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-top .button-btn-f51c1a {
    font-size: max(1.4rem, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .button-btn-f51c1a {
    font-size: max(3.73333vw, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .button-btn-f51c1a {
    font-size: 1.5rem !important;
    height: 34px;
  }
}
@media screen and (min-width: 1301px) {
  .p-top .button-btn-f51c1a {
    height: 5.4rem;
  }
}
.p-top .search-widget-day-use-block-da04c0,
.p-top .search-widget-undated-block-f135c8 {
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
  .p-top .search-widget-day-use-block-da04c0,
  .p-top .search-widget-undated-block-f135c8 {
    font-size: 3.1vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .search-widget-day-use-block-da04c0 > label,
  .p-top .search-widget-undated-block-f135c8 > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-top .p-mv-form__title {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title {
    margin-bottom: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-check {
    margin-left: 1.5rem;
    padding-left: max(3rem, 20px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-check {
    padding-left: 6.66667vw;
  }
}
.p-top .p-mv-form__title.m-check::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/calender.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-check::after {
    width: max(2.1rem, 15px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-check::after {
    width: 4.4vw;
    height: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-people {
    margin-left: 4.5rem;
    padding-left: max(2.5rem, 17px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-people {
    padding-left: 5.33333vw;
  }
}
.p-top .p-mv-form__title.m-people::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/people.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-people::after {
    width: max(1.5rem, 10px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-people::after {
    width: 3.06667vw;
    height: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-room {
    margin-left: 1.5rem;
    padding-left: max(3rem, 20px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-room {
    padding-left: 6.66667vw;
  }
}
.p-top .p-mv-form__title.m-room::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/room.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__title.m-room::after {
    width: max(2.1rem, 15px);
    height: max(2rem, 14px);
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__title.m-room::after {
    top: 52%;
    width: 4.26667vw;
    height: 4vw;
  }
}
.p-top .p-mv-form__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__text {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__text {
    height: 5.4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__text {
    padding: 2.06667vw 4.4vw 2.33333vw;
    border: 0.75px solid #808080;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__text.m-check {
    padding-right: 2rem;
    padding-left: 2rem;
    border-top: 0.5px solid #808080;
    border-bottom: 0.5px solid #808080;
    border-left: 0.5px solid #808080;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__text.m-people {
    padding-right: 1rem;
    padding-left: 1rem;
    border: 0.5px solid #808080;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__text.m-room {
    padding-right: 2rem;
    padding-left: 2rem;
    border-top: 0.5px solid #808080;
    border-bottom: 0.5px solid #808080;
  }
}
.p-top .p-mv-form__data {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__data:nth-child(1) {
    width: 38%;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__data:nth-child(2) {
    width: 27%;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__data:nth-child(3) {
    width: 18%;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__data:nth-child(4) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 17%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__data:not(:last-child) {
    margin-bottom: 4vw;
  }
}
.p-top .p-mv-form__submit {
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  border: #0a1a32;
  border-radius: 0;
  background-color: #0a1a32;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form__submit {
    font-size: max(1.4rem, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__submit {
    font-size: max(3.73333vw, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form__submit {
    height: 5.4rem;
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form__submit {
    padding: 3vw 2.66667vw 2.46667vw;
  }
}
.p-top .p-mv-form-num {
  position: absolute;
  left: 50%;
  display: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num {
    top: -9rem;
    width: 23rem;
  }
}
.p-top .p-mv-form-num__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__box {
    padding: 1.5rem 1.5rem 1.5rem;
  }
}
.p-top .p-mv-form-num__box:first-child {
  border-bottom: 1px solid #cbcbcb;
}

.p-top .p-mv-form-num__text {
  white-space: nowrap;
  color: #4d4d4d;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__text {
    font-size: max(1.3rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__text {
    font-size: max(1.73333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__text {
    margin-right: 7.8rem;
  }
}
.p-top .p-mv-form-num__text--num {
  margin: 0 1.5rem;
  white-space: nowrap;
  color: #4d4d4d;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__text--num {
    font-size: max(1.3rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__text--num {
    font-size: max(1.73333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
.p-top .p-mv-form-num__nbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-top .p-mv-form-num__minus {
  position: relative;
  cursor: pointer;
  background: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__minus {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__minus {
    width: 2vw;
    height: 2vw;
  }
}
.p-top .p-mv-form-num__minus.is-disable {
  background: #b2b2b2;
}

.p-top .p-mv-form-num__minus span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__minus span {
    width: 0.7rem;
    height: 1px;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__minus span {
    width: 0.93333vw;
    height: 1px;
  }
}
.p-top .p-mv-form-num__plus {
  position: relative;
  cursor: pointer;
  background: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__plus {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__plus {
    width: 2vw;
    height: 2vw;
  }
}
.p-top .p-mv-form-num__plus span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__plus span:nth-child(1) {
    width: 0.7rem;
    height: 1px;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__plus span:nth-child(1) {
    width: 0.93333vw;
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form-num__plus span:nth-child(2) {
    width: 1px;
    height: 0.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-num__plus span:nth-child(2) {
    width: 1px;
    height: 0.93333vw;
  }
}
.p-top .p-mv-form-room {
  position: absolute;
  left: 50%;
  display: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-room {
    top: -10.8rem;
    width: 16rem;
  }
}
.p-top .p-mv-form-room__text {
  position: relative;
  cursor: pointer;
  color: #4d4d4d;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-room__text {
    font-size: max(1.3rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-room__text {
    font-size: max(1.73333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-mv-form-room__text {
    padding: 0.9rem 1.5rem 0.9rem;
  }
}
.p-top .p-mv-form-room__text:not(:last-child) {
  border-bottom: 1px solid #cbcbcb;
}

.p-top .p-mv-form-room__text.is-active::after {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/module/select-check.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-top .p-mv-form-room__text.is-active::after {
    right: 1.8rem;
    width: 1.18219rem;
    height: 0.7969rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-mv-form-room__text.is-active::after {
    top: 52%;
    right: 2.4vw;
    width: 2.53333vw;
    height: 1.26667vw;
  }
}
.p-mv__swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-mv__img {
  width: 100%;
  height: 100%;
}

.p-mv__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-top .p-news {
    margin-bottom: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news {
    margin-bottom: 21.33333vw;
  }
}
.p-top .p-news__inner {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 192rem;
    padding-right: 16rem;
    padding-left: 16rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-news__inner {
    padding-left: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__inner {
    padding-right: 5.33333vw;
    padding-left: 5.33333vw;
  }
}
.p-top .p-news__twrap {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__twrap {
    margin-bottom: 10.5rem;
    padding-top: 3rem;
    padding-left: 3rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-news__twrap {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__twrap {
    width: 53.33333vw;
    margin: 0 auto;
    padding-top: 4vw;
  }
}
.p-top .p-news__bg {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__bg {
    width: 7.72728rem;
    height: 17.05414rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__bg {
    width: 13.39396vw;
    height: 29.56051vw;
  }
}
.p-top .p-news__entitle {
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__entitle {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1.3;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__entitle {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__link {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__link {
    text-align: center;
  }
}
.p-top .p-news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__list {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__list {
    margin: 10vw 0 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__item {
    width: calc(50% - 3.133335vw);
    margin-bottom: 12vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__item:not(:nth-child(2n)) {
    margin-right: 6.13333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__item:not(:last-child) {
    margin-right: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__item a {
    width: 28.4rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-news__item a {
    width: 27rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__item a {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__item a img {
    -webkit-transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__item a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0.7;
  }
}
.p-top .p-news__img,
.p-top .p-news__img img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__img {
    overflow: hidden;
    margin-bottom: 3rem;
  }
  .p-top .p-news__img img {
    height: 18.9rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-news__img {
    margin-bottom: 2.5rem;
  }
  .p-top .p-news__img img {
    height: 17rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__img {
    margin-bottom: 4vw;
  }
  .p-top .p-news__img img {
    height: 27.6vw;
  }
}
.p-top .p-news__img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-top .p-news__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__text {
    font-size: max(1.2rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__text {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-news__text {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__text {
    margin-bottom: 1.06667vw;
  }
}
.p-top .p-news__subtitle {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-news__subtitle {
    font-size: max(1.5rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-news__subtitle {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.p-top .p-recommend {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend {
    margin-bottom: 27rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend {
    margin-bottom: 17.33333vw;
  }
}
.p-top .p-recommend::after {
  position: absolute;
  content: "";
  opacity: 0.3;
  background: -webkit-linear-gradient(310deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
  background: linear-gradient(140deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
}

@media screen and (max-width: 767px) {
  .p-top .p-recommend::after {
    z-index: -1;
    top: 62.66667vw;
    left: 0;
    width: 100%;
    height: 126.53333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__inner {
    overflow: hidden;
    padding-top: 8vw;
  }
}
.p-top .p-recommend__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__twrap {
    width: 80rem;
    margin: 0 auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__twrap {
    width: 86.26667vw;
    margin: 0 auto 8vw;
  }
}
.p-top .p-recommend__entitle {
  font-style: italic;
  position: relative;
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__entitle {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-top .p-recommend__bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__bg {
    top: -4.2rem;
    left: -3.5rem;
    width: 9.98148rem;
    height: 19.54019rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__bg {
    top: -6.66667vw;
    left: 1.33333vw;
    width: 17.30123vw;
    height: 33.86965vw;
  }
}
.p-top .p-recommend__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__title {
    margin-top: 2.66667vw;
  }
}
.p-top .p-recoomend__link {
  text-align: center;
}

.p-top .p-recommend__list {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__list {
    max-width: 130rem;
    margin: 0 auto 16rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__item {
    width: 38.8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__item:not(:last-child) {
    margin-right: 7rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__item a img {
    -webkit-transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__item a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0.7;
  }
}
.p-top .p-recommend__img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__img {
    overflow: hidden;
    height: 22.8rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__img {
    height: 39.2vw;
    margin-bottom: 3.33333vw;
  }
}
.p-top .p-recommend__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-top .p-recommend__subtitle {
  display: -webkit-box;
  overflow: hidden;
  color: #2f415f;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__subtitle {
    font-size: max(1.6rem, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__subtitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 700;
    line-height: 1.73077;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__subtitle {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__subtitle {
    margin-bottom: 2.66667vw;
  }
}
.p-top .p-recommend__text {
  display: -webkit-box;
  overflow: hidden;
  color: #2f415f;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__text {
    font-size: max(1.5rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__text {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-recommend__text {
    margin-bottom: 3rem;
    -webkit-line-clamp: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__text {
    margin-bottom: 5.33333vw;
    -webkit-line-clamp: 5;
  }
}
.p-top .p-recommend__swiper {
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-top .p-recommend__swiper {
    overflow: visible !important;
    max-width: 66.66667vw;
    margin: 0 auto 13.33333vw;
  }
}
.p-top .p-recommend__swiper::after {
  position: absolute;
  content: "";
  opacity: 0.3;
  background: -webkit-linear-gradient(310deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
  background: linear-gradient(140deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-recommend__swiper::after {
    top: 10rem;
    right: 0;
    width: 142.3rem;
    height: 48.7rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-recommend__swiper::after {
    top: 10rem;
    width: 142.3rem;
    height: 54rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-recommend__swiper::after {
    display: none;
  }
}
.p-top .p-recoomend-siwper__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms {
    margin-bottom: 27rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms {
    margin-bottom: 26.66667vw;
  }
}
.p-top .p-rooms__head {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms__head {
    width: 37.5rem;
    margin-bottom: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__head {
    width: 53.33333vw;
    margin-bottom: 12vw;
  }
}
.p-top .p-rooms__entitle {
  font-style: italic;
  position: relative;
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__entitle {
    font-size: max(13.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-top .p-rooms__bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms__bg {
    top: -4.5rem;
    left: -4.6rem;
    width: 16.93528rem;
    height: 21.38894rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__bg {
    top: -5.33333vw;
    left: -5.33333vw;
    width: 24.03747vw;
    height: 25.84852vw;
  }
}
.p-top .p-rooms__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms__title {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__title {
    margin-top: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 31rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-rooms-box {
    margin-right: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-rooms-box {
    margin-right: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box:not(:last-child) {
    margin-bottom: 31rem;
  }
}
.p-top .p-rooms-box.m-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box.m-reverse {
    margin-right: 0;
    margin-left: 31rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-top .p-rooms-box.m-reverse {
    margin-left: 27rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-top .p-rooms-box.m-reverse {
    margin-left: 20rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box:nth-child(2) {
    margin-bottom: 20.66667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box:nth-child(3) {
    margin-bottom: 22vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box:nth-child(4) {
    margin-bottom: 29.33333vw;
  }
}
.p-top .p-rooms-box__img {
  position: relative;
}

.p-top .p-rooms-box__img img {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__img img {
    width: 107.95954rem;
    height: 58.52659rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img img {
    width: 100%;
    height: 54.2116vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-1 {
    margin-bottom: 12vw;
  }
}
.p-top .p-rooms-box__img.m-1::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__img.m-1::after {
    bottom: -6.6rem;
    left: -7.3rem;
    width: 70.1rem;
    height: 44.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-1::after {
    right: 0;
    bottom: -8.66667vw;
    width: 93.2vw;
    height: 59.6vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-2 {
    margin-bottom: 19.33333vw;
  }
}
.p-top .p-rooms-box__img.m-2::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__img.m-2::after {
    right: 6.5rem;
    bottom: -10.5rem;
    width: 70.1rem;
    height: 47.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-2::after {
    bottom: -8.66667vw;
    left: 0;
    width: 93.2vw;
    height: 59.6vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-3 {
    margin-bottom: 18.66667vw;
  }
}
.p-top .p-rooms-box__img.m-3::after {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #ffd7a7 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #ffd7a7 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__img.m-3::after {
    right: 14rem;
    width: 70.1rem;
    height: 78.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-3::after {
    right: 13.33333vw;
    width: 60.93333vw;
    height: 69.73333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-4 {
    margin-bottom: 17.33333vw;
  }
}
.p-top .p-rooms-box__img.m-4::after {
  position: absolute;
  left: 0;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd7a7 0%, #6fc6c1 100%);
  background: linear-gradient(140deg, #ffd7a7 0%, #6fc6c1 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__img.m-4::after {
    top: -9.3rem;
    width: 70.1rem;
    height: 47.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__img.m-4::after {
    top: -8.66667vw;
    bottom: -8.66667vw;
    width: 64.93333vw;
    height: 44.13333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__entitle {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__title {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__title {
    margin-bottom: 4.66667vw;
  }
}
.p-top .p-rooms-box__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__text {
    font-size: max(2.77333vw, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__text {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__text {
    margin-bottom: 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms__link {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms__link {
    text-align: center;
  }
}
.p-top .p-rooms-box__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__twrap {
    margin-right: 15rem;
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__twrap {
    margin-right: 8vw;
    margin-left: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__twrap.m-reverse {
    margin-right: 0;
  }
}
.p-top .p-rooms-box__twrap::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-rooms-box__twrap::after {
    top: -16rem;
    left: 4.5rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-rooms-box__twrap::after {
    top: -2.66667vw;
    left: 2.66667vw;
    display: none;
    width: 2px;
    height: 17.86667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .m-align-right-sp {
    width: 44.4vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-cuisine {
    margin-top: 24.5rem;
    margin-bottom: 46rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine {
    margin-top: 29.33333vw;
    margin-bottom: 13.33333vw;
    padding-top: 12vw;
    padding-bottom: 18vw;
    background: #edeff3;
  }
}
.p-cuisine__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-cuisine__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 31rem;
    padding: 9rem 0 10rem;
    background: #edeff3;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-cuisine__box {
    margin-left: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-cuisine__box {
    margin-left: 10rem;
  }
}
.p-cuisine__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-cuisine__twrap {
    width: 50rem;
    margin-left: 10rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .p-cuisine__twrap {
    width: 55rem;
    margin-left: 10rem;
  }
}
.p-cuisine__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-cuisine__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-cuisine__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-cuisine__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-cuisine__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-cuisine__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-cuisine__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-cuisine__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__title {
    margin-bottom: 7.33333vw;
  }
}
.p-cuisine__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-cuisine__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__text {
    max-width: 89.33333vw;
    margin: 0 auto 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cuisine__img {
    position: absolute;
  }
}
.p-cuisine__img.m-1 {
  right: 0;
}

@media screen and (min-width: 768px) {
  .p-cuisine__img.m-1 {
    top: -9rem;
    width: 82.49033rem;
    height: 39.9817rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-1 {
    position: relative;
    width: 100%;
    margin-bottom: 4.66667vw;
    text-align: center;
  }
}
.p-cuisine__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .p-cuisine__img.m-1 img {
    width: 89.51312vw;
    height: 44.13725vw;
  }
}
.p-cuisine__img.m-1::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-cuisine__img.m-1::after {
    top: -4rem;
    left: -4rem;
    width: 68rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-1::after {
    top: -4.66667vw;
    left: 0;
    width: 89.3396vw;
    height: 34.95083vw;
  }
}
.p-cuisine__img.m-2 {
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-cuisine__img.m-2 {
    right: 15rem;
    bottom: -7rem;
    width: 37.66784rem;
    height: 26.13519rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-2 {
    position: relative;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-2 img {
    width: 49.45944vw;
    height: 41.76165vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cuisine__img.m-3 {
    right: 61rem;
    bottom: -12rem;
    width: 34.20107rem;
    height: 20.49307rem;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-3 {
    position: relative;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__img.m-3 img {
    width: 45.42884vw;
    height: 41.64059vw;
  }
}
@media screen and (max-width: 767px) {
  .p-cuisine__iwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts {
    margin-top: 20rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts {
    margin-top: 26.66667vw;
    padding-top: 12vw;
    padding-bottom: 12vw;
    background: #edeff3;
  }
}
.p-efforts__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-efforts__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 31rem;
    padding: 10.5rem 0 12rem;
    background: #edeff3;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-efforts__box {
    margin-right: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-efforts__box {
    margin-right: 10rem;
  }
}
.p-efforts__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-efforts__twrap {
    width: 49rem;
    margin-right: 10rem;
  }
}
.p-efforts__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-efforts__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-efforts__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-efforts__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-efforts__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-efforts__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__title {
    margin-bottom: 7.33333vw;
  }
}
.p-efforts__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-efforts__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__text {
    max-width: 90.09939vw;
    margin: 0 auto 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts__img {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts__img.m-1 {
    top: -9rem;
    left: 12rem;
    width: 68.29262rem;
    height: 50.33384rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__img.m-1 {
    position: relative;
    width: 60%;
    margin-bottom: 4.66667vw;
    text-align: center;
  }
}
.p-efforts__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .p-efforts__img.m-1 img {
    width: 52.51312vw;
    height: 65.97403vw;
  }
}
.p-efforts__img.m-1::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-efforts__img.m-1::after {
    top: -4rem;
    width: 76.3rem;
    height: 44rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-efforts__img.m-1::after {
    width: 71.3rem;
    height: 39rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__img.m-1::after {
    top: -4.66667vw;
    width: 100%;
    height: 57.66233vw;
  }
}
.p-efforts__img.m-2 {
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-efforts__img.m-2 {
    bottom: -13.5rem;
    left: 57rem;
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__img.m-2 {
    right: 0;
    position: absolute;
    bottom: -5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__img.m-2 img {
    width: 49.56905vw;
    height: 41.64059vw;
  }
}
@media screen and (min-width: 768px) {
  .p-efforts__img.m-3 {
    bottom: -29rem;
    left: 0;
    width: 45.80577rem;
    height: 38.47923rem;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__img.m-3 img {
    width: 45.42884vw;
    height: 41.64059vw;
  }
}
@media screen and (max-width: 767px) {
  .p-efforts__iwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-worship {
    margin-top: 37rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship {
    margin-top: 29.33333vw;
    padding-top: 12vw;
    padding-bottom: 12vw;
    background: #edeff3;
  }
}
.p-worship__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-worship__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 31rem;
    padding: 10.5rem 0 13rem;
    background: #edeff3;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-worship__box {
    margin-left: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-worship__box {
    margin-left: 10rem;
  }
}
.p-worship__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-worship__twrap {
    width: 51rem;
    margin-left: 10rem;
  }
}
.p-worship__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-worship__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-worship__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-worship__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-worship__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-worship__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-worship__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-worship__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__title {
    margin-bottom: 7.33333vw;
  }
}
.p-worship__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-worship__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__text {
    max-width: 89.33333vw;
    margin: 0 auto 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-worship__img {
    position: absolute;
  }
}
.p-worship__img.m-1 {
  right: 0;
}

@media screen and (min-width: 768px) {
  .p-worship__img.m-1 {
    top: -10rem;
    width: 82.49033rem;
    height: 51.47329rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-1 {
    position: relative;
    width: 100%;
    margin-bottom: 4.66667vw;
    text-align: center;
  }
}
.p-worship__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .p-worship__img.m-1 img {
    width: 89.51312vw;
    height: 65.97403vw;
  }
}
.p-worship__img.m-1::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-worship__img.m-1::after {
    bottom: -4rem;
    left: -4rem;
    width: 68rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-1::after {
    top: 12vw;
    left: 0;
    width: 84.05521vw;
    height: 62.80179vw;
  }
}
@media screen and (min-width: 768px) {
  .p-worship__img.m-2 {
    right: 18rem;
    bottom: -7.5rem;
    width: 37.66784rem;
    height: 26.13519rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-2 {
    position: relative;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-2 img {
    width: 49.56905vw;
    height: 41.64059vw;
  }
}
@media screen and (min-width: 768px) {
  .p-worship__img.m-3 {
    right: 62rem;
    bottom: -13rem;
    width: 34.20107rem;
    height: 20.49307rem;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-3 {
    position: relative;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-worship__img.m-3 img {
    width: 45.42884vw;
    height: 41.64059vw;
  }
}
.p-worship__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .p-worship__iwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu {
    margin-top: 36rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu {
    margin-top: 29.33333vw;
    padding-top: 12vw;
    padding-bottom: 12vw;
    background: #edeff3;
  }
}
.p-wudu__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-wudu__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 31rem;
    padding: 12rem 0 16rem;
    background: #edeff3;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-wudu__box {
    margin-right: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-wudu__box {
    margin-right: 10rem;
  }
}
.p-wudu__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-wudu__twrap {
    width: 37rem;
    margin-right: 16rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .p-wudu__twrap {
    width: 40rem;
    margin-right: 16rem;
  }
}
.p-wudu__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-wudu__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-wudu__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-wudu__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-wudu__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-wudu__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__title {
    margin-bottom: 7.33333vw;
  }
}
.p-wudu__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-wudu__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__text {
    max-width: 89.33333vw;
    margin: 0 auto 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__img {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__img.m-1 {
    top: -7rem;
    left: 16rem;
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__img.m-1 {
    position: relative;
    width: 47.15223vw;
    height: 43.22027vw;
  }
}
.p-wudu__img.m-1 img {
  position: relative;
  z-index: 2;
}

.p-wudu__img.m-1::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-wudu__img.m-1::after {
    right: -21rem;
    bottom: -11.5rem;
    width: 42.4rem;
    height: 34rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__img.m-1::after {
    top: 14.66667vw;
    right: -26.66667vw;
    width: 53.16347vw;
    height: 42.50105vw;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__img.m-2 {
    bottom: 6rem;
    left: 59rem;
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__img.m-2 {
    position: relative;
    z-index: 2;
    width: 47.15223vw;
    height: 43.22027vw;
    margin-top: -18vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-wudu__img.m-3 {
    bottom: -3rem;
    left: 23.5rem;
    width: 29.95933rem;
    height: 25.1674rem;
  }
}
@media screen and (max-width: 767px) {
  .p-wudu__img.m-3 {
    position: relative;
    z-index: 2;
    width: 37.50279vw;
    height: 31.50431vw;
    margin-top: -20vw;
    margin-left: 9.33333vw;
  }
}
.p-download {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-download {
    margin-bottom: 10rem;
    padding: 9.7rem 0 10.7rem;
    background: url(../img/spots/download-bg.png) center/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-download {
    margin-bottom: 8vw;
    padding: 14vw 0 12.66667vw;
    background: url(../img/spots/sp/download-bg.png) center/cover no-repeat;
  }
}
.p-download::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.6;
  background: -webkit-linear-gradient(310deg, #7bbdd3 0%, #6fc4bf 51.36%, #88c18c 100%);
  background: linear-gradient(140deg, #7bbdd3 0%, #6fc4bf 51.36%, #88c18c 100%);
}

.p-download::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-download::before {
    top: -7.5rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download::before {
    top: -9.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-download__inner {
  position: relative;
  z-index: 2;
}

.p-download__title {
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-download__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-download__title {
    font-size: max(9.33333vw, 10px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-download__title {
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download__title {
    margin-bottom: 4.66667vw;
  }
}
.p-download__text {
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-download__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-download__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.19231;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-download__text {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download__text {
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-download__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-download__list {
    max-width: 54.6676vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-download__item:not(:last-child) {
    margin-right: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download__item:not(:last-child) {
    margin-bottom: 2.4vw;
  }
}
.p-download__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  border: 1px solid #fff;
  background: rgba(47, 65, 95, 0.2);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-download__item a {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-download__item a {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-download__item a {
    width: 32.4rem;
    height: 8.5rem;
    padding-top: 0.2rem;
    padding-right: 1rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .p-download__item a {
    width: 100%;
    height: 12.21676vw;
  }
}
@media screen and (min-width: 768px) {
  .p-download__item a:hover {
    background: rgba(47, 65, 95, 0.7);
  }
}
.p-download__item a span {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-download__item a span {
    padding-left: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download__item a span {
    padding-left: 6vw;
  }
}
.p-download__item a span::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/spots/download-ico.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-download__item a span::after {
    width: 2.6rem;
    height: 3.33572rem;
  }
}
@media screen and (max-width: 767px) {
  .p-download__item a span::after {
    width: 4.15703vw;
    height: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-map {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map {
    margin-top: 4.66667vw;
    margin-bottom: 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-map__iframe {
    position: relative;
    max-width: 160rem;
    height: 60rem;
    margin: 11rem auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map__iframe {
    position: relative;
    width: 100%;
    height: 80vw;
    margin-bottom: 18vw;
  }
}
.p-map__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-map__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 155rem;
  margin: 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .p-map__list {
    max-width: 90vw;
    margin: 0 auto 18vw;
  }
}
@media screen and (min-width: 768px) {
  .p-map__item {
    width: 45rem;
    margin-bottom: 15.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-map__item:not(:nth-child(3n)) {
    margin-right: 9.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map__item:not(:last-child) {
    margin-bottom: 18.66667vw;
  }
}
.p-map__ico {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-map__ico {
    width: 6rem;
    height: 8.07187rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map__ico {
    width: 13.6vw;
    height: 18.29623vw;
  }
}
@media screen and (min-width: 768px) {
  .p-map__img {
    width: 45rem;
    height: 30.98394rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map__img {
    margin-bottom: 4.66667vw;
  }
}
.p-map__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-map__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-map__title {
    font-size: max(3.6rem, 10px);
    font-weight: 500;
    line-height: 1.44444;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-map__title {
    font-size: max(8vw, 10px);
    font-weight: 500;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-map__title {
    min-height: 10.4rem;
    margin: 2.5rem auto 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-map__title {
    margin: 8.66667vw auto 6.66667vw;
  }
}
.p-map__twrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-map__twrap {
    min-height: 17rem;
  }
}
@media screen and (min-width: 768px) {
  .p-map__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-map__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-map__text {
    margin-bottom: 4.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-map__text--time {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-map__text--time {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-double {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-double {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double {
    margin-bottom: 38.66667vw;
  }
}
.p-double::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-double::before {
    top: -16rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double::before {
    top: -20vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-double__inner {
  max-width: 108rem;
  margin: 0 auto;
}

.p-double__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-double__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 0.89744;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__title {
    margin-bottom: 2.66667vw;
  }
}
.p-double__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-double__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__entitle {
    margin-bottom: 6.66667vw;
  }
}
.p-double__lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-double__lead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__lead {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double__lead {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__lead {
    margin-bottom: 12vw;
  }
}
.p-double__img {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-double__img {
    height: 58.52659rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__img {
    height: 54.2116vw;
    margin-bottom: 12.66667vw;
  }
}
.p-double__img img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-double__img::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc4bf 0%, #ffd5a5 100%);
  background: linear-gradient(140deg, #6fc4bf 0%, #ffd5a5 100%);
}

@media screen and (min-width: 768px) {
  .p-double__img::after {
    right: 14rem;
    bottom: -10rem;
    width: 70.13043rem;
    height: 72.27251rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__img::after {
    right: 13.33333vw;
    bottom: -8vw;
    width: 60.96625vw;
    height: 69.66867vw;
  }
}
.p-double-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-double-info__list {
    margin-bottom: 6rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__list {
    max-width: 89.33333vw;
    margin: 0 auto 5.33333vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__item {
    width: 33rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__item {
    width: 41.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__item:not(:last-child) {
    margin-right: 4.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__item:not(:last-child) {
    margin-bottom: 5.33333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__item:not(:nth-child(2n)) {
    margin-right: 5.33333vw;
  }
}
.p-double-info__link {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-double-info__link {
    height: 23rem;
    margin-right: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__link {
    height: 28.80683vw;
  }
}
.p-double-info__link a {
  position: relative;
}

.p-double-info__link a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-double-info__link a span {
  position: absolute;
  z-index: 2;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  border: 1px solid #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-double-info__link a span {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__link a span {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.27273;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__link a span {
    bottom: 4rem;
    width: 20rem;
    height: 6rem;
    padding-top: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__link a span {
    bottom: 4.66667vw;
    width: 26.66667vw;
    height: 8vw;
  }
}
.p-double-info__link a::after {
  position: absolute;
  z-index: 2;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/rooms/360-ico.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-double-info__link a::after {
    top: 6rem;
    width: 6rem;
    height: 3.89648rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__link a::after {
    top: 5.33333vw;
    width: 12vw;
    height: 7.79297vw;
  }
}
.p-double-info__link a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-double-info__link a::before {
    -webkit-transition: 0.3s background ease;
    transition: 0.3s background ease;
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__link a:hover::before {
    background: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double-info__text {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-double-info__text {
    max-width: 90.09939vw;
    margin: 0 auto 4.66667vw;
  }
}
.p-double__table {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-double__table {
    width: 80.86656rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__table {
    width: 89.8618vw;
  }
}
.p-double__trow {
  border-top: 1px solid #adadad;
}

.p-double__trow:last-child {
  border-bottom: 1px solid #adadad;
}

.p-double__thead {
  color: #808080;
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-double__thead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__thead {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double__thead {
    width: 22.18666rem;
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__thead {
    width: 29.58221vw;
    padding: 3.06667vw 0;
  }
}
.p-double__tdata {
  color: #808080;
}

@media screen and (min-width: 768px) {
  .p-double__tdata {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-double__tdata {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-double__tdata {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__tdata {
    padding-left: 4.66667vw;
  }
}
.p-double__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-double__link {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__link {
    margin-top: 8.66667vw;
  }
}
.p-information {
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-information {
    margin-top: 30rem;
    margin-bottom: 20rem;
    padding: 13rem 0 15rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information {
    margin-bottom: 13.33333vw;
    padding: 15.33333vw 0 17.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__inner {
    max-width: 108rem;
    margin: 0 auto;
  }
}
.p-information__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-information__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__title {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__title {
    margin-bottom: 2vw;
  }
}
.p-information__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-information__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__entitle {
    margin-bottom: 5.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__entitle {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10rem;
    padding-top: 15rem;
    border-top: 1px solid #808080;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-information__list {
    max-width: 88vw;
    margin: 0 auto;
    padding-top: 4.66667vw;
    border-top: 0.5px solid #808080;
  }
}
.p-information__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-information__item {
    width: 50%;
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__item {
    width: 100%;
    margin-bottom: 6.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__item:nth-child(2n) {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-information__img {
    width: 3rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img {
    width: 8vw;
    min-width: 8vw;
    margin-right: 6vw;
  }
}
.p-information__img.m-1 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-1 img {
    top: -0.4rem;
  }
}
.p-information__img.m-2 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-2 img {
    top: 0.2rem;
  }
}
.p-information__img.m-3 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-3 img {
    top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-3 img {
    top: 0.8vw;
  }
}
.p-information__img.m-4 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-4 img {
    top: 0.2rem;
  }
}
.p-information__img.m-5 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-5 img {
    top: 0.1rem;
  }
}
.p-information__img.m-6 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-6 img {
    top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-6 img {
    top: 1.6vw;
  }
}
.p-information__img.m-7 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-7 img {
    top: 0.1rem;
    left: 0.4rem;
    width: 2.10831rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-7 img {
    left: 1.06667vw;
    width: 5.62216vw;
  }
}
.p-information__img.m-8 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-8 img {
    top: 0.2rem;
  }
}
.p-information__img.m-9 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-9 img {
    top: 0.2rem;
  }
}
.p-information__img.m-10 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-10 img {
    top: 0.8rem;
  }
}
.p-information__img.m-11 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-11 img {
    top: 0.3rem;
    left: 0.3rem;
    width: 2.6rem;
  }
}
.p-information__img.m-12 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-12 img {
    top: 0.05rem;
  }
}
@media screen and (min-width: 768px) {
  .p-information__subtitle {
    font-size: max(1.8rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__subtitle {
    font-size: max(4.26667vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__subtitle {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__subtitle {
    margin-bottom: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__text {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.64286;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 300;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
.p-information__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-information__container {
    margin-bottom: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__container {
    max-width: 88vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-information__container:first-of-type {
    margin-bottom: 6vw;
  }
}
.p-single {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-single {
    margin-top: 33rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single {
    margin-bottom: 32vw;
  }
  .p-single--delux {
    margin-top: 33.33333vw;
  }
}
.p-single::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-single::before {
    top: -16rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single::before {
    top: -20vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-single__inner {
  max-width: 108rem;
  margin: 0 auto;
}

.p-single__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-single__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 0.89744;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__title {
    margin-bottom: 2.66667vw;
  }
}
.p-single__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-single__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__entitle {
    margin-bottom: 6vw;
  }
}
.p-single__lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-single__lead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__lead {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single__lead {
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__lead {
    margin-bottom: 16vw;
  }
}
.p-single__img {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-single__img {
    height: 58.52659rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__img {
    height: 54.2116vw;
    margin-bottom: 14vw;
  }
}
.p-single__img img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-single__img::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd5a5 0%, #6fc4bf 100%);
  background: linear-gradient(140deg, #ffd5a5 0%, #6fc4bf 100%);
}

@media screen and (min-width: 768px) {
  .p-single__img::after {
    top: -3.5rem;
    left: -10.5rem;
    width: 70.13043rem;
    height: 43.15037rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__img::after {
    top: -8.66667vw;
    left: 0;
    width: 64.95992vw;
    height: 44.17548vw;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info {
    max-width: 90.09939vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__link {
    width: 33rem;
    height: 23rem;
    margin-right: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__link {
    width: 41.33333vw;
    height: 28.80683vw;
    margin-bottom: 3.33333vw;
  }
}
.p-single-info__link a {
  position: relative;
}

.p-single-info__link a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-single-info__link a span {
  position: absolute;
  z-index: 2;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  border: 1px solid #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-single-info__link a span {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__link a span {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.27273;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__link a span {
    bottom: 4rem;
    width: 20rem;
    height: 6rem;
    padding-top: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__link a span {
    bottom: 4.66667vw;
    width: 26.66667vw;
    height: 8vw;
  }
}
.p-single-info__link a::after {
  position: absolute;
  z-index: 2;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/rooms/360-ico.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-single-info__link a::after {
    top: 6rem;
    width: 6rem;
    height: 3.89648rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__link a::after {
    top: 5.33333vw;
    width: 12vw;
    height: 7.79297vw;
  }
}
.p-single-info__link a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-single-info__link a::before {
    -webkit-transition: 0.3s background ease;
    transition: 0.3s background ease;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__link a:hover::before {
    background: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__twrap {
    width: 69.86656rem;
    padding-top: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single-info__text {
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single-info__text {
    margin-bottom: 4.66667vw;
  }
}
.p-single__table {
  width: 100%;
}

.p-single__trow {
  border-top: 1px solid #adadad;
}

.p-single__trow:last-child {
  border-bottom: 1px solid #adadad;
}

.p-single__thead {
  color: #808080;
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-single__thead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__thead {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single__thead {
    width: 22.18666rem;
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__thead {
    width: 29.58221vw;
    padding: 3.06667vw 0;
  }
}
.p-single__tdata {
  color: #808080;
}

@media screen and (min-width: 768px) {
  .p-single__tdata {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-single__tdata {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-single__tdata {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__tdata {
    padding-top: 3.33333vw;
    padding-bottom: 3.33333vw;
    padding-left: 4.66667vw;
  }
}
.p-single__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-single__link {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-single__link {
    margin-top: 8.66667vw;
  }
}
.p-superior {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-superior {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior {
    margin-top: 33.33333vw;
    margin-bottom: 46.66667vw;
  }
}
.p-superior::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-superior::before {
    top: -16rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior::before {
    top: -20vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-superior__inner {
  max-width: 108rem;
  margin: 0 auto;
}

.p-superior__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-superior__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 0.89744;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__title {
    margin-bottom: 2.66667vw;
  }
}
.p-superior__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-superior__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__entitle {
    margin-bottom: 4.66667vw;
  }
}
.p-superior__lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-superior__lead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__lead {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior__lead {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__lead {
    margin-bottom: 6.66667vw;
  }
}
.p-superior__img {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-superior__img {
    height: 58.52659rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__img {
    height: 54.2116vw;
    margin-bottom: 14vw;
  }
}
.p-superior__img img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-superior__img::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc4bf 0%, #88c18c 100%);
  background: linear-gradient(140deg, #6fc4bf 0%, #88c18c 100%);
}

@media screen and (min-width: 768px) {
  .p-superior__img::after {
    right: -6rem;
    bottom: -6rem;
    width: 70.13043rem;
    height: 44.71918rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__img::after {
    right: 0;
    bottom: -8.66667vw;
    width: 93.18132vw;
    height: 59.62557vw;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info {
    max-width: 90.09939vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__link {
    width: 33rem;
    height: 23rem;
    margin-right: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__link {
    width: 41.33333vw;
    height: 28.80683vw;
    margin-bottom: 3.33333vw;
  }
}
.p-superior-info__link a {
  position: relative;
}

.p-superior-info__link a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-superior-info__link a span {
  position: absolute;
  z-index: 2;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  border: 1px solid #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-superior-info__link a span {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__link a span {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.27273;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__link a span {
    bottom: 4rem;
    width: 20rem;
    height: 6rem;
    padding-top: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__link a span {
    bottom: 4.66667vw;
    width: 26.66667vw;
    height: 8vw;
  }
}
.p-superior-info__link a::after {
  position: absolute;
  z-index: 2;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/rooms/360-ico.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-superior-info__link a::after {
    top: 6rem;
    width: 6rem;
    height: 3.89648rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__link a::after {
    top: 5.33333vw;
    width: 12vw;
    height: 7.79297vw;
  }
}
.p-superior-info__link a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-superior-info__link a::before {
    -webkit-transition: 0.3s background ease;
    transition: 0.3s background ease;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__link a:hover::before {
    background: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__twrap {
    width: 69.86656rem;
    padding-top: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior-info__text {
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior-info__text {
    margin-bottom: 4.66667vw;
  }
}
.p-superior__table {
  width: 100%;
}

.p-superior__trow {
  border-top: 1px solid #adadad;
}

.p-superior__trow:last-child {
  border-bottom: 1px solid #adadad;
}

.p-superior__thead {
  color: #808080;
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-superior__thead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__thead {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior__thead {
    width: 22.18666rem;
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__thead {
    width: 29.58221vw;
    padding: 3.06667vw 0;
  }
}
.p-superior__tdata {
  color: #808080;
}

@media screen and (min-width: 768px) {
  .p-superior__tdata {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__tdata {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-superior__tdata {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__tdata {
    padding-left: 4.66667vw;
  }
}
.p-superior__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-superior__link {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__link {
    margin-top: 8.66667vw;
  }
}
.p-twin {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-twin {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin {
    margin-bottom: 36vw;
  }
}
.p-twin::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-twin::before {
    top: -16rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin::before {
    top: -20vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-twin__inner {
  max-width: 108rem;
  margin: 0 auto;
}

.p-twin__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-twin__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 0.89744;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__title {
    margin-bottom: 2.66667vw;
  }
}
.p-twin__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-twin__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__entitle {
    margin-bottom: 6vw;
  }
}
.p-twin__lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-twin__lead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__lead {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__lead {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__lead {
    margin-bottom: 7.33333vw;
  }
}
.p-twin__img {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-twin__img {
    height: 58.52659rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__img {
    height: 54.2116vw;
    margin-bottom: 20vw;
  }
}
.p-twin__img img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-twin__img::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #ffd5a5 0%, #6fc4bf 100%);
  background: linear-gradient(140deg, #ffd5a5 0%, #6fc4bf 100%);
}

@media screen and (min-width: 768px) {
  .p-twin__img::after {
    bottom: -14.5rem;
    left: -10.5rem;
    width: 70.13043rem;
    height: 47.69165rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__img::after {
    bottom: -8.66667vw;
    left: 0;
    width: 93.50724vw;
    height: 45.39608vw;
  }
}
.p-twin-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-twin-info__list {
    margin-bottom: 6rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__list {
    max-width: 89.33333vw;
    margin: 0 auto 5.33333vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .p-twin-info__item {
    width: 33rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__item {
    width: 41.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-twin-info__item:not(:last-child) {
    margin-right: 4.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__item:not(:last-child) {
    margin-bottom: 5.33333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__item:not(:nth-child(2n)) {
    margin-right: 5.33333vw;
  }
}
.p-twin-info__link {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-twin-info__link {
    height: 23rem;
    margin-right: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__link {
    height: 28.80683vw;
  }
}
.p-twin-info__link a {
  position: relative;
}

.p-twin-info__link a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-twin-info__link a span {
  position: absolute;
  z-index: 2;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  border: 1px solid #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-twin-info__link a span {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__link a span {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.27273;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin-info__link a span {
    bottom: 4rem;
    width: 20rem;
    height: 6rem;
    padding-top: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__link a span {
    bottom: 4.66667vw;
    width: 26.66667vw;
    height: 8vw;
  }
}
.p-twin-info__link a::after {
  position: absolute;
  z-index: 2;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/rooms/360-ico.svg) center/contain no-repeat;
}

@media screen and (min-width: 768px) {
  .p-twin-info__link a::after {
    top: 6rem;
    width: 6rem;
    height: 3.89648rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__link a::after {
    top: 5.33333vw;
    width: 12vw;
    height: 7.79297vw;
  }
}
.p-twin-info__link a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-twin-info__link a::before {
    -webkit-transition: 0.3s background ease;
    transition: 0.3s background ease;
  }
}
@media screen and (min-width: 768px) {
  .p-twin-info__link a:hover::before {
    background: rgba(0, 0, 0, 0.5);
  }
}
.p-twin-info__text {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-twin-info__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin-info__text {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin-info__text {
    margin-bottom: 4.66667vw;
  }
}
.p-twin__table {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-twin__table {
    width: 69.86656rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__table {
    width: 89.8618vw;
  }
}
.p-twin__trow {
  border-top: 1px solid #adadad;
}

.p-twin__trow:last-child {
  border-bottom: 1px solid #adadad;
}

.p-twin__thead {
  color: #808080;
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-twin__thead {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__thead {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__thead {
    width: 22.18666rem;
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__thead {
    width: 29.58221vw;
    padding: 3.06667vw 0;
  }
}
.p-twin__tdata {
  color: #808080;
}

@media screen and (min-width: 768px) {
  .p-twin__tdata {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__tdata {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.29167;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__tdata {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__tdata {
    padding-left: 4.66667vw;
  }
}
.p-twin__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-twin__link {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-twin__link {
    margin-top: 8.66667vw;
  }
}
.p-archive {
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-archive {
    margin-bottom: 15rem;
    padding: 8rem 0 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive {
    margin-bottom: 5.33333vw;
    padding: 8vw 0;
  }
}
.p-archive__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-archive__list {
    max-width: 130rem;
    margin: 0 auto 5.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__list {
    max-width: 89.33333vw;
    margin: 0 auto 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__item {
    width: 38.73821rem;
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__item {
    width: 42.15543vw;
    margin-bottom: 4.26667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__item:not(:nth-child(2n)) {
    margin-right: 4.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__item:not(:nth-child(3n)) {
    margin-right: 6.8rem;
  }
}
.p-archive__item a {
  width: 100%;
  height: 100%;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-archive__item a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0.7;
  }
}
.p-archive__img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-archive__img {
    overflow: hidden;
    height: 22.77971rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__img {
    height: 24.78917vw;
  }
}
.p-archive__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-archive__img img {
    -webkit-transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  }
}
.p-archive__img.m-new {
  position: relative;
}

.p-archive__img.m-new::after {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  content: "NEW";
  color: #2f415f;
  border-radius: 50%;
  background: #ffff63;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-archive__img.m-new::after {
    font-size: max(1.262rem, 10px);
    font-weight: 900;
    line-height: 1.74326;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__img.m-new::after {
    font-size: max(1.68267vw, 10px);
    font-weight: 900;
    line-height: 1.74326;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__img.m-new::after {
    top: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .p-archive__img.m-new::after {
    top: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__img.m-new::after {
    top: 1.6vw;
    left: 1.6vw;
    width: 6.66667vw;
    height: 6.66667vw;
  }
}
.p-archive__title {
  display: -webkit-box;
  overflow: hidden;
  color: #2f415f;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 768px) {
  .p-archive__title {
    font-size: max(1.6rem, 10px);
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__title {
    font-size: max(3.2vw, 10px);
    font-weight: 700;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__title {
    margin-bottom: 1.5rem;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__title {
    margin-bottom: 2vw;
    -webkit-line-clamp: 3;
  }
}
.p-archive__text {
  display: -webkit-box;
  overflow: hidden;
  color: #2f415f;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 768px) {
  .p-archive__text {
    font-size: max(1.5rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__text {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.45455;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__text {
    margin-bottom: 1.8rem;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__text {
    margin-bottom: 2.93333vw;
    -webkit-line-clamp: 3;
  }
}
.p-archive__category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-archive__category span {
    font-size: max(1rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__category span {
    font-size: max(2.4vw, 10px);
    font-weight: 500;
    line-height: 1.72222;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__category span {
    margin-right: 1rem;
    margin-bottom: 0.8rem;
    padding: 0.5rem 1.8rem 0.6rem;
    border: 0.5px solid #2f415f;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__category span {
    margin-right: 1.33333vw;
    margin-bottom: 1.06667vw;
    padding: 0.4vw 2.93333vw 0.53333vw;
    border: 0.75px solid #2f415f;
    border-radius: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-archive__wrap {
    padding: 2.2rem 2rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__wrap {
    padding: 2vw 2.66667vw 2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-category {
    margin-top: 8rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-category {
    margin-top: 8.66667vw;
    margin-bottom: 6vw;
  }
}
.p-category__inner {
  max-width: 132.6rem;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-category__title {
    font-size: max(4.4rem, 10px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-category__title {
    font-size: max(5.86667vw, 10px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-category__title {
    margin-bottom: 4rem;
    padding-left: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-category__title {
    margin-bottom: 4.66667vw;
    padding: 0 4.66667vw;
  }
}
.p-category__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-category__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-category__list {
    padding: 0 4.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-category__item {
    margin-bottom: 1.5rem;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
  }
}
.p-category__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #adadad;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-category__item a {
    height: 6.155rem;
    padding: 0.6rem 4rem 0.6rem 0.6rem;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
    border-radius: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-category__item a {
    height: 10.10933vw;
    padding: 0.8vw 5.33333vw 0.8vw 0.8vw;
    border-radius: 6.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-category__item a:hover {
    opacity: 0.7;
  }
}
.p-category__item a.is-active {
  color: #fff;
  background: #adadad;
}

@media screen and (min-width: 768px) {
  .p-category__img {
    width: 4.75595rem;
    height: 4.75595rem;
  }
}
@media screen and (max-width: 767px) {
  .p-category__img {
    width: 8.24365vw;
    height: 8.24365vw;
  }
}
.p-category__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-category__text {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-category__text {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-category__text {
    margin-left: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-category__text {
    margin-left: 3.06667vw;
  }
}
@media screen and (min-width: 768px) {
  .swiper-slide.p-category__item {
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .swiper-slide.p-category__item {
    width: auto !important;
  }
}
.p-information {
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-information {
    margin-top: 30rem;
    margin-bottom: 20rem;
    padding: 13rem 0 15rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information {
    margin-bottom: 13.33333vw;
    padding: 15.33333vw 0 17.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__inner {
    max-width: 108rem;
    margin: 0 auto;
  }
}
.p-information__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-information__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__title {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__title {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__title {
    margin-bottom: 2vw;
  }
}
.p-information__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-information__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__entitle {
    margin-bottom: 5.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__entitle {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10rem;
    padding-top: 15rem;
    border-top: 1px solid #808080;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-information__list {
    max-width: 88vw;
    margin: 0 auto;
    padding-top: 4.66667vw;
    border-top: 0.5px solid #808080;
  }
}
.p-information__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-information__item {
    width: 50%;
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__item {
    width: 100%;
    margin-bottom: 6.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__item:nth-child(2n) {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-information__img {
    width: 3rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img {
    width: 8vw;
    min-width: 8vw;
    margin-right: 6vw;
  }
}
.p-information__img.m-1 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-1 img {
    top: -0.4rem;
  }
}
.p-information__img.m-2 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-2 img {
    top: 0.2rem;
  }
}
.p-information__img.m-3 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-3 img {
    top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-3 img {
    top: 0.8vw;
  }
}
.p-information__img.m-4 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-4 img {
    top: 0.2rem;
  }
}
.p-information__img.m-5 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-5 img {
    top: 0.1rem;
  }
}
.p-information__img.m-6 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-6 img {
    top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-6 img {
    top: 1.6vw;
  }
}
.p-information__img.m-7 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-7 img {
    top: 0.1rem;
    left: 0.4rem;
    width: 2.10831rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__img.m-7 img {
    left: 1.06667vw;
    width: 5.62216vw;
  }
}
.p-information__img.m-8 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-8 img {
    top: 0.2rem;
  }
}
.p-information__img.m-9 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-9 img {
    top: 0.2rem;
  }
}
.p-information__img.m-10 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-10 img {
    top: 0.8rem;
  }
}
.p-information__img.m-11 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-11 img {
    top: 0.3rem;
    left: 0.3rem;
    width: 2.6rem;
  }
}
.p-information__img.m-12 img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-information__img.m-12 img {
    top: 0.05rem;
  }
}
@media screen and (min-width: 768px) {
  .p-information__subtitle {
    font-size: max(1.8rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__subtitle {
    font-size: max(4.26667vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-information__subtitle {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__subtitle {
    margin-bottom: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-information__text {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.64286;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 300;
    line-height: 1.76923;
    letter-spacing: 0;
  }
}
.p-information__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-information__container {
    margin-bottom: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information__container {
    max-width: 88vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-information__container:first-of-type {
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-other {
    margin: 40rem auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other {
    margin: 28.66667vw auto 30.66667vw;
  }
}
.p-other__list {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-other__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 128.8rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-other__list {
    width: 66.66667vw;
  }
}
.p-other__item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-other__item {
    width: 37rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other__item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-other__item:not(:last-child) {
    margin-bottom: 29.33333vw;
  }
}
.p-other__item::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-other__item::after {
    top: -13rem;
    width: 2px;
    height: 10.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other__item::after {
    top: -15.33333vw;
    width: 0.4vw;
    height: 13.86667vw;
  }
}
.p-other__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-other__title {
    font-size: max(5rem, 10px);
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-other__title {
    font-size: max(8vw, 10px);
    font-weight: 300;
    line-height: 1.51667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-other__title {
    margin-bottom: 2rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .p-other__title {
    margin-bottom: 0.66667vw;
  }
}
.p-other__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-other__entitle {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-other__entitle {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-other__entitle {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other__entitle {
    margin-bottom: 5.33333vw;
  }
}
.p-other__img {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-other__img {
    width: 35.32015rem;
    height: 24.31905rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other__img {
    height: 45.90213vw;
  }
}
.p-other__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-other__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-other__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-other__text {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.95833;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-other__text {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-other__text {
    margin-top: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-restaurant {
    margin-top: 23.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant {
    margin-top: 29.33333vw;
    padding-top: 12vw;
    padding-bottom: 13.33333vw;
    background: #edeff3;
  }
}
.p-restaurant__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-restaurant__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 31rem;
    padding: 10.5rem 0 20rem;
    background: #edeff3;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-restaurant__box {
    margin-left: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-restaurant__box {
    margin-left: 10rem;
  }
}
.p-restaurant__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-restaurant__twrap {
    width: 51rem;
    margin-left: 10rem;
  }
}
.p-restaurant__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-restaurant__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-restaurant__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-restaurant__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-restaurant__entitle {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-restaurant__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-restaurant__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-restaurant__title {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__title {
    margin-bottom: 7.33333vw;
  }
}
.p-restaurant__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-restaurant__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 2.5625;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__text {
    max-width: 89.33333vw;
    margin: 0 auto 9.33333vw;
  }
}
.p-restaurant__text.m-center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-restaurant__img {
    position: absolute;
  }
}
.p-restaurant__img.m-1 {
  right: 0;
}

@media screen and (min-width: 768px) {
  .p-restaurant__img.m-1 {
    top: -8rem;
    width: 90.9356rem;
    height: 51.15127rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__img.m-1 {
    position: relative;
    width: 100%;
    margin-bottom: 13.33333vw;
    text-align: right;
  }
}
.p-restaurant__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .p-restaurant__img.m-1 img {
    width: 95.24585vw;
    height: 53.5758vw;
  }
}
.p-restaurant__img.m-1::after {
  position: absolute;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-restaurant__img.m-1::after {
    bottom: -4rem;
    left: -4rem;
    width: 76.3rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__img.m-1::after {
    bottom: -4vw;
    left: 0;
    width: 79.90965vw;
    height: 40.29311vw;
  }
}
@media screen and (min-width: 768px) {
  .p-restaurant__img.m-2 {
    right: 31.5rem;
    bottom: -12rem;
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__img.m-2 {
    position: relative;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__img.m-2 img {
    width: 50.22379vw;
    height: 46.03571vw;
  }
}
@media screen and (max-width: 767px) {
  .p-restaurant__iwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-robby {
    margin-top: 20rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby {
    margin-top: 26.66667vw;
    padding-top: 12vw;
    padding-bottom: 12vw;
    background: #edeff3;
  }
}
.p-robby__box {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-robby__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 31rem;
    padding: 10.5rem 0 28rem;
    background: #edeff3;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .p-robby__box {
    margin-right: 18rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .p-robby__box {
    margin-right: 10rem;
  }
}
.p-robby__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-robby__twrap {
    width: 49rem;
    margin-right: 10rem;
  }
}
.p-robby__twrap::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
  background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
  background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
}

@media screen and (min-width: 768px) {
  .p-robby__twrap::after {
    top: -17rem;
    width: 2px;
    height: 13.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__twrap::after {
    top: -21.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
  }
}
.p-robby__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-robby__entitle {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__entitle {
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__entitle {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__entitle {
    margin-bottom: 2.66667vw;
  }
}
.p-robby__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-robby__title {
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__title {
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.34615;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__title {
    margin-bottom: 7.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__subtitle {
    font-size: max(2.4rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__subtitle {
    font-size: max(4.26667vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__subtitle {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__subtitle {
    margin-bottom: 2.66667vw;
    text-align: center;
  }
}
.p-robby__text {
  color: #2f415f;
}

@media screen and (min-width: 768px) {
  .p-robby__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.80769;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__text {
    max-width: 90.09939vw;
    margin: 0 auto 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__img {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__img.m-1 {
    top: -9rem;
    left: 16rem;
    width: 68.29262rem;
    height: 50.33384rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__img.m-1 {
    position: relative;
    width: 100%;
    margin-bottom: 4.66667vw;
    text-align: center;
  }
}
.p-robby__img.m-1 img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .p-robby__img.m-1 img {
    width: 89.51312vw;
    height: 65.97403vw;
  }
}
.p-robby__img.m-1::after {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-robby__img.m-1::after {
    top: -4rem;
    width: 76.3rem;
    height: 44rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .p-robby__img.m-1::after {
    width: 71.3rem;
    height: 39rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__img.m-1::after {
    top: -4.66667vw;
    width: 100%;
    height: 57.66233vw;
  }
}
.p-robby__img.m-2 {
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-robby__img.m-2 {
    bottom: 6rem;
    left: 54rem;
    width: 37.66784rem;
    height: 34.52678rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__img.m-2 img {
    width: 49.56905vw;
    height: 41.64059vw;
  }
}
@media screen and (min-width: 768px) {
  .p-robby__img.m-3 {
    bottom: -7rem;
    left: 0;
    width: 45.80577rem;
    height: 38.47923rem;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__img.m-3 img {
    width: 45.42884vw;
    height: 41.64059vw;
  }
}
@media screen and (max-width: 767px) {
  .p-robby__iwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-faq-category {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-faq-category {
    max-width: 130rem;
    padding-top: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category {
    max-width: 90.66667vw;
    padding-top: 4vw;
  }
}
.p-faq-category__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-faq-category__item {
    width: 28.75rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__item {
    width: 43.04013vw;
    margin-bottom: 4.59509vw;
  }
}
.p-faq-category__item a {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-faq-category__item a {
    padding: 4.5rem 10px 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__item a {
    padding: 4vw 1.33333vw 2.66667vw;
  }
}
.p-faq-category__img img {
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .p-faq-category__img img {
    width: 3rem;
    height: 2.4178rem;
    margin-bottom: 1.85313rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__img img {
    width: 6.528vw;
    height: 6.528vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq-category__text {
    font-size: max(1.5rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__text {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq-category__text {
    margin-bottom: 1.34604rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__text {
    margin-bottom: 1.33333vw;
  }
}
.p-faq-category__img__arrow {
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .p-faq-category__img__arrow {
    width: 1.00863rem;
    height: 0.06rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-category__img__arrow {
    width: 1.87817vw;
    height: 0.08vw;
  }
}
.p-faq-contents {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-faq-contents {
    max-width: 130rem;
    padding-top: 7rem;
    padding-bottom: 40rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-contents {
    max-width: 90.66667vw;
    padding-top: 21.33333vw;
    padding-bottom: 53.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq-contents__title {
    font-size: max(4rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-contents__title {
    font-size: max(5.33333vw, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq-contents__title {
    margin-bottom: 3.59903rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq-contents__title {
    margin-bottom: 5.33333vw;
  }
}
.p-faq__item {
  border-top: solid 1px #2f415f;
}

.p-faq__item:last-child {
  border-bottom: solid 1px #2f415f;
}

.p-faq__item__q {
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (min-width: 768px) {
  .p-faq__item__q {
    font-size: max(1.8rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__q {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
.p-faq__item__q:hover {
  cursor: pointer;
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .p-faq__item__q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3.4885rem 0.90337rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__q {
    padding: 1.73333vw 12vw 1.73333vw 1.33333vw;
  }
}
.p-faq__item__q.open .p-faq__item__q__plus::after {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .p-faq__item__q__text {
    padding-right: 7.48959rem;
    padding-left: 0.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__q__text {
    display: inline;
  }
}
.p-faq__item__q__plus {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-faq__item__q__plus {
    right: 3.57846rem;
    width: 1.39461rem;
    height: 1.39461rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__q__plus {
    right: 5.33333vw;
    width: 2.8vw;
    height: 2.8vw;
  }
}
.p-faq__item__q__plus:before,
.p-faq__item__q__plus:after {
  position: absolute;
  content: "";
  background-color: #2f415f;
}

.p-faq__item__q__plus:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-faq__item__q__plus:after {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.p-faq__item__a {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-faq__item__a {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__a {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__item__a {
    padding: 0rem 2.87868rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__item__a {
    padding: 2.66667vw 8vw 5.33333vw;
  }
}
.p-access-bottom {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-access-bottom {
    margin-top: 28rem;
    padding: 8rem 0 11rem;
    background: url("../img/access/img-bg-bottom.jpg") no-repeat center center/cover;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom {
    padding: 13.33333vw 0 9.33333vw;
    background: url("../img/access/sp/img-bg-bottom.jpg") no-repeat center center/cover;
  }
}
.p-access-bottom::before {
  position: absolute;
  left: 50%;
  width: 0.2rem;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #7bbdd3;
}

@media screen and (min-width: 768px) {
  .p-access-bottom::before {
    top: -7rem;
    height: 13.37612rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom::before {
    top: -9.33333vw;
    height: 17.83483vw;
  }
}
.p-access-bottom__title {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-access-bottom__title {
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__title {
    font-size: max(9.33333vw, 10px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__title {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__title {
    margin-bottom: 4vw;
  }
}
.p-access-bottom__text {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-access-bottom__text {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__text {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.19231;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__text {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__text {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__link ul li {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__link ul li {
    margin-bottom: 2.66667vw;
  }
}
.p-access-bottom__link ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  border: solid 1px #fff;
  background-color: rgba(47, 65, 95, 0.2);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-access-bottom__link ul li a {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__link ul li a {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__link ul li a {
    width: 32.45709rem;
    height: 8.74678rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__link ul li a {
    width: 54.6676vw;
    height: 12.21676vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-access-bottom__link ul li a:hover {
    background: rgba(47, 65, 95, 0.7);
  }
}
.p-access-bottom__link ul li a img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .p-access-bottom__link ul li a img {
    width: 2.6rem;
    height: 3.33572rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-bottom__link ul li a img {
    width: 4.15703vw;
    height: 5.33333vw;
    margin-right: 2.66667vw;
  }
}
.p-access-bottom__link ul li a > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-accress-map {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-accress-map {
    max-width: 160rem;
    padding: 12.5994rem 0 8.07438rem;
  }
}
@media screen and (max-width: 767px) {
  .p-accress-map {
    padding-top: 5.33333vw;
    padding-bottom: 8vw;
  }
}
.p-access-map__wrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-access-map__wrap {
    width: 160rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-map__wrap {
    width: 100%;
    height: 66.66667vw;
  }
}
.p-access-map__wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-accress-address {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-accress-address {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-accress-address {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__name {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__name {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__name {
    margin-bottom: 5.00005rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__name {
    margin-bottom: 6.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__address {
    font-size: max(1.5rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__address {
    font-size: max(3.46667vw, 10px);
    font-weight: 300;
    line-height: 1.38462;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__address {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__address {
    margin-bottom: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__nearest {
    font-size: max(1.5rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__nearest {
    font-size: max(3.46667vw, 10px);
    font-weight: 300;
    line-height: 1.38462;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__nearest {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__nearest {
    margin-bottom: 9.33333vw;
  }
}
.p-access-dial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-access-dial {
    min-width: 300px;
    max-width: 44.00488rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial {
    margin-bottom: 5.33333vw;
  }
}
.p-access-dial__freedial {
  width: 51%;
  border-right: solid 1px #2f415f;
}

@media screen and (min-width: 768px) {
  .p-access-dial__freedial {
    padding-top: 0.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__freedial {
    padding-top: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__freedial .p-access-dial__tel__wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__freedial .p-access-dial__tel__wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-access-dial__outside {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 768px) {
  .p-access-dial__outside {
    padding-top: 0.5rem;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__outside {
    padding-top: 1.33333vw;
  }
}
.p-access-dial__outside .p-access-dial__tel__wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .p-access-dial__outside .p-access-dial__tel__wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__text {
    font-size: max(1.5rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    text-align: center;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__text {
    font-size: max(3vw, 10px);
    font-weight: 300;
    line-height: 1.75022;
    text-align: center;
    letter-spacing: 0;
  }
}
.p-access-dial__tel__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-access-dial__hours {
    font-size: max(1.3rem, 10px);
    font-weight: 300;
    line-height: 1.71154;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__hours {
    font-size: max(2.66667vw, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__hours {
    margin-left: 3rem;
  }
}
.p-access-dial__icon img {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-access-dial__icon img {
    width: 1.8344rem;
    height: 1.8344rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__icon img {
    width: 3.6688vw;
    height: 3.6688vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__icon {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__icon {
    margin-right: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__tel {
    font-size: max(2.4rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__tel {
    font-size: max(4.8vw, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__hours {
    font-size: max(1.3rem, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-dial__hours {
    font-size: max(2.66667vw, 10px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-dial__hours {
    margin-bottom: 0rem;
  }
}
.p-access-email {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-access-email {
    font-size: max(1.6rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-email {
    font-size: max(3.73333vw, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-email__icon {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-email__icon {
    margin-right: 1.33333vw;
  }
}
.p-access-email__icon img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .p-access-email__icon img {
    width: 1.95669rem;
    height: 1.40637rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-email__icon img {
    width: 3.91339vw;
    height: 2.81275vw;
  }
}
.p-accress-from__box {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  background-color: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-accress-from__box {
    max-width: 160rem;
    margin-bottom: 6rem;
    padding: 9rem 0 11rem;
  }
}
@media screen and (max-width: 767px) {
  .p-accress-from__box {
    margin-bottom: 13.33333vw;
    padding: 6.66667vw 0 14.66667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-accress-from__box--02 {
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 768px) {
  .p-accress-from__box--02 .p-access-from__list {
    max-width: 110.5793rem;
  }
}
@media screen and (min-width: 768px) {
  .p-accress-from__box--02 .p-access-dial__icon img {
    width: 3.74348rem;
    height: 1.47244rem;
  }
}
@media screen and (min-width: 768px) {
  .p-accress-from__box--02 .p-access-from__circle.dashed::before {
    width: 70.016rem;
  }
}
.p-access-from__wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-access-from__wrap {
    max-width: 86.66667vw;
    margin: 0 auto;
  }
}
.p-access-from__text {
  position: absolute;
  left: 41%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-access-from__text {
    font-size: max(1.3rem, 10px);
    font-weight: 300;
    line-height: 1.73077;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__text {
    font-size: max(3.2vw, 10px);
    font-weight: 300;
    line-height: 1.58333;
    letter-spacing: 0;
    left: 50%;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__text {
    bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__text {
    bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__text--02 {
    left: 29%;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__text--03 {
    left: 51%;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__text--04 {
    left: 62%;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__text--05 {
    left: 72%;
  }
}
.p-access-address__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-access-address__title {
    font-size: max(2.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__title {
    font-size: max(4.8vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-address__title {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__title {
    margin-bottom: 12vw;
  }
}
.p-access-address__title img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .p-access-address__title img {
    width: 2.67439rem;
    height: 2.67439rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-address__title img {
    width: 5.34879vw;
    height: 5.34879vw;
    margin-right: 1.33333vw;
  }
}
.p-access-from__span {
  display: inline-block;
  padding: 0.1rem 2rem;
  border-radius: 50px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-access-from__span {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__span {
    margin-top: 2vw;
  }
}
.p-access-from__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-access-from__list {
    max-width: 70rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__item {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__icon {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__icon {
    margin-bottom: 1.33333vw;
  }
}
.p-access-from__icon img {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-access-from__icon img {
    width: 1.84799rem;
    height: 2.71219rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__icon img {
    width: 3.69597vw;
    height: 5.42437vw;
  }
}
.p-access-from__circle {
  position: relative;
  display: block;
  margin: 0 auto;
  border: solid 1px #0a1a32;
  border-radius: 100%;
  background-color: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-access-from__circle {
    width: 2.94075rem;
    height: 2.94075rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__circle {
    width: 5.88149vw;
    height: 5.88149vw;
  }
}
.p-access-from__circle.pink {
  background-color: #f1a3dd;
}

.p-access-from__circle.dashed:before {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 1px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../img/access/dash-line.svg") repeat-x center center/auto 100%;
}

@media screen and (min-width: 768px) {
  .p-access-from__circle.dashed:before {
    width: 60.26934rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__circle.dashed:before {
    width: 80.66841vw;
  }
}
.p-access-from__circle.dashed-left:before {
  position: absolute;
  top: 50%;
  right: 100%;
  height: 1px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../img/access/dash-line.svg") repeat-x center center/auto 100%;
}

.p-access-from__circle.dashed-both:before {
  position: absolute;
  top: 50%;
  right: 100%;
  height: 1px;
  width: 120vw !important;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../img/access/dash-line.svg") repeat-x center center/auto 100%;
  background: url("../img/access/dash-line.svg") repeat-x center center/auto 100%;
}

.p-access-from__circle.dashed-both:after {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 1px;
  width: 30vw !important;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../img/access/dash-line.svg") repeat-x center center/auto 100%;
}

@media screen and (min-width: 768px) {
  .p-access-from__circle.dashed-left:before {
    width: 49.26934rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__circle.dashed-left:before {
    width: 110.33508vw;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__station__name {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__station__name {
    font-size: max(3.6vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-access-from__station__name {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-access-from__station__name {
    margin-bottom: 5.33333vw;
  }
}
.p-accrss-from__pdf {
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  word-break: keep-all;
  bottom: -5rem;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .p-accrss-from__pdf {
    bottom: -7vw;
    font-size: 3vw;
  }
}
@media screen and (min-width: 768px) {
  .p-article__inner {
    max-width: 126rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
    padding-top: 0.1rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-article__inner {
    max-width: 106rem;
  }
}
.p-article__container {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-article__container {
    max-width: 106rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-article__container {
    max-width: 86rem;
  }
}
@media screen and (min-width: 768px) {
  .p-article__wrap {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-article__wrap {
    padding-top: 0.13333vw;
    padding-bottom: 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-article__head {
    margin: 2rem auto;
  }
}
@media screen and (max-width: 767px) {
  .p-article__head {
    max-width: 90%;
    margin: 4vw auto;
  }
}
.p-article__img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-article__img {
    height: 66rem;
  }
}
.p-article__img img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-article__img::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
  background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
}

@media screen and (min-width: 768px) {
  .p-article__img::after {
    right: -4rem;
    bottom: -4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-article__img::after {
    right: -5.33333vw;
    bottom: -5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-article__title {
    font-size: max(3.6rem, 10px);
    font-weight: 800;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-article__title {
    font-size: max(4.8vw, 10px);
    font-weight: 800;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-article__title {
    margin: 6rem auto 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-article__title {
    margin: 8vw auto 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-article__text {
    font-size: max(2.4rem, 10px);
    font-weight: 400;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-article__text {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article {
    font-size: max(2.2rem, 10px);
    font-weight: 400;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  article {
    max-width: 92vw;
    margin-top: 4vw;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  article > p {
    font-size: max(2.2rem, 10px);
    font-weight: 400;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article > p {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article > p {
    margin: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  article > p {
    margin: 3.33333vw 0;
  }
}
@media screen and (min-width: 768px) {
  article > h2 {
    font-size: max(2.8rem, 10px);
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article > h2 {
    font-size: max(3.73333vw, 10px);
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article > h2 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  article > h2 {
    margin-bottom: 3.33333vw;
  }
}
@media screen and (min-width: 768px) {
  article > h3 {
    font-size: max(2.5rem, 10px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article > h3 {
    font-size: max(3.33333vw, 10px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article > h3 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  article > h3 {
    margin-bottom: 3.33333vw;
  }
}
@media screen and (min-width: 768px) {
  article > h4 {
    font-size: max(2.2rem, 10px);
    font-weight: 500;
    line-height: 1.68182;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article > h4 {
    font-size: max(2.93333vw, 10px);
    font-weight: 500;
    line-height: 1.68182;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article > h4 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  article > h4 {
    margin-bottom: 3.33333vw;
  }
}
@media screen and (min-width: 768px) {
  article > hr {
    margin: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  article > hr {
    margin: 3.33333vw 0;
  }
}
article > p > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

article > a,
article > * > a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  article > a,
  article > * > a {
    font-size: max(2.2rem, 10px);
    font-weight: 800;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  article > a,
  article > * > a {
    font-size: max(2.93333vw, 10px);
    font-weight: 800;
    line-height: 1.40909;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  article > a,
  article > * > a {
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 768px) {
  article > a:hover,
  article > * > a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .p-policy {
    margin-top: 5rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy {
    margin-top: 6.66667vw;
    margin-bottom: 13.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy__inner {
    max-width: 144rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-policy__inner {
    max-width: 134rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__inner {
    max-width: 90%;
    margin: 4vw auto;
  }
}
.p-policy__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-policy__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__entitle {
    font-size: max(11.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-policy__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-policy__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__title {
    margin-top: 2.66667vw;
  }
}
.p-policy__lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-policy__lead {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__lead {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy__lead {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__lead {
    margin-top: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy dl {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy dl {
    margin-top: 12vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy dt {
    font-size: max(2.4rem, 10px);
    font-weight: 500;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy dt {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy dt {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy dt {
    margin-bottom: 2.66667vw;
  }
}
.p-policy dd {
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-policy dd {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy dd {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy dd {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy dd {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-sitemap {
    margin-top: 5rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap {
    margin-top: 6.66667vw;
    margin-bottom: 13.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-sitemap__inner {
    max-width: 134rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-sitemap__inner {
    max-width: 124rem;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__inner {
    max-width: 90%;
    margin: 4vw auto;
  }
}
.p-sitemap__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-sitemap__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__entitle {
    font-size: max(11.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-sitemap__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-sitemap__title {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.36111;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-sitemap__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap__title {
    margin-top: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-sitemap ul {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap ul {
    margin-top: 12vw;
  }
}
.p-sitemap li {
  border-top: 1px solid #2f415f;
}

.p-sitemap li a {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-sitemap li a {
    font-size: max(2.4rem, 10px);
    font-weight: 500;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap li a {
    font-size: max(3.2vw, 10px);
    font-weight: 500;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-sitemap li a {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sitemap li a {
    padding: 6.66667vw 0;
  }
}
.p-sitemap li:last-child {
  border-bottom: 1px solid #2f415f;
}

@media screen and (min-width: 768px) {
  .p-contact {
    margin-top: 5rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact {
    margin-top: 6.66667vw;
    margin-bottom: 13.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-contact__inner {
    max-width: 124rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-contact__inner {
    max-width: 114rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__inner {
    max-width: 90%;
    margin: 4vw auto;
  }
}
.p-contact__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-contact__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__entitle {
    font-size: max(11.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-contact__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-contact__title {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.36111;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact__title {
    margin-top: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-contact .wpcf7 {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .wpcf7 {
    margin-top: 9.33333vw;
  }
}
.p-contact table {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-contact tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-contact tr:not(:last-child) {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-contact td {
    padding: 2.5rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-contact td:last-child {
    padding: 2.5rem 1.5rem 2.5rem 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact td:last-child {
    width: 100%;
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-contact th {
    font-size: max(2.2rem, 10px);
    font-weight: 400;
    line-height: 1.09091;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact th {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.46154;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact th {
    margin-right: 2vw;
  }
}
.p-contact span.required {
  color: #fff;
  background: #cd4548;
}

@media screen and (min-width: 768px) {
  .p-contact span.required {
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.53125;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact span.required {
    font-size: max(2.66667vw, 10px);
    font-weight: 400;
    line-height: 1.925;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact span.required {
    padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact span.required {
    padding: 0.66667vw 1.33333vw;
  }
}
.p-contact input[type=text],
.p-contact input[type=tel],
.p-contact input[type=email] {
  display: inline-block;
  width: 100%;
  border: 0;
  background: #f3f3f3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=text],
  .p-contact input[type=tel],
  .p-contact input[type=email] {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=text],
  .p-contact input[type=tel],
  .p-contact input[type=email] {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.35714;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact input[type=text],
  .p-contact input[type=tel],
  .p-contact input[type=email] {
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=text],
  .p-contact input[type=tel],
  .p-contact input[type=email] {
    padding: 2vw 2vw;
  }
}
.p-contact textarea {
  display: inline-block;
  width: 100%;
  border: 0;
  background: #f3f3f3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 768px) {
  .p-contact textarea {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact textarea {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.35714;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact textarea {
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact textarea {
    padding: 2vw 2vw;
  }
}
.p-contact input[type=submit] {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  border: none;
  background: #273655;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=submit] {
    font-size: max(2.4rem, 10px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=submit] {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact input[type=submit] {
    padding: 2.25rem 8rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=submit] {
    padding: 3vw 10.66667vw 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-contact input[type=submit] {
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 768px) {
  .p-contact input[type=submit]:hover {
    opacity: 0.7;
  }
}
.p-contact .contact-list {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-contact .contact-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .contact-list {
    margin-top: 5.33333vw;
  }
}
.p-contact input[type=checkbox] {
  display: none;
}

.p-contact input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=checkbox] + span {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=checkbox] + span {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.07143;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact input[type=checkbox] + span {
    margin-right: 3rem;
    padding-left: 3.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=checkbox] + span {
    margin-right: 5.33333vw;
    padding-left: 6.4vw;
  }
}
.p-contact input[type=checkbox] + span::before {
  position: absolute;
  top: 53%;
  left: 0;
  display: block;
  content: "";
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #2f415f;
  border-radius: 0;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=checkbox] + span::before {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=checkbox] + span::before {
    width: 4.26667vw;
    height: 4.26667vw;
  }
}
.p-contact input[type=checkbox] + span::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=checkbox] + span::after {
    width: 1.6rem;
    height: 1rem;
    margin-top: -0.15rem;
    margin-left: 0.35rem;
    border-bottom: 0.35rem solid #2f415f;
    border-left: 0.35rem solid #2f415f;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=checkbox] + span::after {
    width: 2.93333vw;
    height: 1.86667vw;
    margin-top: -0.2vw;
    margin-left: 0.53333vw;
    border-bottom: 0.53333vw solid #2f415f;
    border-left: 0.53333vw solid #2f415f;
  }
}
.p-contact input[type=checkbox]:checked + span::before {
  background: #2f415f;
}

.p-contact input[type=checkbox]:checked + span::after {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .p-contact input[type=checkbox]:checked + span::after {
    border-bottom: 0.35rem solid #fff;
    border-left: 0.35rem solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-contact input[type=checkbox]:checked + span::after {
    border-bottom: 0.46667vw solid #fff;
    border-left: 0.46667vw solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .wpcf7-checkbox {
    display: inline-block;
    margin-top: 1.33333vw;
  }
}
.p-contact .wpcf7-not-valid-tip {
  display: block;
  color: #f00;
}

@media screen and (min-width: 768px) {
  .p-contact .wpcf7-not-valid-tip {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .wpcf7-not-valid-tip {
    font-size: max(2.4vw, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact .wpcf7-not-valid-tip {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .wpcf7-not-valid-tip {
    margin-top: 2vw;
  }
}
.p-contact .screen-reader-response {
  display: block;
  text-align: center;
  color: #f00;
}

@media screen and (min-width: 768px) {
  .p-contact .screen-reader-response {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .screen-reader-response {
    font-size: max(2.4vw, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact .screen-reader-response {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .screen-reader-response {
    margin-top: 2vw;
    margin-bottom: 2.66667vw;
  }
}
.p-contact .screen-reader-response ul {
  display: none;
}

.p-contact .screen-reader-response p {
  text-align: center;
}

.p-contact .wpcf7-response-output {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-contact .wpcf7-recaptcha {
    margin: 3rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact .wpcf7-recaptcha {
    margin: 4vw 0;
  }
}
.p-contact .wpcf7-recaptcha > div {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-404 {
    margin-top: 5rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-404 {
    margin-top: 6.66667vw;
    margin-bottom: 13.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-404__inner {
    max-width: 134rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-404__inner {
    max-width: 124rem;
  }
}
@media screen and (max-width: 767px) {
  .p-404__inner {
    max-width: 90%;
    margin: 4vw auto;
  }
}
.p-404__entitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-404__entitle {
    font-size: max(7rem, 10px);
    font-weight: 500;
    line-height: 1.28571;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-404__entitle {
    font-size: max(11.33333vw, 10px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-404__entitle {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-404__entitle {
    margin-bottom: 2vw;
  }
}
.p-404__subtitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-404__subtitle {
    font-size: max(3rem, 10px);
    font-weight: 400;
    line-height: 1.33333;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-404__subtitle {
    font-size: max(6vw, 10px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-404__subtitle {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-404__subtitle {
    margin-bottom: 8vw;
  }
}
.l-404__text {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-404__text {
    font-size: max(2.6rem, 10px);
    font-weight: 400;
    line-height: 1.53846;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-404__text {
    font-size: max(5.33333vw, 10px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-404__text {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .l-404__text {
    margin-bottom: 2vw;
  }
}
.l-404__text--link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-404__text--link {
    font-size: max(2.6rem, 10px);
    font-weight: 400;
    line-height: 1.53846;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-404__text--link {
    font-size: max(5.33333vw, 10px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-404__text--link {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .l-404__text--link {
    margin-bottom: 10.66667vw;
  }
}
.p-404__link {
  text-align: center;
}

.p-404__link a {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  background: #273655;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 768px) {
  .p-404__link a {
    font-size: max(2.4rem, 10px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-404__link a {
    font-size: max(3.2vw, 10px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-404__link a {
    padding: 2.25rem 8rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-404__link a {
    padding: 3vw 10.66667vw 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-404__link a {
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (min-width: 768px) {
  .p-404__link a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 901px) {
  .is-md-sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .is-sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract {
    margin: 10rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract {
    margin: 13.33333vw auto 0;
  }
}
.p-policy-contract > ol {
  list-style-type: decimal;
}

@media screen and (min-width: 768px) {
  .p-policy-contract > ol {
    margin-left: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract > ol > li {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol > li {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.375;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract > ol > li {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol > li {
    margin-bottom: 2.66667vw;
  }
}
.p-policy-contract > ol > ol {
  list-style-type: none;
  counter-reset: count 0;
}

.p-policy-contract > ol > ol > li {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-policy-contract > ol > ol > li {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol > ol > li {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.375;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract > ol > ol > li {
    margin-bottom: 2rem;
    padding-left: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol > ol > li {
    margin-bottom: 2.66667vw;
    padding-left: 4vw;
  }
}
.p-policy-contract > ol > ol > li::before {
  position: absolute;
  top: 0;
  content: "（" counter(count) "）";
  counter-increment: count 1;
}

@media screen and (min-width: 768px) {
  .p-policy-contract > ol > ol > li::before {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract > ol > ol > li::before {
    left: -4vw;
  }
}
.p-policy-contract table {
  width: 100%;
}

.p-policy-contract tr {
  border-top: 1px solid #adadad;
}

.p-policy-contract tr:last-child {
  border-bottom: 1px solid #adadad;
}

.p-policy-contract th {
  color: #808080;
  background: #edeff3;
}

@media screen and (min-width: 768px) {
  .p-policy-contract th {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.72222;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract th {
    font-size: max(3.06667vw, 10px);
    font-weight: 400;
    line-height: 1.34783;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract th {
    width: 22.18666rem;
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract th {
    width: 26.66667vw;
    padding: 3.06667vw 0;
  }
}
.p-policy-contract td {
  text-align: center;
  color: #808080;
}

@media screen and (min-width: 768px) {
  .p-policy-contract td {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1.72222;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract td {
    font-size: max(3.06667vw, 10px);
    font-weight: 400;
    line-height: 1.34783;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract td {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract td {
    padding-top: 3.33333vw;
    padding-bottom: 3.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__title {
    font-size: max(2.8rem, 10px);
    font-weight: 500;
    line-height: 1.28571;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__title {
    font-size: max(4.53333vw, 10px);
    font-weight: 500;
    line-height: 1.13235;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__title {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__title {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text {
    font-size: max(2.4rem, 10px);
    font-weight: 400;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text {
    font-size: max(4vw, 10px);
    font-weight: 400;
    line-height: 1.28333;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text {
    margin-bottom: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__twrap {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__twrap {
    margin-top: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text--table {
    font-size: max(1.8rem, 10px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text--table {
    font-size: max(3.46667vw, 10px);
    font-weight: 400;
    line-height: 1.48077;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text--table {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text--table {
    margin-bottom: 1.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text--table.m-mt {
    margin-top: 6rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text--table.m-mt {
    margin-top: 8vw;
    margin-bottom: 1.33333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text--foot {
    font-size: max(2.4vw, 10px);
    font-weight: 400;
    line-height: 1.66667;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-contract__text--foot {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-contract__text--foot:not(:last-child) {
    margin-top: 1.06667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-terms__wrap {
    margin: 20rem auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms__wrap {
    margin: 26.66667vw auto 13.33333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-terms {
    margin: 10rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms {
    margin: 13.33333vw auto 0;
  }
}
.p-policy-terms > ol {
  list-style-type: none;
  counter-reset: count 0;
}

.p-policy-terms > ol > li {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-policy-terms > ol > li {
    font-size: max(2rem, 10px);
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms > ol > li {
    font-size: max(3.73333vw, 10px);
    font-weight: 400;
    line-height: 1.64286;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-terms > ol > li {
    margin-bottom: 2rem;
    padding-left: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms > ol > li {
    margin-bottom: 2.66667vw;
    padding-left: 6vw;
  }
}
.p-policy-terms > ol > li::before {
  position: absolute;
  top: 0;
  content: "（" counter(count) "）";
  counter-increment: count 1;
}

@media screen and (min-width: 768px) {
  .p-policy-terms > ol > li::before {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms > ol > li::before {
    left: -4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-terms__title {
    font-size: max(2.8rem, 10px);
    font-weight: 500;
    line-height: 1.28571;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms__title {
    font-size: max(4.53333vw, 10px);
    font-weight: 500;
    line-height: 1.13235;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-policy-terms__title {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-policy-terms__title {
    margin-bottom: 4vw;
  }
}
/* 追加20221007 客室名変更 */
@media screen and (min-width: 768px) {
  .p-superior__img--premium::after {
    bottom: -3rem;
  }
}
@media screen and (min-width: 768px) {
  .p-double__img::after {
    bottom: -3rem;
    height: 64.27251rem;
  }
}
@media screen and (min-width: 768px) {
  .p-twin__img--relax::after {
    bottom: -8.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-double__img--family::after {
    right: -8rem;
    bottom: -3rem;
    height: 55.27251rem;
  }
}
@media screen and (min-width: 768px) {
  .p-double__img--semidouble::after {
    right: -8rem;
    top: -4rem;
    bottom: unset;
    height: 55.27251rem;
  }
}
@media screen and (max-width: 767px) {
  .p-double__img--semidouble::after {
    right: 0;
    bottom: unset;
    top: -7vw;
    width: 60.96625vw;
    height: 39.66867vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-rooms__head {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .p-superior__title {
    font-size: max(9.9vw, 10px);
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

/* 360°表示非表示 20230306 */
.p-superior-info__link,
.p-twin-info__list,
.p-single-info__link {
  display: none;
}

.p-superior-info,
.p-single-info {
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-twin__img::after {
    bottom: -2.5rem;
  }
}
/* サウナ追加 20230409 */
@media screen and (min-width: 768px) {
  .p-sauna {
    margin-bottom: 21rem;
    padding: 9rem 0 12.5rem;
    position: relative;
  }
  .p-sauna::after {
    top: -7rem;
    width: 2px;
    height: 13.4rem;
    position: absolute;
    left: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
    background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
    background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
  }
  .p-sauna__entitle {
    margin-bottom: 2.5rem;
    font-size: max(6rem, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
    text-align: center;
  }
  .p-sauna__title {
    margin-bottom: 11rem;
    font-size: max(2rem, 10px);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: center;
  }
  .p-sauna__box {
    width: 100rem;
    margin: 0 auto;
  }
  .p-sauna__img {
    position: relative;
  }
  .p-sauna__img img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-sauna__img::after {
    top: 11rem;
    width: 64.2rem;
    height: 50.9rem;
    position: absolute;
    left: -13rem;
    content: "";
    opacity: 0.5;
    background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
    background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
  }
}
@media screen and (max-width: 767px) {
  .p-sauna {
    margin-bottom: 8vw;
    padding: 14vw 0 33.33333vw;
    position: relative;
  }
  .p-sauna::after {
    top: -9.33333vw;
    width: 0.4vw;
    height: 17.86667vw;
    position: absolute;
    left: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#7cc0d3), to(#ade7b6));
    background: -webkit-linear-gradient(top, #7cc0d3 0%, #ade7b6 100%);
    background: linear-gradient(to bottom, #7cc0d3 0%, #ade7b6 100%);
  }
  .p-sauna__entitle {
    margin-bottom: 3.33333vw;
    font-size: max(10.4vw, 10px);
    font-weight: 300;
    line-height: 1.16667;
    letter-spacing: 0;
    text-align: center;
  }
  .p-sauna__title {
    margin-bottom: 8.66667vw;
    font-size: max(3.46667vw, 10px);
    font-weight: 500;
    line-height: 1.73077;
    letter-spacing: 0;
    text-align: center;
  }
  .p-sauna__box {
    width: 90%;
    margin: 0 auto;
  }
  .p-sauna__img {
    position: relative;
  }
  .p-sauna__img img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-sauna__img::after {
    top: 10vw;
    width: 72vw;
    height: 47vw;
    position: absolute;
    left: -4rem;
    content: "";
    opacity: 0.5;
    background: -webkit-linear-gradient(310deg, #6fc6c1 0%, #8ac38e 100%);
    background: linear-gradient(140deg, #6fc6c1 0%, #8ac38e 100%);
  }
}
.p-top .p-yomogimushi {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi {
    margin-bottom: 27rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi {
    margin-bottom: 17.33333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__inner {
    overflow: hidden;
    padding-top: 8vw;
  }
}
.p-top .p-yomogimushi__twrap {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__twrap {
    width: 90rem;
    margin: 0 auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__twrap {
    width: 90.26667vw;
    margin: 0 auto 8vw;
  }
}
.p-top .p-yomogimushi__entitle {
  font-style: italic;
  position: relative;
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__entitle {
    font-size: max(9rem, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__entitle {
    font-size: max(9.33333vw, 10px);
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0;
  }
}
.p-top .p-yomogimushi__bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__bg {
    top: -4.2rem;
    left: -3.5rem;
    width: 9.98148rem;
    height: 19.54019rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__bg {
    top: -6.66667vw;
    left: 1.33333vw;
    width: 17.30123vw;
    height: 33.86965vw;
  }
}
.p-top .p-yomogimushi__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__title {
    font-size: max(1.4rem, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__title {
    font-size: max(2.93333vw, 10px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__title {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__title {
    margin-top: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__bg {
    top: -4.5rem;
    left: -4.6rem;
    width: 16.93528rem;
    height: 21.38894rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__bg {
    top: -5.33333vw;
    left: -5.33333vw;
    width: 24.03747vw;
    height: 25.84852vw;
  }
}
@media screen and (min-width: 768px) {
  .p-yomogimushi__img {
    width: 130rem;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-yomogimushi__img {
    width: 100%;
    position: relative;
  }
}
.p-top .p-yomogimushi__img::after {
  position: absolute;
  content: "";
  opacity: 0.3;
  background: -webkit-linear-gradient(310deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
  background: linear-gradient(140deg, #7bbfd5 0%, #8ac38e 59.08%, #ffd7a7 100%);
}

@media screen and (min-width: 768px) {
  .p-top .p-yomogimushi__img::after {
    z-index: -1;
    top: 5rem;
    left: -10rem;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-top .p-yomogimushi__img::after {
    z-index: -1;
    top: -4vw;
    width: 66.85099vw;
    height: 58.02985vw;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-yomogimushi__text {
    width: 130rem;
    text-align: center;
    margin: 2em auto 0;
    font-size: max(1.6rem, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-yomogimushi__text {
    font-size: max(2.77333vw, 10px);
    font-weight: 400;
    line-height: 1.9375;
    letter-spacing: 0;
    margin: 4.66667vw 8vw 10.66667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-yomogimushi__link {
    text-align: center;
    width: 130rem;
    margin: 2em auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-yomogimushi__link {
    text-align: center;
  }
}
.gt_switcher .gt_option {
  position: absolute !important;
  width: 100% !important;
}

.gt_switcher .gt_selected {
  background: none !important;
}

@media screen and (max-width: 767px) {
  .l-header-lang {
    margin-right: 20px;
  }
  .gt_switcher {
    width: 120px !important;
  }
  .gt_switcher .gt_selected a {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .gt_switcher .gt_option a {
    line-height: 1.5 !important;
  }
}
#wovn-translate-widget {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .gt_switcher .gt_option {
    height: 150px !important;
  }
}

/*# sourceMappingURL=style.css.map */