/************************************************
  page-kinosaki-cp2210
************************************************/

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

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

/* リキッドレイアウト対応 */
.kinosaki-cp2210 {
  font-size: 16px;
}
@media screen and (max-width: px) {
  .kinosaki-cp2210 {
    font-size: 1.3913043478vw;
  }
}
@media screen and (max-width: 767px) {
  .kinosaki-cp2210 {
    font-size: 16px;
  }
}
@media screen and (max-width: 375px) {
  .kinosaki-cp2210 {
    font-size: 4.2666666667vw;
  }
}

/* pcの電話番号発信対応 */
@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.8;
}

/* 画像 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* ハンバーガーメニューを開いてる間はスクロール禁止 */
body.is-drawerActive {
  height: 100%;
  overflow: hidden;
}

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

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.hamburger__button {
  display: none;
}

@media screen and (max-width: 767px) {
  .hamburger__button {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    visibility: visible;
  }
  .hamburger__button {
    position: fixed;
    top: 1.2rem;
    right: 1.5rem;
    z-index: 2;
    width: 4.4rem;
    height: 4.4rem;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .hamburger__line {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 1.4rem;
    height: 1px;
    background-color: #fff;
    -webkit-transition: inherit;
    transition: inherit;
  }
  .hamburger__line::before, .hamburger__line::after {
    position: absolute;
    display: block;
    width: 2.8rem;
    height: 100%;
    background-color: inherit;
    content: "";
    -webkit-transition: inherit;
    transition: inherit;
  }
  .hamburger__line::before {
    top: -0.6rem;
  }
  .hamburger__line::after {
    top: 0.6rem;
  }
  .hamburger__button[aria-expanded=true] .hamburger__line {
    background-color: transparent;
  }
  .hamburger__button[aria-expanded=true] .hamburger__line::before, .hamburger__button[aria-expanded=true] .hamburger__line::after {
    top: 0;
    background-color: #fff;
  }
  .hamburger__button[aria-expanded=true] .hamburger__line::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .hamburger__button[aria-expanded=true] .hamburger__line::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
.inner {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
  .inner {
    padding-right: 26px;
    padding-left: 26px;
  }
}

.section-header {
  width: 100%;
  max-width: 800px;
  max-width: 50rem;
}
@media screen and (max-width: 1023px) {
  .section-header {
    max-width: 35rem;
  }
}

.section-header__title {
  font-family: "Cormorant Infant", serif;
  font-size: 192px;
  font-size: 12rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .section-header__title {
    font-size: 8.4rem;
  }
}

.section-header__sub-title {
  background-color: #000;
  color: #fff;
  font-family: ten-mincho, serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  padding: 16px 20.8px;
  padding: 1rem 1.3rem;
  margin-top: 28.8px;
  margin-top: 1.8rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .section-header__sub-title {
    font-size: 1.4rem;
    margin-top: 1.2rem;
    padding: 0.7rem 1rem;
  }
}

.section-header__sub-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  width: 5rem;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .section-header__sub-title::after {
    width: 3.5rem;
  }
}

.sp-global-menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-global-menu {
    z-index: 1;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block;
    padding-top: 7rem;
  }
  .sp-global-menu__inner {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    display: block;
  }
  .sp-global-menu__nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .sp-global-menu__item:nth-child(n+2) {
    margin-top: 3rem;
  }
  .sp-global-menu__item a {
    color: #fff;
    font-family: ten-mincho, serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.2em;
  }
  .is-drawerActive .sp-global-menu {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.about {
  background-image: url(./img-kinosaki-cp2210/about/about_bg.png);
  background-size: cover;
  background-position: center;
  padding-bottom: 433.6px;
  padding-bottom: 27.1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about {
    padding-bottom: 15.1rem;
  }
}

.about::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 2672px;
  max-width: 167rem;
  height: 268.8px;
  height: 16.8rem;
  background-image: url(./img-kinosaki-cp2210/about/about_bg-bottom.png);
  background-position: center;
}
@media screen and (max-width: 767px) {
  .about::after {
    height: 11.8rem;
  }
}

.about__contents {
  width: 100%;
  max-width: 2304px;
  max-width: 144rem;
  margin: 0 auto;
}

.about__img-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 2304px;
  max-width: 144rem;
  margin: 0 auto;
}

.about__img-1 .img-l {
  width: 30.6944%;
}
@media screen and (max-width: 767px) {
  .about__img-1 .img-l {
    width: 42.8524%;
  }
}

.about__img-1 .img-r {
  width: 29.2634%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .about__img-1 .img-r {
    width: 40.8545%;
  }
}

.about__img-2 {
  width: 100%;
  max-width: 2304px;
  max-width: 144rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15.5%;
  padding: 0 60px;
}
@media screen and (max-width: 767px) {
  .about__img-2 {
    margin-top: 3.2rem;
    padding: 0 26px;
  }
}

.about__img-2-box {
  width: 44.6969%;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about__img-2-box {
    width: 71.5%;
  }
}

.about__img-2-box .img-l {
  position: absolute;
  top: 48px;
  top: 3rem;
  left: -46%;
  width: 42.3728%;
}
@media screen and (max-width: 767px) {
  .about__img-2-box .img-l {
    top: 1.9rem;
    width: 39%;
  }
}

.about__img-2-box .img-r {
  position: absolute;
  bottom: -23.5%;
  right: -96px;
  right: -6rem;
  width: 48.8135%;
}
@media screen and (max-width: 767px) {
  .about__img-2-box .img-r {
    right: -2.6rem;
  }
}

.about__img-2-box .img-center {
  position: relative;
  z-index: 1;
}

.about__info {
  margin-top: -29.5%;
}
@media screen and (max-width: 767px) {
  .about__info {
    margin-top: 4.2rem;
  }
}

.about__info-box {
  width: 44.6086%;
}
@media screen and (max-width: 767px) {
  .about__info-box {
    width: 100%;
  }
}

.about__title {
  font-family: ten-mincho, serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.6666;
  letter-spacing: 0.2em;
  margin-top: 44.8px;
  margin-top: 2.8rem;
}
@media screen and (max-width: 1023px) {
  .about__title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 1.8rem;
  }
}

.about__text-box {
  margin-top: 30.4px;
  margin-top: 1.9rem;
}
@media screen and (max-width: 1023px) {
  .about__text-box {
    margin-top: 1.1rem;
  }
}

.about__text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}

.about__text:nth-child(n+2) {
  margin-top: 48px;
  margin-top: 3rem;
}

.lp-access {
  position: relative;
  padding-top: 174.4px;
  padding-top: 10.9rem;
  margin-top: -763.2px;
  margin-top: -47.7rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lp-access {
    margin-top: -25rem;
  }
}

.lp-access::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-height: 1742.4px;
  max-height: 108.9rem;
  background: url(./img-kinosaki-cp2210/access/access_bg.png) center center no-repeat;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .lp-access::before {
    top: 24.4rem;
    -webkit-transform: translateX(-54.7%);
            transform: translateX(-54.7%);
    width: 85.4rem;
    max-height: 46.7rem;
    background: url(./img-kinosaki-cp2210/access/access_bg-sp.png) center center no-repeat;
  }
}

.lp-access__info-box {
  width: 100%;
  max-width: 884.8px;
  max-width: 55.3rem;
}

.lp-access__section-header .section-header__sub-title {
  margin-top: 52.8px;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .lp-access__section-header .section-header__sub-title {
    margin-top: 1.2rem;
  }
}

.lp-access__text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 59.2px;
  margin-top: 3.7rem;
}
@media screen and (max-width: 767px) {
  .lp-access__text {
    margin-top: 2.3rem;
  }
}

.lp-access__contents {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  margin-top: 984px;
  margin-top: 61.5rem;
}
@media screen and (max-width: 767px) {
  .lp-access__contents {
    margin-top: 29.4rem;
  }
}

.panel1 > div,
.panel2 > div {
  display: none;
}

.panel1 > div.active,
.panel2 > div.active {
  display: block;
}

.tab1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 20px 0 35px;
  list-style: none;
}

.lp-access__contents .tab1 {
  margin: 20px 0;
}

.tab1 > li {
  position: relative;
  width: 50%;
  padding: 10px 25px;
  background-color: #eee;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lp-access__contents .tab1 > li {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 10px 10px 16px;
  background-color: #EDEDED;
  text-align: center;
}

.tab1 > li::after {
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 20.8px;
  font-size: 1.3rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.lp-access__contents .tab1 > li::after {
  top: 60%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  right: unset;
  font-size: 20.8px;
  font-size: 1.3rem;
}

.tab1 > li.active {
  color: #fff;
  background-color: #999;
}

.lp-access__contents .tab1 > li.active {
  background-color: #989898;
}

.panel1 {
  margin-bottom: 55px;
}

.lp-access__contents .panel1 {
  margin-bottom: 82px;
}

.access .title1 {
  margin-bottom: 20px;
  font-size: 28.8px;
  font-size: 1.8rem;
}

.lp-access__contents .title1 {
  margin-bottom: 12px;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
}

.access .panel2 > div .title1 {
  font-size: 25.6px;
  font-size: 1.6rem;
}

.tab2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}

.lp-access__contents .tab2 {
  border-top: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
}

.tab2 > li {
  width: 25%;
  padding: 15px;
  font-size: 22.4px;
  font-size: 1.4rem;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lp-access__contents .tab2 > li {
  padding: 25px 12px;
  font-size: 24px;
  font-size: 1.5rem;
  border-left: 1px solid #EDEDED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tab2 > li.active {
  background-color: #eee;
}

.lp-access__contents .tab2 > li.active {
  background-color: #EDEDED;
}

.panel2 > div {
  width: 100%;
  padding: 25px;
  background-color: #eee;
}

.lp-access__contents .panel2 > div {
  padding: 28px 15px;
  background-color: #EDEDED;
}

.lp-access__contents .panel2 .title1 {
  margin-bottom: 17px;
}

.route {
  display: block;
}

.train .route,
.plane .route,
.bus .route {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.route > p,
.train .route > p,
.bus .route > p {
  position: relative;
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}

.lp-access__contents .route > p,
.lp-access__contents .train .route > p,
.lp-access__contents .route > p {
  border-radius: unset;
  padding: 18px;
}

.route > p {
  margin: 0 0 20px;
}

.train .route > p,
.bus .route > p,
.plane .route > p {
  margin: 0;
}

.route > span {
  color: #999;
}

.train .route > span,
.plane .route > span,
.bus .route > span {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
  padding: 10px 55% 10px 0;
  margin: 0 10px;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-align: right;
}

.lp-access__contents .train .route > span,
.lp-access__contents .plane .route > span,
.lp-access__contents .bus .route > span {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.route > p::before,
.train .route > span::before,
.plane .route > span::before,
.bus .route > span::before {
  content: "";
  position: absolute;
  display: block;
  bottom: -15px;
  left: 50%;
  width: 2px;
  height: 15px;
  background-color: #999;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.train .route > p::before,
.plane .route > p::before,
.bus .route > p::before {
  display: none;
}

.train .route > span::before,
.plane .route > span::before,
.bus .route > span::before {
  bottom: 2px;
  right: 50%;
  width: 2px;
  height: 90%;
}

.route > p::after,
.train .route > span::after,
.plane .route > span::after,
.bus .route > span::after {
  content: "\f078";
  position: absolute;
  bottom: -20px;
  left: 50%;
  color: #999;
  font-size: 22.4px;
  font-size: 1.4rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.train .route > p::after,
.plane .route > p::after,
.bus .route > p::after {
  display: none;
}

.train .route > span::after,
.plane .route > span::after,
.bus .route > span::after {
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.route > p.destination {
  color: #fff;
  background-color: #999;
}

.route > p.destination::before,
.route > p.destination::after {
  display: none;
}

.train .route > span br,
.plane .route > span br,
.bus .route > span br {
  display: none;
}

.access > .bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}

.access > .bnr > a {
  display: block;
  width: 170px;
  margin: 0 10px 10px 0;
  background-color: #000;
}

.access > .bnr > a img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.access > .bnr > a:hover img {
  opacity: 0.6;
}

.access > .bnr.airport {
  margin-bottom: 50px;
}

.access iframe {
  height: 265px;
}

@media screen and (min-width: 560px) {
  .tab1 > li {
    width: 33.3333333333%;
    font-size: 1.6rem;
  }
  .lp-access__contents .tab1 > li {
    font-size: 1.8rem;
    padding: 25px 10px 37px;
  }
  .lp-access__contents .title1 {
    margin-bottom: 15px;
    font-size: 2rem;
  }
  .route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .route > p {
    width: auto;
    padding: 10px 20px;
    margin-right: 40px;
  }
  .train .route > p,
.bus .route > p {
    width: 140px;
    padding: 20px;
  }
  .lp-access__contents .train .route > p,
.lp-access__contents .bus .route > p {
    width: 190px;
    padding: 34px 10px;
  }
  .plane .route > p {
    width: auto;
    padding: 50px 20px;
    margin: 0;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
  }
  .route > p::before,
.train .route > span::before,
.plane .route > span::before,
.bus .route > span::before {
    top: 50%;
    bottom: auto;
    left: auto;
    right: -35px;
    width: 30px;
    height: 2px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .route > p::after,
.train .route > span::after,
.plane .route > span::after,
.bus .route > span::after {
    content: "\f054";
    top: 50%;
    bottom: auto;
    left: auto;
    right: -37px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .train .route > span,
.plane .route > span,
.bus .route > span {
    padding: 0 0 40px 0;
    text-align: center;
  }
  .train .route > span::before,
.plane .route > span::before,
.bus .route > span::before {
    bottom: auto;
    right: 0;
    width: 100%;
    height: 2px;
  }
  .train .route > span::after,
.plane .route > span::after,
.bus .route > span::after {
    bottom: auto;
    right: -1px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .plane .route > span {
    padding-bottom: 55px;
  }
  .train .route > span br,
.plane .route > span br,
.bus .route > span br {
    display: inherit;
  }
  .tab2 > li {
    font-size: 1.6rem;
  }
  .lp-access__contents .tab2 > li {
    padding: 18px;
    font-size: 2rem;
  }
  .tab1 {
    margin: 30px 0 60px;
  }
  .lp-access .tab1 {
    margin: 30px 0 37px;
  }
  .lp-access__contents .panel2 > div {
    padding: 40px 50px;
  }
  .lp-access__contents .panel2 .title1 {
    margin-bottom: 19px;
  }
  .access iframe {
    height: 600px;
  }
}
@media screen and (min-width: 768px) {
  .tab1 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .tab1 > li {
    width: 14.2857142857%;
  }
  .train .route > span,
.plane .route > span,
.bus .route > span {
    font-size: 1.4rem;
  }
  .lp-access__contents .train .route > span,
.lp-access__contents .plane .route > span,
.lp-access__contents .bus .route > span {
    font-size: 1.4rem;
  }
}
#masthead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 233.6px;
  height: 14.6rem;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  #masthead {
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    height: 7rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}

@media screen and (max-width: 767px) {
  .hide #masthead {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.mv-header__inner.inner {
  max-width: 2203.2px;
  max-width: 137.7rem;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .mv-header__inner.inner {
    padding-left: 26px;
    padding-right: 26px;
  }
}

.mv-header__logo {
  width: 100%;
  max-width: 344px;
  max-width: 21.5rem;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .mv-header__logo {
    max-width: 11.6rem;
  }
}

.mv-header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: inherit;
}

.mv {
  height: 1280px;
  height: 80rem;
  position: relative;
  background-image: url(./img-kinosaki-cp2210/mv/mv_bg.jpg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .mv {
    background-image: url(./img-kinosaki-cp2210/mv/mv_bg-sp.jpg);
     height: calc(100vh - 62px);
	  height: calc(var(--vh, 1vh) * 100 - 62px);
  }
}

.mv__copy {
  width: 100%;
  max-width: 688px;
  max-width: 43rem;
  position: absolute;
  top: 17.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .mv__copy {
    max-width: 26.6rem;
    top: 17%;
  }
}

.mv__title {
  display: inline-block;
  color: #fff;
  font-family: ten-mincho, serif;
  font-size: 79.584px;
  font-size: 4.974rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.3em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-top: 73.6px;
  margin-top: 4.6rem;
}
@media screen and (max-width: 767px) {
  .mv__title {
    font-size: 3.482rem;
    margin-top: 6.2rem;
  }
}

.mv__sub-title {
  margin-left: 132.8px;
  margin-left: 8.3rem;
}
@media screen and (max-width: 767px) {
  .mv__sub-title {
    margin-left: 4.1rem;
  }
}

.mv__sub-title img {
  width: 10.7rem;
}
@media screen and (max-width: 767px) {
  .mv__sub-title img {
   width: 7.5rem;
  }
}

.mv__michelin {
  position: absolute;
  bottom: 212.8px;
  bottom: 13.3rem;
  right: 96px;
  right: 6rem;
  width: 100%;
  max-width: 256px;
  max-width: 16rem;
}
@media screen and (max-width: 767px) {
  .mv__michelin {
    bottom: 2rem;
    right: 2rem;
    max-width: 11.2rem;
  }
}

.mv__nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.nav {
  background-color: rgba(0, 0, 0, .6);
  height: 160px;
  height: 10rem;
}
@media screen and (max-width: 767px) {
  .nav {
    display: none;
  }
}

.nav__inner {
  height: inherit;
}

.nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: inherit;
}

.nav__item {
  height: inherit;
  width: 25%;
}

.nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  color: #fff;
  font-family: ten-mincho, serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ページトップにナビが来た時のスタイル */
.js-nav.fixed {
  position: fixed;
  top: 0;
  z-index: 99999;
}

.js-nav.fixed.nav {
  height: 64px;
  height: 4rem;
}

.js-nav.fixed .nav__item a {
  font-size: 25.6px;
  font-size: 1.6rem;
}

.reservation {
  padding: 59.2px 0 67.2px;
  padding: 3.7rem 0 4.2rem;
  background-image: url(./img-kinosaki-cp2210/reservation/reservation_bg.png);
  background-size: cover;
  background-position: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .reservation {
    padding: 2rem 0 3rem;
  }
}

.reservation__inner.inner {
  max-width: 1606.4px;
  max-width: 100.4rem;
}

.reservation__title-box {
  padding-bottom: 36.8px;
  padding-bottom: 2.3rem;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .reservation__title-box {
    margin-bottom: 1.3rem;
  }
}

.reservation__title {
  font-family: "Cormorant Infant", serif;
  font-size: 192px;
  font-size: 12rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .reservation__title {
    font-size: 7rem;
  }
}

.reservation__sub-title {
  display: inline-block;
  font-family: ten-mincho, serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-top: 27.2px;
  margin-top: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .reservation__sub-title {
    font-size: 1.4rem;
    margin-top: 1.2rem;
  }
}

.reservation__form_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 65.6px;
  margin-top: 4.1rem;
}
@media screen and (max-width: 767px) {
  .reservation__form_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 3rem;
  }
}

.reservation__form {
  width: 31.5%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .reservation__form {
    width: 100%;
    margin: 0 auto;
  }
}

.reservation__form::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  right: 2rem;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  display: inline-block;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .reservation__form:nth-child(n+2) {
    margin-top: 2rem;
  }
}

.reservation__form input,
.reservation__form select {
  background-color: #fff;
  color: #808080;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #808080;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .reservation__form input,
.reservation__form select {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .reservation__form input,
.reservation__form select {
    font-size: 1.8rem;
  }
}

.reservation__form input {
  padding: 17.6px 24px;
  padding: 1.1rem 1.5rem;
}

.reservation__form select {
  padding: 25.6px 24px;
  padding: 1.6rem 1.5rem;
}
@media screen and (max-width: 1023px) {
  .reservation__form select {
    padding: 1.5rem 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .reservation__form select {
    padding: 1.6rem 1.5rem;
  }
}

.reservation__btn {
  text-align: center;
  margin-top: 68.8px;
  margin-top: 4.3rem;
}
@media screen and (max-width: 767px) {
  .reservation__btn {
    margin-top: 3rem;
  }
}

.reservation__btn input#room-search-btn2 {
  display: inline-block;
  color: #000;
  background-color: #DBC5A5;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 17.6px 72px;
  padding: 1.1rem 4.5rem;
  cursor: pointer;
  border-radius: 2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
          box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  width: 211.2px;
  width: 13.2rem;
  margin-top: 0;
}

.reservation__all_stay_link {
  margin-top: 59.2px;
  margin-top: 3.7rem;
}
@media screen and (max-width: 767px) {
  .reservation__all_stay_link {
    margin-top: 2rem;
  }
}

.reservation__all_stay_link a {
  display: inline-block;
  color: #fff;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.reservation__all_stay_link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  width: 6px;
  height: 6px;
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  display: inline-block;
  pointer-events: none;
}

.search-bar_block {
  width: 100%;
  background-color: #fff;
  padding: 60.8px 0 22.4px;
  padding: 3.8rem 0 1.4rem;
  -webkit-box-shadow: 0 0 4.6904px rgba(0, 0, 0, .3);
          box-shadow: 0 0 4.6904px rgba(0, 0, 0, .3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  z-index: 999;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .search-bar_block {
    padding: 0;
    background-color: rgba(255, 255, 255, .9);
	  position: fixed;
    bottom: 0;
  }
}

.search-bar_block__inner.inner {
  max-width: 2192px;
  max-width: 137rem;
}
@media screen and (max-width: 767px) {
  .search-bar_block__inner.inner {
    display: contents;
  }
}

.search-bar_form_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .search-bar_form_contents {
    display: contents;
  }
}

.search-bar_title-box {
  width: 284.8px;
  width: 17.8rem;
  padding: 25.6px 0;
  padding: 1.6rem 0;
}
@media screen and (max-width: 1023px) {
  .search-bar_title-box {
    width: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_title-box {
    background-image: url(./img-kinosaki-cp2210/reservation/reservation_bg.png);
    background-size: cover;
    background-position: center;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 0.7rem 0;
    position: relative;
  }
}

.search-bar_title {
  font-family: "Cormorant Infant", serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .search-bar_title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_title {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .search-bar_sub-title {
    font-family: ten-mincho, serif;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-top: 0.4rem;
  }
}

.search-bar_form_wrap {
  width: calc(100% - 178px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1023px) {
  .search-bar_form_wrap {
    width: calc(100% - 130px);
  }
}
@media screen and (max-width: 767px) {
  .search-bar_form_wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding: 1.6rem 0;
  }
}

.search-bar_form {
  width: 26.4%;
  position: relative;
  padding-bottom: 36.8px;
  padding-bottom: 2.3rem;
}
@media screen and (max-width: 767px) {
  .search-bar_form {
    width: 72.4637%;
    padding-bottom: 0;
    margin: 0 auto;
  }
}

.search-bar_form::after {
  content: "";
  position: absolute;
  top: 27%;
  right: 32px;
  right: 2rem;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: inline-block;
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .search-bar_form::after {
    right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_form::after {
    top: 39%;
    right: 21px;
  }
}

@media screen and (max-width: 767px) {
  .search-bar_form:nth-child(n+2) {
    margin-top: 0.9rem;
  }
}

.search-bar_form input,
.search-bar_form select {
  background-color: #fff;
  color: #808080;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #808080;
  width: 100%;
  height: 100%;
/*   text-align: center; */
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .search-bar_form input,
.search-bar_form select {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_form input,
.search-bar_form select {
    font-size: 1.8rem;
  }
}

.search-bar_form input {
  padding: 17.6px 24px;
  padding: 1.1rem 1.5rem;
}

.search-bar_form select {
  padding: 25.6px 24px;
  padding: 1.6rem 1.5rem;
}
@media screen and (max-width: 1023px) {
  .search-bar_form select {
    padding: 1.5rem 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_form select {
    padding: 1.6rem 1.5rem;
  }
}

.search-bar_btn {
  width: 13%;
  padding-top: 17.6px;
  padding-top: 1.1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .search-bar_btn {
    width: 72.4637%;
    padding-top: 0;
    margin: 2.4rem auto 0;
  }
}

.search-bar_form_wrap input[type=button] {
  color: #fff;
  background-color: #000;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 17.6px 72px;
  padding: 1.1rem 4.5rem;
  cursor: pointer;
  border-radius: 2rem;
}
@media screen and (max-width: 1023px) {
  .search-bar_form_wrap input[type=button] {
    font-size: 1.6rem;
    padding: 1.1rem 1rem;
    width: 100%;
  }
}

.search-bar_all_stay_link {
  margin-top: 17.6px;
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  .search-bar_all_stay_link {
    margin-top: 1rem;
  }
}

.search-bar_all_stay_link a {
  display: inline-block;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding-right: 4.8px;
  padding-right: 0.3rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .search-bar_all_stay_link a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .search-bar_all_stay_link a {
    font-size: 1.5rem;
  }
}

.search-bar_all_stay_link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 6px;
  height: 6px;
  border-bottom: 1.5px solid #808080;
  border-right: 1.5px solid #808080;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  display: inline-block;
  pointer-events: none;
}

/* ページトップにナビが来た時のスタイル */
.js-search-bar.fixed {
  position: fixed;
  top: 64px;
  top: 4rem;
  background-color: rgba(255, 255, 255, .9);
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed {
    top: unset;
    bottom: 0;
  }
}
.js-search-bar.fixed .search-bar_title-box {
  width: 208px;
  width: 13rem;
  padding: 20.8px 0;
  padding: 1.3rem 0;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_title-box {
    width: 100%;
    padding: 0.7rem 0;
  }
}
.js-search-bar.fixed .search-bar_title {
  font-size: 38.4px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_title {
    font-size: 3rem;
  }
}
.js-search-bar.fixed .search-bar_form_wrap {
  width: calc(100% - 130px);
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_form_wrap {
    width: 100%;
  }
}
.js-search-bar.fixed .search-bar_form input,
.js-search-bar.fixed .search-bar_form select {
  font-size: 25.6px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_form input,
.js-search-bar.fixed .search-bar_form select {
    font-size: 1.8rem;
  }
}
.js-search-bar.fixed .search-bar_form input {
  padding: 6.4px 24px;
  padding: 0.4rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_form input {
    padding: 1.1rem 1.5rem;
  }
}
.js-search-bar.fixed .search-bar_form select {
  padding: 12.8px 24px;
  padding: 0.8rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_form select {
    padding: 1.6rem 1.5rem;
  }
}
.js-search-bar.fixed .search-bar_form_wrap input[type=button] {
  font-size: 25.6px;
  font-size: 1.6rem;
  padding: 12.8px 32px;
  padding: 0.8rem 2rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_form_wrap input[type=button] {
    font-size: 1.6rem;
    padding: 1.1rem 2rem;
  }
}
.js-search-bar.fixed .search-bar_all_stay_link {
  margin-top: 9.6px;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_all_stay_link {
    margin-top: 1rem;
  }
}
.js-search-bar.fixed .search-bar_all_stay_link a {
  font-size: 22.4px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .js-search-bar.fixed .search-bar_all_stay_link a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed .search-bar_all_stay_link a {
    font-size: 1.5rem;
  }
}

.js-search-bar.fixed.search-bar_block {
  padding: 16px 16px 11.2px;
  padding: 1rem 1rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .js-search-bar.fixed.search-bar_block {
    padding: 0;
  }
}

/* SP検索メニューが表示された時のスタイル */
@media screen and (max-width: 767px) {
  .is-search-menu-open #search-bar_block {
    height: 38.8rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 1.7rem 0;
  }
  .is-search-menu-open .search-bar_title-box {
    background-image: unset;
    color: #000;
  }
}
/* スクロールが最下部（空室検索）に来た時のスタイル */
.search-bar_block.hide {
  top: -64px;
  top: -4rem;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  .search-bar_block.hide {
    top: unset;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.sp-search-btn {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-search-btn {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    visibility: visible;
  }
  .sp-search-btn {
    position: absolute;
    top: 50%;
    right: 26px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
    width: 14.6025px;
    height: 14.6025px;
    outline: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sp-search-btn__line {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 14.6025px;
    height: 1px;
    background-color: #fff;
    -webkit-transition: inherit;
    transition: inherit;
  }
  .sp-search-btn__line::before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
    content: "";
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .sp-search-btn[aria-expanded=true] .sp-search-btn__line {
    background-color: #000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .sp-search-btn[aria-expanded=true] .sp-search-btn__line::before {
    background-color: inherit;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .sp-search-menu {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sp-search-menu {
    position: absolute;
    z-index: 11;
    width: 100vw;
    right: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
  }
  .is-search-menu-open .sp-search-menu {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
.seasons {
  padding: 230.4px 0 328px;
  padding: 14.4rem 0 20.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .seasons {
    padding: 2.9rem 0 20.5rem;
  }
}

.seasons::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: url(./img-kinosaki-cp2210/seasons/seasons_bg.png) center center no-repeat;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .seasons::before {
    background: url(./img-kinosaki-cp2210/seasons/seasons_bg-sp.png) center center no-repeat;
    background-size: cover;
    top: 6.2rem;
  }
}

.seasons__inner.inner {
  max-width: 2203.2px;
  max-width: 137.7rem;
}

.seasons__info-box {
  width: 100%;
  max-width: 896px;
  max-width: 56rem;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .seasons__info-box {
    max-width: 36rem;
  }
}
@media screen and (max-width: 767px) {
  .seasons__info-box {
    max-width: 100%;
    margin-left: 0;
  }
}

.seasons__section-header .section-header__sub-title {
  margin-top: 52.8px;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .seasons__section-header .section-header__sub-title {
    margin-top: 1.2rem;
  }
}

.seasons__title {
  font-family: ten-mincho, serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-top: 73.6px;
  margin-top: 4.6rem;
}
@media screen and (max-width: 1023px) {
  .seasons__title {
    font-size: 2.4rem;
    margin-top: 2.4rem;
  }
}

.seasons__text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 59.2px;
  margin-top: 3.7rem;
}
@media screen and (max-width: 1023px) {
  .seasons__text {
    margin-top: 2rem;
  }
}

.seasons__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -18.9%;
}
@media screen and (max-width: 767px) {
  .seasons__items {
    margin-top: 4.4rem;
  }
}

.seasons__item {
  width: 100%;
  max-width: calc(25% - 16px);
  margin-right: 21px;
}
@media screen and (max-width: 767px) {
  .seasons__item {
    max-width: calc(50% - 6px);
    margin-right: 12px;
  }
}

@media screen and (max-width: 767px) {
  .seasons__item:nth-child(2n) {
    margin-right: 0;
  }
}

.seasons__item:nth-child(4n) {
  margin-right: 0;
}

.seasons__item:nth-child(2) {
  margin-top: 270.4px;
  margin-top: 16.9rem;
}
@media screen and (max-width: 767px) {
  .seasons__item:nth-child(2) {
    margin-top: 9.2rem;
  }
}

.seasons__item:nth-child(3) {
  margin-top: 539.2px;
  margin-top: 33.7rem;
}
@media screen and (max-width: 767px) {
  .seasons__item:nth-child(3) {
    margin-top: -4.7rem;
  }
}

.seasons__item:nth-child(4) {
  margin-top: 809.6px;
  margin-top: 50.6rem;
}
@media screen and (max-width: 767px) {
  .seasons__item:nth-child(4) {
    margin-top: 4.6rem;
  }
}

.seasons__img {
  position: relative;
  width: 100%;
}

.seasons__img:before {
  content: "";
  display: block;
  padding-top: 187.7996%;
}

.seasons__img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.seasons__cap {
  font-family: "Cormorant Infant", serif;
  font-size: 64px;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-top: 38.4px;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .seasons__cap {
    font-size: 2.215rem;
    margin-top: 1.3rem;
  }
}

.spa-town {
  background-image: url(./img-kinosaki-cp2210/spa-town/spa-town_bg.png);
  background-size: cover;
  background-position: center;
  padding: 132.8px 0 328px;
  padding: 8.3rem 0 20.5rem;
}
@media screen and (max-width: 767px) {
  .spa-town {
    background-image: url(./img-kinosaki-cp2210/spa-town/spa-town_bg-sp.png);
    padding: 5rem 0 5.7rem;
  }
}

.spa-town__section-header .section-header__sub-title {
  margin-top: 52.8px;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .spa-town__section-header .section-header__sub-title {
    margin-top: 2.2rem;
  }
}

.spa-town__items {
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .spa-town__items {
    margin-top: 7.9rem;
  }
}

.spa-town__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .spa-town__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.spa-town__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.spa-town__item:nth-child(n+2) {
  margin-top: 278.4px;
  margin-top: 17.4rem;
}

@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(2) {
    margin-top: 7.4rem;
  }
}

@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(3) {
    margin-top: 13rem;
  }
}

.spa-town__img-contents {
  width: 78.9565%;
  margin-top: 115.2px;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .spa-town__img-contents {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .spa-town__img-contents {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.spa-town__main-img,
.spa-town__sub-img {
  position: relative;
  width: 100%;
}

.spa-town__main-img::before,
.spa-town__sub-img::before {
  content: "";
  display: block;
}

.spa-town__main-img::before {
  padding-top: 52.8634%;
}

.spa-town__sub-img::before {
  padding-top: 68.3938%;
}

.spa-town__main-img img,
.spa-town__sub-img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.spa-town__sub-img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 64px;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .spa-town__sub-img-box {
    margin-top: 2rem;
  }
}

.spa-town__item:nth-child(3) .spa-town__sub-img-box {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.spa-town__sub-img {
  width: 100%;
  max-width: calc(33.3% - 10px);
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .spa-town__sub-img {
    max-width: calc(33.3% - 4.6666px);
    margin-right: 7px;
  }
}

.spa-town__sub-img:nth-child(3n) {
  margin-right: 0;
}

.spa-town__item:nth-child(3) .spa-town__sub-img:nth-child(2) {
  margin-right: 0;
}

.spa-town__img-number {
  position: absolute;
  top: -108.8px;
  top: -6.8rem;
  font-family: "Cormorant Infant", serif;
  font-size: 192px;
  font-size: 12rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .spa-town__img-number {
    top: -4.5rem;
    font-size: 8rem;
  }
}

.spa-town__item:nth-child(odd) .spa-town__img-number {
  right: -91.2px;
  right: -5.7rem;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(odd) .spa-town__img-number {
    right: 2.4rem;
  }
}

.spa-town__item:nth-child(even) .spa-town__img-number {
  left: -91.2px;
  left: -5.7rem;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(even) .spa-town__img-number {
    left: 2.4rem;
  }
}

.spa-town__info {
  width: 21.0435%;
}
@media screen and (max-width: 1023px) {
  .spa-town__info {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .spa-town__info {
    width: 100%;
    margin-top: 3.9rem;
  }
}

.spa-town__item:nth-child(odd) .spa-town__info {
  padding-left: 32px;
  padding-left: 2rem;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(odd) .spa-town__info {
    padding-left: 0;
  }
}

.spa-town__item:nth-child(even) .spa-town__info {
  padding-right: 32px;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(even) .spa-town__info {
    padding-right: 0;
  }
}

.spa-town__item:nth-child(1) .spa-town__info {
  padding-right: 33.6px;
  padding-right: 2.1rem;
}
@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(1) .spa-town__info {
    padding-right: 0;
  }
}

.spa-town__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .spa-town__info-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-left: auto;
  }
}

.spa-town__item:nth-child(odd) .spa-town__info-box {
  margin-left: auto;
}

.spa-town__info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .spa-town__info-head {
    margin-left: 2.2rem;
  }
}

.spa-town__info-img {
  width: 100%;
  max-width: 152px;
  max-width: 9.5rem;
}
@media screen and (max-width: 767px) {
  .spa-town__info-img {
    max-width: 6.6rem;
  }
}

.spa-town__info-title {
  font-family: ten-mincho, serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-top: 38.4px;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .spa-town__info-title {
    font-size: 2.4rem;
    line-height: 1.4;
    margin-top: 1.7rem;
  }
}

.spa-town__info-title span {
  letter-spacing: 0;
}

.spa-town__info-text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  margin-top: 40px;
  margin-top: 2.5rem;
  max-height: 742.4px;
  max-height: 46.4rem;
}
@media screen and (max-width: 767px) {
  .spa-town__info-text {
    margin-top: 0;
    max-height: 31.5rem;
  }
}

.spa-town__info-text span {
  text-combine-upright: all;
}

@media screen and (max-width: 767px) {
  .spa-town__item:nth-child(1) .spa-town__info-text {
    max-height: 26rem;
  }
}

.gourmet__inner.inner {
  max-width: 2192px;
  max-width: 137rem;
}
@media screen and (max-width: 767px) {
  .gourmet__inner.inner {
    display: contents;
  }
}

.gourmet__head {
  text-align: center;
}

.gourmet__title {
  display: inline-block;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 57.6px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.2em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .gourmet__title {
    font-size: 3rem;
  }
}

.gourmet__title::after {
  content: "";
  position: absolute;
  top: -217.6px;
  top: -13.6rem;
  right: -278.4px;
  right: -17.4rem;
  width: 286.4px;
  width: 17.9rem;
  height: 265.6px;
  height: 16.6rem;
  background-image: url(./img-kinosaki-cp2210/specialty/specialty_icon.svg);
}
@media screen and (max-width: 767px) {
  .gourmet__title::after {
    top: -10.8rem;
    right: -8.4rem;
    width: 12.5rem;
    height: 11.6rem;
  }
}

.gourmet__items {
  margin-top: 44.8px;
  margin-top: 2.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .gourmet__items {
    margin-top: 2.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.gourmet__item {
  width: 100%;
  max-width: calc(33.3% - 12px);
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .gourmet__item {
    max-width: 60rem;
    margin: 0 auto;
  }
}

.gourmet__item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .gourmet__item:nth-child(3n) {
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .gourmet__item:nth-child(n+2) {
    margin-top: 1.7rem;
  }
}

.gourmet__img {
  position: relative;
  width: 100%;
}

.gourmet__img:before {
  content: "";
  display: block;
  padding-top: 71.1448%;
}

.gourmet__img-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gourmet__img-icon {
  position: absolute;
  top: 24px;
  top: 1.5rem;
  right: 25.6px;
  right: 1.6rem;
  width: 100%;
}

.gourmet__item:nth-child(1) .gourmet__img-icon {
  max-width: 200px;
  max-width: 12.5rem;
}

.gourmet__item:nth-child(n+2) .gourmet__img-icon {
  max-width: 96px;
  max-width: 6rem;
}

.gourmet__info {
  padding: 38.4px 16px;
  padding: 2.4rem 1rem;
}
@media screen and (max-width: 767px) {
  .gourmet__info {
    padding: 2rem 2.6rem;
  }
}

.gourmet__info-title {
  font-family: ten-mincho, serif;
  font-size: 41.6px;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  .gourmet__info-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .gourmet__info-title {
    font-size: 2.2rem;
  }
}

.gourmet__info-title span {
  font-size: 28.8px;
  font-size: 1.8rem;
  letter-spacing: 0;
  margin-right: 16px;
  margin-right: 1rem;
}
@media screen and (max-width: 1023px) {
  .gourmet__info-title span {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .gourmet__info-title span {
    font-size: 1.4rem;
    margin-right: 1.3rem;
  }
}

.gourmet__info img {
  max-width: 532.8px;
  max-width: 33.3rem;
  margin-top: 27.2px;
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .gourmet__info img {
    max-width: 23.3rem;
    margin-top: 1.1rem;
  }
}

.gourmet__info-text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  margin-top: 19.2px;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .gourmet__info-text {
    line-height: 1.5;
  }
}

.specialty {
  position: relative;
  padding-bottom: 60.8px;
  padding-bottom: 3.8rem;
}
@media screen and (max-width: 767px) {
  .specialty {
    padding-top: 5.2rem;
  }
}

.specialty::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 198.4px;
  top: 12.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: url(./img-kinosaki-cp2210/specialty/specialty_bg.png) center center no-repeat;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .specialty::before {
    max-width: 138.6rem;
    max-height: 155.5rem;
  }
}

.specialty__contents {
  width: 100%;
  max-width: 2304px;
  max-width: 144rem;
  margin: 0 auto;
}

.specialty__contents-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .specialty__contents-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.specialty__content1 {
  width: 47.57%;
  padding-top: 6.3%;
}
@media screen and (max-width: 767px) {
  .specialty__content1 {
    width: 100%;
    padding: 0;
  }
}

.specialty__section-header {
  max-width: 902.4px;
  max-width: 56.4rem;
  margin-left: auto;
  padding-left: 25px;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .specialty__section-header {
    max-width: 37.6rem;
    padding-left: 26px;
    padding-right: 0;
    margin-left: 0;
  }
}

.specialty__section-header .section-header__sub-title {
  margin-top: 52.8px;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .specialty__section-header .section-header__sub-title {
    margin-top: 2.3rem;
  }
}

.specialty__content1-img {
  width: 56.9343%;
  margin-top: 16.5%;
  margin-left: 27%;
  position: relative;
}

.specialty__content1-img .img-bottom {
  position: absolute;
  bottom: -34%;
  left: -48%;
  width: 100%;
  max-width: 585.6px;
  max-width: 36.6rem;
  height: 100%;
  max-height: 345.6px;
  max-height: 21.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.specialty__content2 {
  width: 52.43%;
}
@media screen and (max-width: 767px) {
  .specialty__content2 {
    width: 100%;
    margin-top: 2.8rem;
  }
}

.specialty__content2-img {
  position: relative;
  width: 100%;
}

.specialty__content2-img:before {
  content: "";
  display: block;
  padding-top: 78.8079%;
}

.specialty__content2-img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  .specialty__content2-img-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 12rem;
    margin-top: 2px;
  }
}

@media screen and (max-width: 767px) {
  .specialty__content2-img-bottom img {
    width: 49.7584%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.specialty__content2-info {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding-top: 9.3%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .specialty__content2-info {
    padding-top: 5rem;
    margin-right: 1.4rem;
  }
}

.specialty__content2-info-title {
  font-family: ten-mincho, serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.6666;
  letter-spacing: 0.2em;
  margin-left: 92.8px;
  margin-left: 5.8rem;
}
@media screen and (max-width: 1023px) {
  .specialty__content2-info-title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-left: 2.6rem;
  }
}

.specialty__content2-info-text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  height: 100%;
  max-height: 814.4px;
  max-height: 50.9rem;
}
@media screen and (max-width: 1023px) {
  .specialty__content2-info-text {
    max-height: 40rem;
  }
}
@media screen and (max-width: 767px) {
  .specialty__content2-info-text {
    max-height: 36rem;
  }
}

.specialty__content3 {
  width: 34.0277%;
  margin-top: 7.2%;
  margin-left: 6%;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .specialty__content3 {
    margin-top: 18%;
  }
}
@media screen and (max-width: 767px) {
  .specialty__content3 {
    width: 100%;
    margin-top: 63%;
    margin-left: 0;
  }
}

.specialty__content3 .img-bottom {
  height: 464px;
  height: 29rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .specialty__content3 .img-bottom {
    height: 24.8rem;
  }
}

.specialty__content3-info {
  position: absolute;
  top: -76%;
  right: -55%;
  width: 61.2244%;
}
@media screen and (max-width: 767px) {
  .specialty__content3-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    top: -88%;
    right: unset;
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .specialty__content3-info-img {
    width: 43.6224%;
  }
}

.specialty__content3-info-img img {
  height: 502.4px;
  height: 31.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 767px) {
  .specialty__content3-info-img img {
    height: 19.1rem;
  }
}

.specialty__content3-info-text {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  padding: 41.6px 0 0 78.4px;
  padding: 2.6rem 0 0 4.9rem;
}
@media screen and (max-width: 1023px) {
  .specialty__content3-info-text {
    line-height: 1.7;
    padding: 1rem 0 0 3rem;
  }
}
@media screen and (max-width: 767px) {
  .specialty__content3-info-text {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0 1rem;
    width: 56.3776%;
  }
}

.specialty__gourmet {
  margin-top: 384px;
  margin-top: 24rem;
}
@media screen and (max-width: 1023px) {
  .specialty__gourmet {
    margin-top: 38rem;
  }
}
@media screen and (max-width: 767px) {
  .specialty__gourmet {
    margin-top: 15rem;
  }
}