@charset "UTF-8";
/*
Theme Name: ゆせんの里・ホテルなでしこ株式会社.
Theme URI: https://
Description: ゆせんの里・ホテルなでしこオリジナルテーマ
Author: Arase
Author URI:
Version: 1.0.0

*/
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  color: #222222;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  animation: fadeIn 1.2s ease-out normal;
}
html body {
  overflow-x: hidden;
  background-color: #fff;
  line-height: 1.5;
}
html main {
  overflow-x: hidden;
}

@keyframes fadeIn {
  /*フェードインの詳細な動き*/
  from {
    /*フェードインの始まりの項目*/
    opacity: 0; /*始まりの透明度*/
    transform: translateY(1px); /*縦軸の始まりの位置*/
  }
  to {
    /*フェードインの終わりの項目*/
    opacity: 1; /*終わりの透明度*/
    transform: translateY(0%); /*縦軸の終わりの位置*/
  }
}
.shippori {
  font-family: "Shippori Mincho", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

.hk {
  font-family: "Noto Serif HK", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

p,
a,
h2,
h3,
h4,
h5,
span {
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-feature-settings: "palt" 1;
}

h2,
h3,
h4,
h5 {
  font-family: "Shippori Mincho", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

.upper {
  text-transform: uppercase;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.flex-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

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

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

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

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

a {
  color: #222222;
  text-decoration: none;
  transition: 0.2s opacity, 0.2s color, 0.2s;
}
a:hover {
  opacity: 0.7;
}

.wrapper {
  width: 100%;
}

.cont {
  width: 89%;
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

p,
a {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 767.98px) {
  p,
  a {
    font-size: 1.4rem;
  }
}

li {
  list-style: none;
}

.hamburger {
  cursor: pointer;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 70px;
  height: 70px;
  background: #ae8e37;
  z-index: 99;
  border-radius: 50%;
}

.hamburger span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 32%;
  width: 25px;
  height: 2px;
  background: #fff;
}

.hamburger span:nth-child(1) {
  top: 25px;
}

.hamburger span:nth-child(2) {
  top: 33px;
}

.hamburger span:nth-child(3) {
  top: 41px;
}

.hamburger.active {
  transition: 0.3s all;
  background: none;
}

.hamburger.active span:nth-child(1) {
  top: 25px;
  width: 26px;
  left: 32%;
  transform: translateY(6px) rotate(-45deg);
}

.hamburger.active span:nth-child(3) {
  top: 37px;
  width: 26px;
  left: 32%;
  transform: translateY(-6px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  display: none;
}

body.fixed {
  overflow: hidden;
}

.header p,
.header a,
.header li,
.header span {
  letter-spacing: 0.05em;
}

img {
  object-fit: cover;
}

.header_top {
  position: fixed;
  top: 0;
  left: 0;
  height: 120px;
  background-image: url(/wp-content/uploads/2023/07/header_back2.png);
  background-size: cover;
  background-position: bottom;
  width: 100%;
  box-sizing: border-box;
  padding: 0 100px 0 20px;
  z-index: 10;
  webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.3);
}
.header_top h1 {
  width: 164px;
}
.header_top h1 a,
.header_top h1 img {
  width: 100%;
  height: 100%;
}
.header_top h1 a {
  display: block;
}
.header_top h1 img {
  width: 100%;
}
.header_top .header_top-right {
  margin-bottom: 10px;
}
.header_top .header_top-right ul {
  gap: 30px;
}
.header_top .header_top-right ul li a,
.header_top .header_top-right ul li p {
  font-weight: 700;
}
.header_top .header_top-right ul .lang {
  margin-left: 40px;
}
.header_top .header_top-right ul .lang p {
  line-height: 1.5rem;
}
.header_top .header_top-right ul .lang a {
  font-weight: 400;
  display: inline-block;
  margin-left: 13px;
  padding-left: 13px;
  border-left: 1px solid #000;
  line-height: 1.5rem;
  font-size: 1.6rem;
}
.header_top .header_top-right ._info {
  margin-left: 70px;
}
.header_top .header_top-right ._info a {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 4px;
  display: block;
  line-height: 1;
}
.header_top .header_top-right ._info a span {
  display: inline-block;
  font-size: 1.3rem;
  margin-right: 10px;
}
.header_top .header_top-right ._info p {
  font-size: 1.1rem;
}

.reservation {
  display: grid;
  place-content: center;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #ae8e37;
  color: #ae8e37;
  font-weight: 800;
  margin-left: 30px;
  line-height: 1.1;
}
.reservation:hover {
  color: #fff;
  background: #ae8e37;
  opacity: 1;
}

.reservation2 {
  display: none;
}
@media screen and (max-width: 1219.9px) {
  .reservation2 {
    display: grid;
    position: fixed;
    right: 100px;
    top: 20px;
    z-index: 89;
  }
}
@media screen and (max-width: 767.98px) {
  .reservation2 {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 65px;
    font-size: 1.1rem;
  }
}

.header_menu {
  overflow: scroll;
  transform: translateX(200%);
  transition: transform 1s;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  width: 1150px;
  padding: 188px 5% 187px 5%;
  max-width: 100%;
  height: 100vh;
  background: #222222;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .header_menu {
    padding: 100px 20px;
  }
}
.header_menu h1 {
  width: 150px;
}
.header_menu h1 a,
.header_menu h1 img {
  width: 100%;
  height: 100%;
}

a .hover-on {
  display: none;
}

a:hover .hover-on {
  display: block;
}

a:hover .hover-none {
  display: none;
}

.header.active .header_menu {
  height: 100%;
  transform: translateX(0%);
  transition: transform 0.6s;
  overflow: scroll;
  z-index: 90;
}

footer {
  background: #222222;
  padding: 100px 0 50px;
}
@media screen and (max-width: 767.98px) {
  footer {
    padding: 80px 0;
  }
}
footer .left {
  width: 160px;
}
footer small {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: right;
  margin-top: 90px;
  display: block;
  color: #fff;
  margin-right: -1%;
}
@media screen and (max-width: 767.98px) {
  footer small {
    font-size: 1.1rem;
    margin-top: 70px;
  }
}

.header.active .header_menu,
.footer_menu {
  gap: 4%;
  justify-content: center;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu,
  .footer_menu {
    align-content: flex-start;
  }
}
.header.active .header_menu p,
.header.active .header_menu a,
.header.active .header_menu li,
.footer_menu p,
.footer_menu a,
.footer_menu li {
  color: #fff;
  line-height: 1;
}
.header.active .header_menu .left,
.footer_menu .left {
  flex-direction: column;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .left,
  .footer_menu .left {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    gap: 25%;
    margin-bottom: 30px;
  }
}
.header.active .header_menu .left h1,
.footer_menu .left h1 {
  margin-bottom: 75px;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .left h1,
  .footer_menu .left h1 {
    max-width: 150px;
  }
}
.header.active .header_menu .left h1 a,
.header.active .header_menu .left h1 img,
.footer_menu .left h1 a,
.footer_menu .left h1 img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  .header.active .header_menu .left h1,
  .footer_menu .left h1 {
    margin-bottom: 40px;
  }
}
.header.active .header_menu .left .header_menu-lang a,
.header.active .header_menu .left .footer_menu-lang a,
.footer_menu .left .header_menu-lang a,
.footer_menu .left .footer_menu-lang a {
  display: block;
  margin-bottom: 15px;
  font-weight: 400;
  text-align: center;
}
.header.active .header_menu .right .header_menu-info_wrap,
.header.active .header_menu .right .footer_menu-info_wrap,
.footer_menu .right .header_menu-info_wrap,
.footer_menu .right .footer_menu-info_wrap {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #494949;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .header_menu-info_wrap,
  .header.active .header_menu .right .footer_menu-info_wrap,
  .footer_menu .right .header_menu-info_wrap,
  .footer_menu .right .footer_menu-info_wrap {
    justify-content: center;
    gap: 25px;
  }
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .header_menu-info_wrap ._info,
  .header.active .header_menu .right .footer_menu-info_wrap ._info,
  .footer_menu .right .header_menu-info_wrap ._info,
  .footer_menu .right .footer_menu-info_wrap ._info {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
}
.header.active .header_menu .right .header_menu-info_wrap ._info a,
.header.active .header_menu .right .footer_menu-info_wrap ._info a,
.footer_menu .right .header_menu-info_wrap ._info a,
.footer_menu .right .footer_menu-info_wrap ._info a {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 4px;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .header.active .header_menu .right .header_menu-info_wrap ._info a,
  .header.active .header_menu .right .footer_menu-info_wrap ._info a,
  .footer_menu .right .header_menu-info_wrap ._info a,
  .footer_menu .right .footer_menu-info_wrap ._info a {
    font-size: 2.8rem;
  }
}
.header.active .header_menu .right .header_menu-info_wrap ._info a span,
.header.active .header_menu .right .footer_menu-info_wrap ._info a span,
.footer_menu .right .header_menu-info_wrap ._info a span,
.footer_menu .right .footer_menu-info_wrap ._info a span {
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 10px;
}
@media screen and (max-width: 767.98px) {
  .header.active .header_menu .right .header_menu-info_wrap ._info a span,
  .header.active .header_menu .right .footer_menu-info_wrap ._info a span,
  .footer_menu .right .header_menu-info_wrap ._info a span,
  .footer_menu .right .footer_menu-info_wrap ._info a span {
    font-size: 1.2rem;
  }
}
.header.active .header_menu .right .header_menu-info_wrap ._info p,
.header.active .header_menu .right .footer_menu-info_wrap ._info p,
.footer_menu .right .header_menu-info_wrap ._info p,
.footer_menu .right .footer_menu-info_wrap ._info p {
  font-size: 1.4rem;
}
@media screen and (max-width: 767.98px) {
  .header.active .header_menu .right .header_menu-info_wrap ._info p,
  .header.active .header_menu .right .footer_menu-info_wrap ._info p,
  .footer_menu .right .header_menu-info_wrap ._info p,
  .footer_menu .right .footer_menu-info_wrap ._info p {
    font-size: 1.2rem;
  }
}
.header.active .header_menu .right .header_menu-info_wrap .btn,
.header.active .header_menu .right .footer_menu-info_wrap .btn,
.footer_menu .right .header_menu-info_wrap .btn,
.footer_menu .right .footer_menu-info_wrap .btn {
  margin-left: 50px;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .header_menu-info_wrap .btn,
  .header.active .header_menu .right .footer_menu-info_wrap .btn,
  .footer_menu .right .header_menu-info_wrap .btn,
  .footer_menu .right .footer_menu-info_wrap .btn {
    margin-left: 0;
  }
}
@media screen and (max-width: 430px) {
  .header.active .header_menu .right .header_menu-info_wrap .btn,
  .header.active .header_menu .right .footer_menu-info_wrap .btn,
  .footer_menu .right .header_menu-info_wrap .btn,
  .footer_menu .right .footer_menu-info_wrap .btn {
    width: 100%;
    justify-content: center;
  }
}
.header.active .header_menu .right .header_menu-info_wrap .btn a,
.header.active .header_menu .right .footer_menu-info_wrap .btn a,
.footer_menu .right .header_menu-info_wrap .btn a,
.footer_menu .right .footer_menu-info_wrap .btn a {
  display: grid;
  place-content: center;
  width: 150px;
  height: 70px;
}
@media screen and (max-width: 430px) {
  .header.active .header_menu .right .header_menu-info_wrap .btn a,
  .header.active .header_menu .right .footer_menu-info_wrap .btn a,
  .footer_menu .right .header_menu-info_wrap .btn a,
  .footer_menu .right .footer_menu-info_wrap .btn a {
    width: 40%;
    height: 60px;
  }
}
.header.active .header_menu .right .header_menu-info_wrap .btn .reservation3,
.header.active .header_menu .right .footer_menu-info_wrap .btn .reservation3,
.footer_menu .right .header_menu-info_wrap .btn .reservation3,
.footer_menu .right .footer_menu-info_wrap .btn .reservation3 {
  color: #ae8e37;
  background: #fff;
  font-weight: 700;
}
.header.active .header_menu .right .header_menu-info_wrap .btn .line,
.header.active .header_menu .right .footer_menu-info_wrap .btn .line,
.footer_menu .right .header_menu-info_wrap .btn .line,
.footer_menu .right .footer_menu-info_wrap .btn .line {
  color: #fff;
  background: #ae8e37;
  font-weight: 700;
  text-align: center;
}
.header.active .header_menu .right .header_menu-info_wrap .insta,
.header.active .header_menu .right .footer_menu-info_wrap .insta,
.footer_menu .right .header_menu-info_wrap .insta,
.footer_menu .right .footer_menu-info_wrap .insta {
  margin-left: 35px;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .header_menu-info_wrap .insta,
  .header.active .header_menu .right .footer_menu-info_wrap .insta,
  .footer_menu .right .header_menu-info_wrap .insta,
  .footer_menu .right .footer_menu-info_wrap .insta {
    margin-left: 0;
  }
}
.header.active .header_menu .right .header_menu-info_wrap .insta a,
.header.active .header_menu .right .footer_menu-info_wrap .insta a,
.footer_menu .right .header_menu-info_wrap .insta a,
.footer_menu .right .footer_menu-info_wrap .insta a {
  font-size: 3.4rem;
}
@media screen and (max-width: 767.98px) {
  .header.active .header_menu .right .header_menu-info_wrap .insta a,
  .header.active .header_menu .right .footer_menu-info_wrap .insta a,
  .footer_menu .right .header_menu-info_wrap .insta a,
  .footer_menu .right .footer_menu-info_wrap .insta a {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .gnav,
  .header.active .header_menu .right .fnav,
  .footer_menu .right .gnav,
  .footer_menu .right .fnav {
    margin-left: 20px;
  }
}
.header.active .header_menu .right .gnav ul.flex-top,
.header.active .header_menu .right .fnav ul.flex-top,
.footer_menu .right .gnav ul.flex-top,
.footer_menu .right .fnav ul.flex-top {
  justify-content: flex-start;
}
@media screen and (max-width: 1025px) {
  .header.active .header_menu .right .gnav ul.flex-top,
  .header.active .header_menu .right .fnav ul.flex-top,
  .footer_menu .right .gnav ul.flex-top,
  .footer_menu .right .fnav ul.flex-top {
    gap: 30px;
  }
}
.header.active .header_menu .right .gnav ul.flex-top > li,
.header.active .header_menu .right .fnav ul.flex-top > li,
.footer_menu .right .gnav ul.flex-top > li,
.footer_menu .right .fnav ul.flex-top > li {
  margin-right: 5%;
}
.header.active .header_menu .right .gnav ul li,
.header.active .header_menu .right .fnav ul li,
.footer_menu .right .gnav ul li,
.footer_menu .right .fnav ul li {
  font-size: 1.6rem;
  font-weight: 700;
}
.header.active .header_menu .right .gnav ul li ul,
.header.active .header_menu .right .fnav ul li ul,
.footer_menu .right .gnav ul li ul,
.footer_menu .right .fnav ul li ul {
  margin-top: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.header.active .header_menu .right .gnav ul li ul li,
.header.active .header_menu .right .fnav ul li ul li,
.footer_menu .right .gnav ul li ul li,
.footer_menu .right .fnav ul li ul li {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
.header.active .header_menu .right .gnav ul li ul a,
.header.active .header_menu .right .fnav ul li ul a,
.footer_menu .right .gnav ul li ul a,
.footer_menu .right .fnav ul li ul a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ccc;
}

@media screen and (max-width: 1219.9px) {
  .header_top-right {
    display: none;
  }
  .gaikoku_header_menu {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .header_top {
    height: 67px;
  }
  .header_top h1 {
    width: 80px;
  }
  .hamburger {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 15px;
  }
  .hamburger span {
    width: 15px;
  }
  .hamburger span:nth-child(1) {
    top: 14px;
  }
  .hamburger span:nth-child(2) {
    top: 19px;
  }
  .hamburger span:nth-child(3) {
    top: 24px;
  }
  .hamburger.active span:nth-child(1) {
    top: 14px;
    width: 17px;
    left: 32%;
  }
  .hamburger.active span:nth-child(3) {
    top: 26px;
    width: 17px;
    left: 32%;
  }
}
.main_visual {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 130/73;
}
@media screen and (max-width: 767.98px) {
  .main_visual {
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 767.98px) {
  .main_visual .slider {
    height: 85vh;
  }
}
.main_visual .main_visual-logo {
  position: absolute;
  z-index: 2;
  width: 40%;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767.98px) {
  .main_visual .main_visual-logo {
    width: 80%;
    max-width: 350px;
  }
}
.main_visual .main_visual-logo img {
  width: 100%;
}

.slider {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.slick-list,
.slick-track {
  height: 100%;
}

.slider-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.slider-item img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

@keyframes fadezoom {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.slick-animation img {
  animation: fadezoom 5s 0s forwards;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-vertical .slick-slide {
  border: none !important;
}

.main_visual::after,
.page_top::after {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 130/12;
  background-image: url(assets/img/mv_bottom.png);
  background-size: cover;
  left: 0;
  bottom: -1px;
  z-index: 2;
}

.slick-dots {
  position: absolute;
  right: 20px;
  top: 54%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  bottom: auto;
}
.slick-dots li {
  height: 18px;
}
@media screen and (max-width: 767.98px) {
  .slick-dots li {
    width: 10px;
  }
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ae8e37;
  font-size: 15px;
}
@media screen and (max-width: 767.98px) {
  .slick-dots li.slick-active button:before {
    font-size: 10px;
  }
}

.slick-dots li button:before {
  opacity: 1;
  color: #f0f0f0;
  font-size: 8px;
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
/* fadeUp */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#scroll-top {
  position: fixed;
  display: none;
  bottom: 12px;
  right: 40px;
  width: 40px;
  height: 40px;
  z-index: 10;
}
#scroll-top a {
  width: 100%;
  height: 100%;
}
#scroll-top img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  #scroll-top {
    right: 20px;
  }
}

.top_message {
  background-image: url(assets/img/top-message@2x.jpg);
  background-size: cover;
  position: relative;
  padding: 120px 0 100px;
}
@media screen and (max-width: 767.98px) {
  .top_message {
    background-image: url(assets/img/top-message.jpg);
    padding: 80px 0;
  }
}
.top_message::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url(assets/img/top-message_bg@2x.png);
}
@media screen and (max-width: 767.98px) {
  .top_message::after {
    background-image: url(assets/img/top-message_bg.png);
  }
}
.top_message .cont {
  position: relative;
  z-index: 2;
}
.top_message .top_title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  color: #ae8e37;
  letter-spacing: 0.1em;
}
.top_message h3 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 1.6;
  text-align: center;
  color: #ae8e37;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .top_message h3 {
    font-size: 2.4rem;
  }
}
.top_message p.description {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .top_message p.description {
    font-size: 1.5rem;
  }
}

.top_news {
  align-items: stretch;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767.98px) {
  .top_news {
    flex-direction: column;
  }
}
.top_news h2 {
  display: grid;
  place-content: center;
  background: #222222;
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.05em;
  width: 194px;
}
@media screen and (max-width: 767.98px) {
  .top_news h2 {
    width: 100%;
    font-size: 2.4rem;
    padding: 10px 20px;
    box-sizing: border-box;
    display: block;
  }
}
.top_news .right {
  padding: 25px 40px;
  box-sizing: border-box;
  background: #ae8e37;
  width: calc(100% - 194px);
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767.98px) {
  .top_news .right {
    width: 100%;
    padding: 15px 20px;
    display: block;
  }
}
.top_news .right p {
  color: #fff;
  margin-right: 40px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .top_news .right p {
    margin-bottom: 15px;
    margin-right: 0;
  }
}
.top_news .right p br {
  display: none;
}
.top_news .right a {
  display: inline-block;
  background-color: #fff;
  color: #ae8e37;
  font-size: 1.3rem;
  border: solid 1px #ae8e37;
  padding: 7px 20px;
  min-width: 150px;
  box-sizing: border-box;
}
.top_news .right a:hover {
  color: #fff;
  background: #ae8e37;
  border-color: #fff;
}

.link_btn-type1 {
  margin-top: auto;
  margin-bottom: 0;
  background: #ae8e37;
  color: #fff;
  width: 300px;
  height: 55px;
  padding: 0 20px;
  line-height: 5.5rem;
  border: solid 1px #ae8e37;
  box-sizing: border-box;
  max-width: 100%;
}
@media screen and (max-width: 767.98px) {
  .link_btn-type1 {
    width: 250px;
    height: 45px;
    line-height: 4.5rem;
  }
}
.link_btn-type1:hover {
  background: #fff;
  color: #ae8e37;
  opacity: 1;
}
.link_btn-type1 span.arrow {
  width: 31px;
  height: 7px;
  position: relative;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .link_btn-type1 span.arrow {
    width: 25px;
  }
}
.link_btn-type1 span.arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #fff;
  transition: background-color 0.3s;
}
.link_btn-type1 span.arrow::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  height: 1px;
  width: 23%;
  transform: rotate(45deg);
  background: #fff;
  transition: background-color 0.3s;
}
.link_btn-type1:hover span.arrow::before, .link_btn-type1:hover span.arrow::after {
  background: #ae8e37;
}

.link_btn-type2 {
  margin-top: auto;
  margin-bottom: 0;
  background: #fff;
  color: #ae8e37;
  width: 300px;
  height: 55px;
  padding: 0 20px;
  line-height: 5.5rem;
  border: solid 1px #ae8e37;
  box-sizing: border-box;
  max-width: 100%;
}
@media screen and (max-width: 767.98px) {
  .link_btn-type2 {
    width: 250px;
    height: 45px;
    line-height: 4.5rem;
  }
}
.link_btn-type2:hover {
  background: #ae8e37;
  color: #fff;
  opacity: 1;
}
.link_btn-type2 span.arrow {
  width: 31px;
  height: 7px;
  position: relative;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .link_btn-type2 span.arrow {
    width: 25px;
  }
}
.link_btn-type2 span.arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #ae8e37;
  transition: background-color 0.3s;
}
.link_btn-type2 span.arrow::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  height: 1px;
  width: 23%;
  transform: rotate(45deg);
  background: #ae8e37;
  transition: background-color 0.3s;
}
.link_btn-type2:hover span.arrow::before, .link_btn-type2:hover span.arrow::after {
  background: #fff;
}

.top_facility {
  padding-top: 160px;
  padding-bottom: 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .top_facility {
    padding-top: 80px;
  }
}
.top_facility .headding_type1 {
  margin-bottom: 110px;
}
@media screen and (max-width: 767.98px) {
  .top_facility .headding_type1 {
    margin-bottom: 100px;
  }
}
.top_facility .cont {
  position: relative;
}
.top_facility .cont::before {
  content: "";
  height: calc(100% + 310px);
  width: 1px;
  background: #e2e2e2;
  position: absolute;
  left: 0;
  top: -160px;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .top_facility .cont::before {
    content: none;
  }
}
.top_facility .facility_content::after {
  content: "";
  height: 1px;
  width: 100vw;
  background: #e2e2e2;
  position: absolute;
  right: 92%;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .top_facility .facility_content::after {
    content: none;
  }
}

.facility_content,
.access_info {
  position: relative;
  padding: 50px 0;
  margin-bottom: 110px;
}
.facility_content::before,
.access_info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  margin-right: calc(50% - 50vw);
  background-image: url(assets/img/top_facility_bg@2x.jpg);
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .facility_content::before,
  .access_info::before {
    background-image: url(assets/img/top_facility_bg.jpg);
  }
}
.facility_content .headding_type2,
.access_info .headding_type2 {
  margin-top: -80px;
  margin-bottom: 60px;
  margin-left: 18px;
}
@media screen and (max-width: 767.98px) {
  .facility_content .headding_type2,
  .access_info .headding_type2 {
    margin-bottom: 30px;
    margin-top: -70px;
  }
}
.facility_content .left,
.access_info .left {
  width: 38%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767.98px) {
  .facility_content .left,
  .access_info .left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.facility_content .left .description,
.access_info .left .description {
  padding-left: 30px;
  line-height: 1.875;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}
.facility_content .right,
.access_info .right {
  width: 57%;
  aspect-ratio: 57/40;
}
@media screen and (max-width: 767.98px) {
  .facility_content .right,
  .access_info .right {
    width: 100%;
  }
}
.facility_content .right img,
.access_info .right img {
  width: 100%;
  aspect-ratio: 57/40;
}
@media screen and (max-width: 430px) {
  .facility_content .right img,
  .access_info .right img {
    height: 224px;
  }
}
@media screen and (max-width: 430px) {
  .facility_content .right .slider,
  .access_info .right .slider {
    width: 320px;
    height: 224px;
  }
}
.facility_content .right .slider .slick-list,
.access_info .right .slider .slick-list {
  height: auto !important;
  aspect-ratio: 57/40 !important;
}
@media screen and (max-width: 430px) {
  .facility_content .right .slider .slick-list,
  .access_info .right .slider .slick-list {
    height: 100% !important;
  }
}
.facility_content .right .slider .slick-dots,
.access_info .right .slider .slick-dots {
  bottom: 15px;
  top: auto;
}

.headding_type1 {
  margin-left: 30px;
  justify-content: flex-start;
}
@media screen and (max-width: 767.98px) {
  .headding_type1 {
    margin-left: 0;
  }
}
.headding_type1 .headding {
  font-size: 5rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-right: 30px;
}
@media screen and (max-width: 767.98px) {
  .headding_type1 .headding {
    font-size: 3.8rem;
  }
}
.headding_type1 p {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 15px;
}
@media screen and (max-width: 767.98px) {
  .headding_type1 p {
    font-size: 1.5rem;
  }
}

.headding_type2 {
  justify-content: flex-start;
  gap: 2px;
  align-items: flex-start;
  writing-mode: vertical-rl;
  white-space: nowrap;
  flex-direction: column-reverse;
}
.headding_type2 .headding,
.headding_type2 p {
  font-weight: 700;
  letter-spacing: 0.05em;
}
.headding_type2 .headding {
  font-size: 6rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767.98px) {
  .headding_type2 .headding {
    font-size: 3.2rem;
  }
}
.headding_type2 p {
  font-size: 1.5rem;
  color: #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .headding_type2 p {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
  }
}
.headding_type2 p::after {
  content: "";
  height: 30px;
  width: 1px;
  background: #ae8e37;
  display: inline-block;
  margin-top: 15px;
  vertical-align: text-bottom;
  margin-left: 6px;
}
@media screen and (max-width: 767.98px) {
  .headding_type2 p::after {
    margin-left: 0;
  }
}

.top_link {
  padding: 80px 0;
  background-image: url(assets/img/top-link_bg@2x.jpg);
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .top_link {
    background-image: url(assets/img/top-link_bg.jpg);
    padding: 50px 0;
  }
}
.top_link ul {
  gap: 70px 2%;
  align-items: stretch;
}
@media screen and (max-width: 767.98px) {
  .top_link ul {
    row-gap: 30px;
  }
}
.top_link ul li {
  width: 46%;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767.98px) {
  .top_link ul li {
    width: 100%;
  }
}
.top_link ul li .description {
  line-height: 1.875;
  margin-bottom: 25px;
  letter-spacing: normal;
}
.top_link ul li p {
  color: #fff;
}
.top_link ul li .top {
  margin-bottom: 25px;
}
@media screen and (max-width: 767.98px) {
  .top_link ul li .top {
    margin-bottom: 15px;
  }
}
.top_link ul li .top p {
  font-weight: 700;
  font-size: 2.5rem;
  margin-left: 20px;
}
@media screen and (max-width: 767.98px) {
  .top_link ul li .top p {
    font-size: 2rem;
  }
}
.top_link ul li .top img {
  height: 40px;
  object-fit: contain;
}
.top_link ul li .top .img2 {
  margin-right: 0;
  margin-left: auto;
}

.top_activity {
  padding-top: 150px;
  padding-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .top_activity {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
.top_activity::before {
  content: "";
  height: 100%;
  width: 1px;
  background: #e2e2e2;
  position: absolute;
  left: 89%;
  top: 0;
}
@media screen and (max-width: 767.98px) {
  .top_activity::before {
    content: none;
  }
}
.top_activity .headding_type1 {
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .top_activity .headding_type1 {
    margin-bottom: 30px;
  }
}
.top_activity .top_activity_content {
  padding-right: 11.5%;
  position: relative;
  width: 89%;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content {
    padding: 0;
  }
}
.top_activity .top_activity_content li.flex {
  margin-bottom: 70px;
  gap: 40px 0;
  position: relative;
}
@media screen and (max-width: 1025px) {
  .top_activity .top_activity_content li.flex {
    align-items: flex-start;
    gap: 25px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content li.flex {
    flex-direction: column;
  }
}
.top_activity .top_activity_content li.flex::before {
  content: "";
  height: 1px;
  width: 100vw;
  background: #e2e2e2;
  position: absolute;
  left: 92%;
  top: 0;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content li.flex::before {
    content: none;
  }
}
.top_activity .top_activity_content li.flex .left {
  width: 61%;
  height: auto;
  aspect-ratio: 1400/991;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content li.flex .left {
    width: 100%;
  }
}
.top_activity .top_activity_content li.flex .left img {
  width: 100%;
  aspect-ratio: 1400/991;
}
.top_activity .top_activity_content li.flex .left .slick-list {
  height: auto !important;
  aspect-ratio: 1400/991 !important;
}
.top_activity .top_activity_content li.flex .right {
  width: 34%;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content li.flex .right {
    width: 100%;
  }
}
.top_activity .top_activity_content li.flex .right .description {
  line-height: 2;
  margin-bottom: 70px;
  letter-spacing: 0.1em;
  padding-right: 22px;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content li.flex .right .description {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.top_activity .top_activity_content .headding_type3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  .top_activity .top_activity_content .headding_type3 {
    margin-bottom: 20px;
  }
}

.headding_type3 p {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-left: 5px;
  color: #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .headding_type3 p {
    font-size: 1.2rem;
  }
}
.headding_type3 .headding {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .headding_type3 .headding {
    font-size: 2.4rem;
  }
}

.top_link2 img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.top_link2 .img_wrap {
  position: relative;
}
.top_link2 .img_wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d9ceb0;
  opacity: 0.4;
}
.top_link2 .camp_logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 19%;
  z-index: 2;
  height: 70%;
  width: auto;
}
@media screen and (max-width: 767.98px) {
  .top_link2 .camp_logo {
    height: 100%;
    top: 0;
  }
}
.top_link2 .bottom {
  padding: 40px 15% 80px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .top_link2 .bottom {
    padding: 20px 10% 40px;
  }
}
.top_link2 h3 {
  font-size: 3rem;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .top_link2 h3 {
    font-size: 2.2rem;
  }
}
.top_link2 .description {
  line-height: 1.9285714286;
  margin-bottom: 55px;
}
@media screen and (max-width: 767.98px) {
  .top_link2 .description {
    margin-bottom: 30px;
  }
}
.top_link2 a {
  margin: 0 auto;
}
.top_link2 .cont {
  padding: 40px 0 160px;
}
@media screen and (max-width: 767.98px) {
  .top_link2 .cont {
    padding: 20px 0 80px;
  }
}

@media screen and (max-width: 767.98px) {
  .top_link2.two_columns {
    margin-bottom: 40px;
  }
}
.top_link2.two_columns .content {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .top_link2.two_columns .content {
    width: 100%;
  }
}
.top_link2.two_columns .content .camp_logo {
  height: 100%;
  width: auto;
  top: 0;
}
.top_link2.two_columns .content:first-child {
  border-right: 1px solid #e2e2e2;
}
@media screen and (max-width: 767.98px) {
  .top_link2.two_columns .content:first-child {
    border: none;
  }
}

.top_insta {
  padding-top: 100px;
  padding-bottom: 1px;
  background-image: url(assets/img/top-insta_bg@2x.jpg);
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .top_insta {
    background-image: url(assets/img/top-insta_bg.jpg);
    padding-top: 50px;
  }
}
.top_insta .headding_type1 {
  margin-bottom: 130px;
}
@media screen and (max-width: 767.98px) {
  .top_insta .headding_type1 {
    margin-bottom: 80px;
  }
}
.top_insta .headding_type2 {
  margin-top: -35px;
}
@media screen and (max-width: 767.98px) {
  .top_insta .headding_type2 {
    margin-top: -20px;
    width: 80px;
  }
}
.top_insta .headding_type2 .headding {
  letter-spacing: normal;
  font-size: 3.5rem;
}
@media screen and (max-width: 767.98px) {
  .top_insta .headding_type2 .headding {
    font-size: 2.8rem;
  }
}
.top_insta .headding_type2 p {
  margin-top: 7px;
}
.top_insta .content {
  margin-bottom: 100px;
}
.top_insta .content .grid {
  width: calc(100% - 112px);
  height: auto;
  aspect-ratio: 900/350;
  display: grid;
  grid-template-columns: 39.4% repeat(3, 18.9%);
  grid-template-rows: repeat(2, 50%);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid {
    width: calc(100% - 80px);
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: 63% repeat(2, 21%);
    grid-column-gap: 3%;
    grid-row-gap: 0;
    aspect-ratio: unset;
  }
}
.top_insta .content .grid .list {
  aspect-ratio: 1/1;
  height: auto;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list {
    width: 100%;
  }
}
.top_insta .content .grid .list .hover_on {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(174, 142, 55, 0.8);
  z-index: 2;
}
.top_insta .content .grid .list .hover_on .flex {
  justify-content: center;
  gap: 15px;
}
.top_insta .content .grid .list .hover_on p {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list .hover_on p {
    font-size: 1.2rem;
  }
}
.top_insta .content .grid .list .hover_on img {
  width: 30px;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list .hover_on img {
    width: 22px;
    height: auto;
  }
}
.top_insta .content .grid .list:hover {
  opacity: 1;
}
.top_insta .content .grid .list:hover .hover_on {
  visibility: visible;
  opacity: 1;
}
.top_insta .content .grid a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.top_insta .content .grid a:hover {
  opacity: 1;
}
.top_insta .content .grid a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top_insta .content .grid .list1 {
  grid-area: 1/1/3/2;
  padding-right: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list1 {
    grid-area: 1/1/2/4;
    padding-right: 0;
  }
}
.top_insta .content .grid .list1 .hover_on {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list1 .hover_on {
    width: 100%;
  }
}
.top_insta .content .grid .list1 .hover_on .flex {
  gap: 30px;
}
.top_insta .content .grid .list1 .hover_on p {
  font-size: 1.8rem;
}
.top_insta .content .grid .list1 .hover_on img {
  width: 50px;
}
.top_insta .content .grid .list2 {
  grid-area: 1/2/2/3;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list2 {
    grid-area: 2/1/3/2;
  }
}
.top_insta .content .grid .list3 {
  grid-area: 1/3/2/4;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list3 {
    grid-area: 2/2/3/3;
  }
}
.top_insta .content .grid .list4 {
  grid-area: 1/4/2/5;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list4 {
    grid-area: 2/3/3/4;
  }
}
.top_insta .content .grid .list5 {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list5 {
    grid-area: 3/1/4/2;
  }
}
.top_insta .content .grid .list6 {
  grid-area: 2/3/3/4;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list6 {
    grid-area: 3/2/4/3;
  }
}
.top_insta .content .grid .list7 {
  grid-area: 2/4/3/5;
}
@media screen and (max-width: 767.98px) {
  .top_insta .content .grid .list7 {
    grid-area: 3/3/4/4;
  }
}

.common_access {
  padding: 150px 0;
  background: #faf7f9;
}
@media screen and (max-width: 767.98px) {
  .common_access {
    padding: 80px 0;
  }
}
.common_access .headding_type1 {
  margin-bottom: 80px;
}
@media screen and (max-width: 767.98px) {
  .common_access .headding_type1 {
    margin-bottom: 40px;
  }
}
.common_access .flex-top {
  align-items: stretch;
}
.common_access .flex-top .left {
  width: 50%;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .left {
    width: 100%;
    aspect-ratio: 4/3;
    margin-bottom: 50px;
  }
}
.common_access .flex-top .left iframe {
  width: 100%;
  height: 100%;
}
.common_access .flex-top .right {
  width: 42.6%;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right {
    width: 100%;
  }
}
.common_access .flex-top .right img {
  width: 200px;
  margin: 0 auto 45px;
  display: block;
  padding-right: 20px;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right img {
    padding-right: 0;
    margin-bottom: 30px;
    width: 160px;
  }
}
.common_access .flex-top .right table {
  margin-bottom: 40px;
  display: block;
}
.common_access .flex-top .right table tbody {
  display: block;
}
.common_access .flex-top .right table tr {
  width: 100%;
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #e2e2e2;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right table tr {
    padding: 20px 0;
  }
}
.common_access .flex-top .right table tr th,
.common_access .flex-top .right table tr td {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right table tr th,
  .common_access .flex-top .right table tr td {
    font-size: 1.4rem;
  }
}
.common_access .flex-top .right table tr th {
  width: 150px;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right table tr th {
    width: 100px;
  }
}
.common_access .flex-top .right table tr td {
  width: calc(100% - 150px);
  line-height: 1.625;
}
@media screen and (max-width: 767.98px) {
  .common_access .flex-top .right table tr td {
    width: calc(100% - 100px);
  }
}
.common_access .link_btn-type2 {
  margin: 0 auto;
}

.page-id-309 .page_top {
  background-image: url(assets/img/mv-access@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-309 .page_top {
    background-image: url(assets/img/mv-access.jpg);
  }
}

.page-id-306 .page_top {
  background-image: url(assets/img/mv-hotspring@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-306 .page_top {
    background-image: url(assets/img/mv-hotspring.jpg);
  }
}

.page-id-311 .page_top {
  background-image: url(assets/img/mv-cooking@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-311 .page_top {
    background-image: url(assets/img/mv-cooking.jpg);
  }
}

.page-id-313 .page_top {
  background-image: url(assets/img/mv-guest@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-313 .page_top {
    background-image: url(assets/img/mv-guest.jpg);
  }
}

.page-id-315 .page_top {
  background-image: url(assets/img/mv-sports@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-315 .page_top {
    background-image: url(assets/img/mv-sports.jpg);
  }
}

.page-id-318 .page_top {
  background-image: url(assets/img/mv-beauty@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-318 .page_top {
    background-image: url(assets/img/mv-beauty.jpg);
  }
}

.page-id-329 .page_top {
  background-image: url(assets/img/mv-spend@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-329 .page_top {
    background-image: url(assets/img/mv-spend.jpg);
  }
}

.page-id-331 .page_top {
  background-image: url(assets/img/mv-banquet@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-331 .page_top {
    background-image: url(assets/img/mv-banquet.jpg);
  }
}

.page-id-333 .page_top {
  background-image: url(assets/img/mv-surrounding@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-333 .page_top {
    background-image: url(assets/img/mv-surrounding.jpg);
  }
}

.page-id-320 .page_top,
.page-id-378 .page_top,
.page-id-380 .page_top {
  background-image: url(assets/img/mv-company@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-320 .page_top,
  .page-id-378 .page_top,
  .page-id-380 .page_top {
    background-image: url(assets/img/mv-company.jpg);
  }
}

.page-id-30 .page_top,
.page-id-32 .page_top,
.page-id-34 .page_top {
  background-image: url(/wp-content/uploads/2023/07/mv-contact_2-scaled.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-id-30 .page_top,
  .page-id-32 .page_top,
  .page-id-34 .page_top {
    background-image: url(/wp-content/uploads/2023/07/mv-contact_2-scaled.jpg);
  }
}

.error404 .page_top {
  background: #eee;
}

.post-type-archive-news .page_top,
.tax-cat_news .page_top,
.single-news .page_top {
  background-image: url(assets/img/mv-news@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .post-type-archive-news .page_top,
  .tax-cat_news .page_top,
  .single-news .page_top {
    background-image: url(assets/img/mv-news.jpg);
  }
}

.page_top {
  background-size: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 130/55;
  display: grid;
  place-content: center;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page_top {
    aspect-ratio: 5/3;
  }
}

.page_heading {
  text-align: center;
  position: relative;
}
.page_heading h2 {
  margin-bottom: 15px;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #a74d85;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page_heading h2 {
    font-size: 9vw;
  }
}
.page_heading h2 span {
  display: block;
  color: #ae8e37;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .page_heading h2 span {
    font-size: 3vw;
  }
}

.page_heading::after {
  content: "";
  position: absolute;
  width: 525px;
  height: auto;
  aspect-ratio: 3/2;
  top: -92%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  /*background-image: url(assets/img/page_title_back.png);*/
  background-size: contain;
}
@media screen and (max-width: 767.98px) {
  .page_heading::after {
    top: -115%;
    width: auto;
    height: 300%;
  }
}

.pankuzu {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 50px;
  color: #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .pankuzu {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.pankuzu span,
.pankuzu a {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .pankuzu span,
  .pankuzu a {
    font-size: 1.1rem;
  }
}
.pankuzu span br,
.pankuzu a br {
  display: none;
}

.access_map map {
  margin-bottom: 100px;
}
.access_map .headding_type1 .headding {
  margin-right: 120px;
}
@media screen and (max-width: 767.98px) {
  .access_map .headding_type1 .headding {
    margin-right: 20px;
  }
}
.access_map .headding_type1 {
  margin-bottom: 55px;
}
@media screen and (max-width: 767.98px) {
  .access_map .headding_type1 {
    margin-bottom: 30px;
  }
}
.access_map .map_area {
  width: 100%;
  height: auto;
  aspect-ratio: 100/44;
  margin-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
  .access_map .map_area {
    aspect-ratio: 4/3;
    margin-bottom: 60px;
  }
}
.access_map .map_area iframe {
  width: 100%;
  height: 100%;
}

.access_info {
  align-items: center;
}
.access_info .left .description {
  margin-bottom: 80px;
  letter-spacing: 0.1em;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .access_info .left .description {
    margin-bottom: 30px;
  }
}
.access_info h4 {
  font-size: 3rem;
  margin-bottom: 25px;
  font-weight: 700;
  padding-left: 30px;
}
@media screen and (max-width: 767.98px) {
  .access_info h4 {
    font-size: 2.4rem;
  }
}
.access_info .right img {
  width: 100%;
}

.access_route .train {
  padding-top: 70px;
  padding-bottom: 160px;
  background-size: cover;
  background-image: url(assets/img/access_bg@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .access_route .train {
    background-image: url(assets/img/access_bg.jpg);
    padding-bottom: 80px;
  }
}
.access_route .car {
  padding-top: 70px;
  background-size: cover;
  background-image: url(assets/img/access_bg2@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  .access_route .car {
    background-image: url(assets/img/access_bg2.jpg);
  }
}
.access_route h3 {
  font-size: 5rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .access_route h3 {
    font-size: 3.8rem;
  }
}
.access_route h4 {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 65px;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .access_route h4 {
    font-size: 2rem;
    margin-bottom: 40px;
    margin-right: 20px;
  }
}
.access_route h4 img {
  width: 40px;
  object-fit: contain;
  display: inline-block;
  margin-right: 15px;
}
@media screen and (max-width: 767.98px) {
  .access_route h4 img {
    width: 30px;
  }
}
.access_route .route_detail {
  align-items: stretch;
}
.access_route .route_detail p {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  background: #fff;
  display: grid;
  place-content: center;
  padding: 21px 0;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 1025px) {
  .access_route .route_detail p {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail p {
    font-size: 1rem;
  }
}
.access_route .route_detail .one p {
  height: 100%;
  padding: 0;
}
.access_route .route_detail .bar {
  display: flex;
  flex-direction: column;
}
.access_route .route_detail .bar span {
  display: block;
  height: 20px;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  margin-top: 24px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .bar span {
    margin-top: 18px;
  }
}
.access_route .route_detail .bar span:nth-child(2) {
  margin-top: auto;
  margin-bottom: 24px;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .bar span:nth-child(2) {
    margin-bottom: 18px;
  }
}
.access_route .route_detail .road p {
  color: #fff;
  background: none;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  padding: 0;
  height: 70px;
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1025px) {
  .access_route .route_detail .road p {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .road p {
    font-size: 1rem;
    line-height: 1.2;
    height: 50px;
    transform: scale(0.8);
  }
}
.access_route .route_detail .road p span {
  display: block;
  margin-top: 25px;
}
.access_route .route_detail .road p::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: 20px;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .road p::after {
    transform: scale(1.3);
  }
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .road p:nth-child(1) {
    margin-top: -8px;
    margin-bottom: 15px;
  }
}
.access_route .route_detail .road p:nth-child(2) {
  margin-top: 10px;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .road p:nth-child(2) {
    margin-top: auto;
    margin-bottom: 12px;
  }
}
.access_route .route_detail .left {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
  width: 80%;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .left {
    row-gap: 30px;
  }
}
.access_route .route_detail .right {
  width: 20%;
  background: #fff;
  display: grid;
  place-content: center;
}
.access_route .route_detail .right img {
  width: 100%;
}
.access_route .route_detail .route_detail_middle {
  align-items: stretch;
}
.access_route .route_detail .route_detail_middle div {
  width: 25%;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .route_detail_middle div {
    width: 28%;
  }
}
.access_route .route_detail .route_detail_middle .station {
  display: flex;
  flex-direction: column;
}
.access_route .route_detail .route_detail_middle .station.type2 p {
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .route_detail_middle .bar {
    width: 22%;
  }
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .route_detail_middle .road {
    width: 22%;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .access_route .route_detail .route_detail_middle .road.type2 p {
    margin-top: -7px;
  }
}
.access_route .route_detail .route_detail_middle .station p:nth-child(2) {
  margin-top: auto;
  margin-bottom: 0;
}
.access_route .car {
  padding-bottom: 70px;
}
.access_route .car .about_parking {
  margin-top: 75px;
  border: solid 2px #fff;
  padding: 30px 60px 30px 40px;
  box-sizing: border-box;
  gap: 30px 55px;
}
@media screen and (max-width: 767.98px) {
  .access_route .car .about_parking {
    margin-top: 60px;
    padding: 20px;
  }
}
.access_route .car .about_parking img {
  width: 38%;
  height: auto;
  aspect-ratio: 17/12;
}
@media screen and (max-width: 767.98px) {
  .access_route .car .about_parking img {
    width: 100%;
  }
}
.access_route .car .about_parking .about_parking-right {
  width: calc(62% - 55px);
  padding-top: 0;
}
@media screen and (max-width: 767.98px) {
  .access_route .car .about_parking .about_parking-right {
    width: 100%;
  }
}
.access_route .car .about_parking .about_parking-right h5 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .access_route .car .about_parking .about_parking-right h5 {
    font-size: 2rem;
  }
}
.access_route .car .about_parking .about_parking-right p {
  color: #fff;
  line-height: 1.5;
  font-weight: 400;
}

.access_guide {
  padding: 75px 0 120px;
  background: #f0f0f0;
}
@media screen and (max-width: 767.98px) {
  .access_guide {
    padding: 60px 0 80px;
  }
}
.access_guide h3 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 50px;
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .access_guide h3 {
    font-size: 3.8rem;
    margin-bottom: 30px;
  }
}
.access_guide .content {
  background: #fff;
  padding: 60px 50px 95px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .access_guide .content {
    padding: 20px;
    padding-bottom: 60px;
  }
}
.access_guide .access_guide-top {
  margin-bottom: 60px;
  justify-content: flex-start;
  gap: 80px;
}
@media screen and (max-width: 1025px) {
  .access_guide .access_guide-top {
    align-items: flex-start;
    gap: 4%;
    margin-bottom: 20px;
  }
}
.access_guide .access_guide-top img {
  object-fit: contain;
  width: 76px;
}
@media screen and (max-width: 767.98px) {
  .access_guide .access_guide-top img {
    width: 60px;
  }
}
.access_guide .access_guide-top li {
  width: 43%;
  display: flex;
}
@media screen and (max-width: 1025px) {
  .access_guide .access_guide-top li {
    align-items: flex-start;
    width: 48%;
  }
}
@media screen and (max-width: 767.98px) {
  .access_guide .access_guide-top li {
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
  }
}
.access_guide .access_guide-top li div {
  margin-left: 20px;
}
.access_guide .access_guide-top li h4 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ae8e37;
  margin-bottom: 9px;
}
@media screen and (max-width: 767.98px) {
  .access_guide .access_guide-top li h4 {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
.access_guide .access_guide-top li p {
  font-weight: 400;
  line-height: 1.5;
  color: #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .access_guide .access_guide-top li p {
    font-size: 1.3rem;
  }
}
.access_guide .img_wrap {
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .access_guide .img_wrap {
    margin-bottom: 30px;
  }
}
.access_guide .img_wrap img {
  width: 100%;
}
.access_guide .access_guide-link_btn {
  justify-content: flex-start;
  gap: 20px;
}
.access_guide .access_guide-link_btn a {
  width: 31%;
  height: 75px;
  justify-content: center;
  column-gap: 45px;
}
@media screen and (max-width: 1025px) {
  .access_guide .access_guide-link_btn a {
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 767.98px) {
  .access_guide .access_guide-link_btn a {
    height: 45px;
    max-width: 250px;
  }
}

.page-hotspring {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-hotspring {
    margin-top: 60px;
  }
}
.page-hotspring .headding_type3 .headding,
.page-hotspring .headding_type3 p {
  letter-spacing: 0.1em;
}
.page-hotspring .headding_type3 .headding {
  font-size: 2rem;
}

.page-nav {
  margin-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  .page-nav {
    margin-bottom: 80px;
  }
}
.page-nav h3 {
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-bottom: 80px;
  color: #ae8e37;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .page-nav h3 {
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 430px) {
  .page-nav h3 br {
    display: none;
  }
}
.page-nav ul {
  align-items: stretch;
}
.page-nav ul li {
  width: 33.3%;
}
.page-nav ul li a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 70px 0 60px;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .page-nav ul li a {
    font-size: 3.8vw;
    padding: 25px 0;
  }
}
.page-nav ul li a span {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 25px;
}
@media screen and (max-width: 767.98px) {
  .page-nav ul li a span {
    font-size: 1rem;
    margin-top: 10px;
  }
}
.page-nav ul li a::after {
  content: "〉";
  display: block;
  font-size: 3rem;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (max-width: 767.98px) {
  .page-nav ul li a::after {
    font-size: 2rem;
    bottom: 0;
  }
}
.page-nav ul li:nth-child(2) a {
  border: none;
}

.page-hotspring .headding_type3 {
  margin-bottom: 30px;
}

.slider3_list,
.plan_content_list {
  margin: 0 15px;
  position: relative;
}
.slider3_list img,
.plan_content_list img {
  width: 100%;
  height: auto;
  aspect-ratio: 309/170;
  display: block;
}
.slider3_list .wrap,
.plan_content_list .wrap {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.8);
  padding: 38px 38px 24px;
  width: 100%;
  box-sizing: border-box;
  min-height: 150px;
}
@media screen and (max-width: 767.98px) {
  .slider3_list .wrap,
  .plan_content_list .wrap {
    position: relative;
    opacity: 1;
    min-height: unset;
  }
}
.slider3_list .wrap p,
.plan_content_list .wrap p {
  color: #fff;
  letter-spacing: 0.1em;
  margin-top: 10px;
}
.slider3_list .wrap .img_title,
.plan_content_list .wrap .img_title {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .slider3_list .wrap .img_title,
  .plan_content_list .wrap .img_title {
    font-size: 1.6rem;
  }
}
.slider3_list .wrap .img_description,
.plan_content_list .wrap .img_description {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .slider3_list .wrap .img_description,
  .plan_content_list .wrap .img_description {
    font-size: 1.2rem;
  }
}

.slider3_list.slick-current .wrap {
  opacity: 1;
}

.slider3 .slick-arrow {
  width: 25%;
  height: auto;
  aspect-ratio: 326/232;
  display: block;
  position: absolute;
  z-index: 2;
  top: 28%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 430px) {
  .slider3 .slick-arrow {
    width: 30%;
  }
}
.slider3 .prev-arrow {
  background-image: url(/wp-content/uploads/2023/07/arrow_b_right_2.png);
  /*background-image: url(assets/img/arrow_b_left.png);*/
  left: 0.6%;
}
@media screen and (max-width: 430px) {
  .slider3 .prev-arrow {
    left: -8%;
  }
}
.slider3 .next-arrow {
  background-image: url(/wp-content/uploads/2023/07/arrow_b_right2.png);
  /*background-image: url(assets/img/arrow_b_right.png);*/
  right: 0.6%;
}
@media screen and (max-width: 430px) {
  .slider3 .next-arrow {
    right: -8%;
  }
}

.minori {
  margin-bottom: 140px;
}
@media screen and (max-width: 767.98px) {
  .minori {
    margin-bottom: 80px;
  }
}

.minori .slider3 {
  margin-bottom: 200px;
}
@media screen and (max-width: 767.98px) {
  .minori .slider3 {
    margin-bottom: 120px;
  }
}

.page-hotspring .facility_content {
  padding-bottom: 75px;
}

.page-hotspring .facility_content::before,
.page-cooking .facility_content::before {
  margin-left: calc(50% - 42vw);
  background-color: #f0f0f0;
  background-image: radial-gradient(#edebe8 20%, transparent 20%), radial-gradient(#edebe8 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 10px 10px;
}
@media (max-width: 1250px) {
  .page-hotspring .facility_content::before,
  .page-cooking .facility_content::before {
    margin-left: calc(50% - 47vw);
  }
}
.page-hotspring .facility_content .headding_type2,
.page-cooking .facility_content .headding_type2 {
  margin-top: -107px;
  margin-bottom: 50px;
  margin-left: -18px;
}
@media screen and (max-width: 767.98px) {
  .page-hotspring .facility_content .headding_type2,
  .page-cooking .facility_content .headding_type2 {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.page-hotspring .facility_content .headding_type2 .headding,
.page-cooking .facility_content .headding_type2 .headding {
  letter-spacing: normal;
}
.page-hotspring .facility_content .headding_type2 p,
.page-cooking .facility_content .headding_type2 p {
  margin-top: 10px;
}
.page-hotspring .facility_content .left,
.page-cooking .facility_content .left {
  width: 47%;
}
@media screen and (max-width: 767.98px) {
  .page-hotspring .facility_content .left,
  .page-cooking .facility_content .left {
    width: 100%;
  }
}
.page-hotspring .facility_content .left .description,
.page-cooking .facility_content .left .description {
  padding-left: 0;
  margin-bottom: 0;
}
.page-hotspring .facility_content .right,
.page-cooking .facility_content .right {
  width: 45%;
}
@media screen and (max-width: 767.98px) {
  .page-hotspring .facility_content .right,
  .page-cooking .facility_content .right {
    width: 100%;
  }
}

.bottom {
  width: 100%;
}

.hotspring_table {
  margin-top: 50px;
  width: 100%;
  display: block;
}
.hotspring_table tbody {
  width: 100%;
  display: block;
}
.hotspring_table tr {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #efefee;
}
.hotspring_table tr th {
  background: #ae8e37;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  width: 200px;
  display: grid;
  place-content: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767.98px) {
  .hotspring_table tr th {
    font-size: 1.3rem;
    width: 100px;
  }
}
.hotspring_table tr td {
  background: #fff;
  padding: 30px 50px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 100px;
  width: calc(100% - 200px);
}
@media screen and (max-width: 767.98px) {
  .hotspring_table tr td {
    width: calc(100% - 100px);
    padding: 20px 10px;
    min-height: unset;
  }
}
.hotspring_table tr td img {
  width: 35px;
  object-fit: contain;
  display: block;
  margin-left: 20px;
}
@media screen and (max-width: 767.98px) {
  .hotspring_table tr td img {
    width: 28px;
    margin-left: 10px;
  }
}
.hotspring_table tr td.column {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.hotspring_table tr td,
.hotspring_table tr td p {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .hotspring_table tr td,
  .hotspring_table tr td p {
    font-size: 1.3rem;
    letter-spacing: 0.05em;
  }
}

.siun {
  padding-top: 150px;
  margin-top: -150px;
}
@media screen and (max-width: 767.98px) {
  .siun {
    padding-top: 80px;
    margin-top: -80px;
  }
}
.siun .wrapper {
  padding: 90px 0 150px;
  background: #f0f0f0;
}
@media screen and (max-width: 767.98px) {
  .siun .wrapper {
    padding: 40px 0 80px;
  }
}
.siun .hotspring_table {
  margin-top: 70px;
}
@media screen and (max-width: 767.98px) {
  .siun .hotspring_table {
    margin-top: 40px;
  }
}

.three {
  background: #faf7f9;
  padding-top: 200px;
  padding-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .three {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}
.three .headding_type3 {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .three .headding_type3 {
    margin-bottom: 30px;
  }
}
.three .headding_type3 .headding {
  font-size: 6rem;
}
@media screen and (max-width: 767.98px) {
  .three .headding_type3 .headding {
    font-size: 3.6rem;
  }
}
.three section.goshiki {
  margin-bottom: 130px;
}
.three section {
  margin-bottom: 150px;
}
@media screen and (max-width: 767.98px) {
  .three section {
    margin-bottom: 80px;
  }
}
.three section .img_wrap {
  width: 100%;
  height: auto;
  aspect-ratio: 1000/550;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .three section .img_wrap {
    margin-bottom: 30px;
  }
}
.three section .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.three section .img_wrap .title_wrap {
  position: absolute;
  bottom: -15%;
  right: -9%;
  background-image: url(assets/img/hot_spring-title_back.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 52.5%;
  height: auto;
  aspect-ratio: 525/350;
}
@media screen and (max-width: 767.98px) {
  .three section .img_wrap .title_wrap {
    width: 60%;
    display: grid;
    place-content: center;
  }
}
.three section .img_wrap .title_wrap h4 {
  font-size: 3.6rem;
  font-weight: 700;
  position: absolute;
  top: 39%;
  right: 27%;
}
@media screen and (max-width: 767.98px) {
  .three section .img_wrap .title_wrap h4 {
    font-size: 2rem;
    position: static;
    text-align: center;
  }
}
.three section .img_wrap .title_wrap h4 span {
  font-size: 1.6rem;
  display: block;
  margin-left: -10px;
  letter-spacing: -2px;
}
@media screen and (max-width: 767.98px) {
  .three section .img_wrap .title_wrap h4 span {
    font-size: 1.4rem;
  }
}
.three section .img_wrap .title_wrap .radon {
  top: 44%;
  right: 33%;
}
.three section .img_wrap .title_wrap .goshiki {
  line-height: 1.1;
  letter-spacing: normal;
}
.three section .detail {
  padding: 0 35px 35px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .three section .detail {
    padding: 0;
  }
}
.three section .detail h5 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
@media screen and (max-width: 767.98px) {
  .three section .detail h5 {
    font-size: 1.8rem;
  }
}
.three section .detail .description {
  line-height: 2.25;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-feature-settings: unset;
}
@media screen and (max-width: 767.98px) {
  .three section .detail .description {
    line-height: 1.6;
  }
}
.three .bottom.goshiki {
  margin-top: 85px;
}
@media screen and (max-width: 767.98px) {
  .three .bottom.goshiki {
    margin-top: auto;
  }
}
.three .bottom.goshiki tr:nth-child(3) td {
  flex-wrap: wrap;
  gap: 25px;
}
.three .stone img {
  width: 40px;
  object-fit: contain;
  margin: 0;
}
.three .stone p {
  margin-left: 15px;
}

.page-cooking {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking {
    margin-top: 60px;
  }
}
.page-cooking .page-nav ul {
  max-width: 760px;
  margin: 0 auto;
}
.page-cooking .page-nav ul li a {
  padding: 50px 0 70px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .page-nav ul li a {
    font-size: 3.8vw;
    padding: 30px 0;
  }
}
.page-cooking .page-nav ul li a::after {
  bottom: 27px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .page-nav ul li a::after {
    bottom: 0;
    font-size: 2rem;
  }
}

.page-cooking .headding_type3 h3 {
  margin-bottom: 30px;
}
.page-cooking .headding_type3 h4 {
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .headding_type3 h4 {
    font-size: 1.8rem;
  }
}
.page-cooking .plan_content {
  margin-bottom: 200px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .plan_content {
    margin-bottom: 120px;
  }
}
.page-cooking .plan_content .plan_content_list {
  margin: 0 auto;
}
.page-cooking .plan_content .plan_content_list .wrap {
  opacity: 1;
  display: grid;
  justify-content: start;
  align-items: center;
}
.page-cooking .facility_content .headding_type2 {
  margin-top: -110px;
  margin-bottom: 50px;
}

#shukuhaku,
#higaeri,
#bentou {
  padding-top: 150px;
  margin-top: -150px;
}
@media screen and (max-width: 767.98px) {
  #shukuhaku,
  #higaeri,
  #bentou {
    padding-top: 80px;
    margin-top: -80px;
  }
}

#shukuhaku .facility_content .headding_type2 .headding,
#higaeri .facility_content .headding_type2 .headding,
#bentou .facility_content .headding_type2 .headding {
  letter-spacing: -0.25em;
}

.page-cooking .facility_content {
  padding-bottom: 135px;
  margin-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content {
    margin-bottom: 110px;
    padding-bottom: 75px;
  }
}
.page-cooking .facility_content .center img {
  width: 100%;
  height: auto;
  aspect-ratio: 480/300;
  display: block;
  margin-bottom: 35px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .center img {
    margin-bottom: 20px;
  }
}
.page-cooking .facility_content .center p.name {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .center p.name {
    font-size: 1.8rem;
  }
}
.page-cooking .facility_content .center .description {
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 2;
}
.page-cooking .facility_content .menu_list1 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .menu_list1 {
    margin-bottom: 0;
  }
}
.page-cooking .facility_content .menu_list1 .list {
  width: 32%;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .menu_list1 .list {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-cooking .facility_content .menu_list1 .list img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  height: auto;
  aspect-ratio: 320/225;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .menu_list1 .list img {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .page-cooking .facility_content .menu_list1 .list div {
    width: calc(70% - 20px);
    margin-left: 20px;
  }
}

.higaeri .facility_content {
  padding-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  .higaeri .facility_content {
    padding-bottom: 75px;
  }
}

#bentou .slider3_list .wrap,
.plan_content_list .wrap {
  padding: 25px 30px 20px;
}
@media screen and (max-width: 767.98px) {
  #bentou .slider3_list .wrap,
  .plan_content_list .wrap {
    padding: 15px 20px 20px;
  }
}
#bentou .slider3_list .wrap .img_title,
.plan_content_list .wrap .img_title {
  letter-spacing: 0.05em;
}

#bentou .facility_content {
  margin-bottom: 0;
}

.menu_list2 {
  position: relative;
  row-gap: 80px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 {
    row-gap: 60px;
  }
}
.menu_list2::after {
  content: "";
  background-image: url(assets/img/osusume.png);
  width: 28%;
  height: auto;
  aspect-ratio: 279/185;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -7%;
  right: -13.3%;
}
@media screen and (max-width: 767.98px) {
  .menu_list2::after {
    width: 54%;
    top: 20%;
    right: -22%;
  }
}
.menu_list2 .menu {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu {
    width: 100%;
  }
}
.menu_list2 .menu p.name {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu p.name {
    font-size: 1.8rem;
  }
}
.menu_list2 .menu .description {
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 2;
}
.menu_list2 .menu img {
  width: 100%;
  aspect-ratio: 48/30;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu img {
    margin-bottom: 20px;
  }
}
.menu_list2 .menu .title_wrap {
  margin-bottom: 15px;
}
.menu_list2 .menu .name {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu .name {
    align-items: flex-start;
  }
}
.menu_list2 .menu .name::before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ae8e37;
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu .name::before {
    width: 25px;
    height: 25px;
    min-width: 25px;
    margin-right: 10px;
  }
}
.menu_list2 .menu .price {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .menu_list2 .menu .price {
    font-size: 2rem;
  }
}
.menu_list2 .menu .price span {
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 5px;
}

body {
  height: 1px;
}

main.page {
  background: #faf7f9;
  z-index: -1;
  position: relative;
}

.page-guest {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-guest {
    margin-top: 60px;
  }
}
.page-guest .page-nav {
  margin-bottom: 110px;
}
.page-guest .page-nav h3 {
  margin-bottom: 50px;
}
.page-guest .guest-top_img {
  flex-wrap: nowrap;
  margin-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  .page-guest .guest-top_img {
    margin-bottom: 80px;
  }
}
.page-guest .guest-top_img .img1 {
  width: 50%;
  height: auto;
  aspect-ratio: 5/4;
}
.page-guest .guest-top_img .img2 {
  width: 60%;
  height: auto;
  aspect-ratio: 60/42;
  margin-top: 23.7%;
  margin-left: -110px;
}
.page-guest .page-nav ul {
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 50px;
  margin-bottom: 110px;
}
.page-guest .page-nav ul li {
  width: 25%;
  height: 190px;
}
@media screen and (max-width: 767.98px) {
  .page-guest .page-nav ul li {
    width: 33%;
  }
}
@media screen and (max-width: 430px) {
  .page-guest .page-nav ul li {
    height: 150px;
  }
}
.page-guest .page-nav ul li:nth-child(2) a,
.page-guest .page-nav ul li:nth-child(6) a {
  border: none;
}
.page-guest .page-nav ul li:nth-child(4) a {
  border-left: none;
}
@media screen and (max-width: 767.98px) {
  .page-guest .page-nav ul li:nth-child(4) a {
    border-left: 1px solid #000;
    border-right: none;
  }
}
@media screen and (max-width: 767.98px) {
  .page-guest .page-nav ul li:nth-child(6) a {
    border-right: 1px solid #000;
  }
}
.page-guest .page-nav ul li a {
  padding: 20px 40px 0;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .page-guest .page-nav ul li a {
    font-size: 1.6rem;
    padding: 20px;
  }
}
@media screen and (max-width: 430px) {
  .page-guest .page-nav ul li a {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.3;
    font-size: 1.4rem;
  }
}
.page-guest .page-nav ul li a span {
  font-size: 1.4rem;
  margin-top: 0px;
}
@media screen and (max-width: 430px) {
  .page-guest .page-nav ul li a span {
    font-size: 1rem;
  }
}
.page-guest .page-nav ul li a img {
  width: 100%;
  margin-bottom: 10px;
  height: auto;
  aspect-ratio: 169/100;
}
.page-guest .page-nav ul li a::after {
  font-size: 2.4rem;
  bottom: -8px;
}
.page-guest .room .plan_content .wrap {
  display: grid;
  justify-content: start;
  align-items: center;
}
.page-guest .room .plan_content .wrap .img_title {
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .page-guest .room .plan_content .wrap .img_title {
    font-size: 1.5rem;
  }
}
.page-guest .room {
  padding-top: 150px;
  margin-top: -150px;
}
.page-guest .room .wrapper {
  padding: 60px 0 70px;
}
.page-guest .room .headding_type3 {
  margin-bottom: 35px;
}
.page-guest .room .hotspring_table {
  margin-top: 100px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .page-guest .room .hotspring_table {
    margin-top: 50px;
  }
}
.page-guest .room .plan_content_list .wrap.onsen {
  padding: 17px 25px;
}
.page-guest .room .plan_content_list .wrap.onsen .img_title {
  font-size: 1.8rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 767.98px) {
  .page-guest .room .plan_content_list .wrap.onsen .img_title {
    font-size: 1.5rem;
  }
}
.page-guest .room-link_btn {
  gap: 20px 60px;
  justify-content: center;
}

.link_btn-type1.bk {
  background: #222222;
  color: #fff;
  border-color: #222222;
}

.link_btn-type1.bk:hover {
  background: #fff;
  color: #222222;
}

.link_btn-type1.bk:hover span.arrow::before,
.link_btn-type1.bk:hover span.arrow::after {
  background: #222222;
}

.room.wh .wrapper {
  background: #fff;
}
.room.wh .hotspring_table tr {
  border-color: #fff;
}

.amenity {
  padding-top: 200px;
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .amenity {
    padding-top: 80px;
  }
}
.amenity .wrapper {
  padding: 60px 0 45px;
  background-image: url(assets/img/top-link_bg@2x.jpg);
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .amenity .wrapper {
    background-image: url(assets/img/top-link_bg.jpg);
    padding-bottom: 60px;
  }
}
.amenity h3,
.amenity h4,
.amenity p {
  color: #fff;
}
.amenity h3 {
  font-size: 5rem;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .amenity h3 {
    font-size: 3.8rem;
    margin-bottom: 30px;
  }
}
.amenity ul li {
  padding: 50px 0;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767.98px) {
  .amenity ul li {
    padding: 25px 0;
  }
}
.amenity ul li h4 {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  width: 32%;
}
@media screen and (max-width: 767.98px) {
  .amenity ul li h4 {
    width: 100%;
    margin-bottom: 15px;
    font-size: 2rem;
  }
}
.amenity ul li p {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 1.7222222222;
  width: 68%;
}
@media screen and (max-width: 767.98px) {
  .amenity ul li p {
    width: 100%;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767.98px) {
  body.page-id-315 .page_heading h2,
  body.page-id-318 .page_heading h2,
  body.error404 .page_heading h2 {
    font-size: 6vw;
  }
}

.dots_bg {
  background-color: #f0f0f0;
  background-image: radial-gradient(#edebe8 20%, transparent 20%), radial-gradient(#edebe8 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 10px 10px;
}

.sports_content {
  overflow-x: hidden;
  width: 100vw;
}
.sports_content .sports_content-top {
  margin-right: calc(50% - 50vw);
  gap: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top {
    margin-right: 0;
    margin-bottom: 80px;
  }
}
.sports_content .sports_content-top .left {
  width: 31%;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sports_content .sports_content-top .left h3 {
  font-size: 5rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top .left h3 {
    font-size: 3.8rem;
  }
}
.sports_content .sports_content-top .left h4 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top .left h4 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}
.sports_content .sports_content-top .left p {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
}
.sports_content .sports_content-top .right {
  justify-content: flex-end;
  width: 60.5%;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top .right {
    width: 100%;
  }
}
.sports_content .sports_content-top .right img {
  width: 31%;
}
.sports_content .sports_content-top .right img:nth-child(2) {
  margin: 120px 18px 0;
}
@media screen and (max-width: 767.98px) {
  .sports_content .sports_content-top .right img:nth-child(2) {
    margin: 60px 10px 0;
  }
}

.sports_content.nature {
  margin-top: 120px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .sports_content.nature {
    margin-top: 60px;
  }
}

.sports_content-detail {
  row-gap: 40px;
}
.sports_content-detail div {
  width: 48.5%;
}
.sports_content-detail div h4 {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail div h4 {
    font-size: 2.4rem;
    margin-bottom: 15px;
  }
}
.sports_content-detail div img {
  width: 100%;
  height: auto;
  aspect-ratio: 48/30;
  object-fit: cover;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail div img {
    margin-bottom: 15px;
  }
}
.sports_content-detail div p {
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail div p {
    line-height: 1.6;
  }
}

.sports_content.game {
  padding: 150px 0 80px;
}
@media screen and (max-width: 767.98px) {
  .sports_content.game {
    padding: 80px 0 0px;
  }
}

.sports_content-detail2 {
  margin-bottom: 130px;
}
.sports_content-detail2 h4 {
  font-size: 3rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail2 h4 {
    font-size: 2.4rem;
  }
}
.sports_content-detail2 .golf-img_wrap {
  align-items: stretch;
  margin-bottom: 45px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail2 .golf-img_wrap {
    margin-bottom: 20px;
  }
}
.sports_content-detail2 .golf-img_wrap div img {
  width: 100%;
  height: auto;
}
.sports_content-detail2 .golf-img_wrap .img1 {
  width: 63%;
}
.sports_content-detail2 .golf-img_wrap .img1 img {
  aspect-ratio: 630/452;
}
.sports_content-detail2 .golf-img_wrap .img2 {
  justify-content: space-between;
  flex-direction: column;
  width: 34%;
}
.sports_content-detail2 .golf-img_wrap .img2 img {
  aspect-ratio: 340/212;
}
.sports_content-detail2 h5 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail2 h5 {
    font-size: 1.8rem;
  }
}
.sports_content-detail2 .sports_content-description {
  font-weight: 400;
  line-height: 2;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .sports_content-detail2 .sports_content-description {
    margin-bottom: 0;
  }
}

.golf_course {
  background: #fff;
  border-bottom: 1px solid #ae8e37;
  position: relative;
  padding: 95px 20px 70px;
  box-sizing: border-box;
  margin-bottom: 130px;
}
@media screen and (max-width: 767.98px) {
  .golf_course {
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 80px;
  }
}
.golf_course p {
  font-weight: 400;
  margin-bottom: 55px;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .golf_course p {
    margin-bottom: 40px;
  }
}
.golf_course .img_wrap {
  padding: 0 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .golf_course .img_wrap {
    padding: 0;
  }
}
.golf_course .img_wrap img {
  width: 100%;
  margin-bottom: 40px;
}

.other-img_wrap {
  margin-bottom: 55px;
}
.other-img_wrap img {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .other-img_wrap {
    margin-bottom: 30px;
  }
}

.head-border {
  position: absolute;
  top: -40px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.head-border img {
  width: 44px;
  display: inline-block;
  margin-bottom: 16px;
}

.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #ae8e37;
}

.head-border:before {
  margin-right: 75px;
}
@media screen and (max-width: 767.98px) {
  .head-border:before {
    margin-right: 30px;
  }
}

.head-border:after {
  margin-left: 75px;
}
@media screen and (max-width: 767.98px) {
  .head-border:after {
    margin-left: 30px;
  }
}

.sports_content-detail2.other table {
  margin-top: 70px;
}

.page-beauty {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-beauty {
    margin-top: 60px;
  }
}

section.beauty {
  margin-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
  section.beauty {
    margin-bottom: 80px;
  }
}
section.beauty .flex {
  gap: 30px 6%;
}
section.beauty .flex .left {
  width: 340px;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left {
    width: 100%;
  }
}
section.beauty .flex .left h3 {
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left h3 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
section.beauty .flex .left h3::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ae8e37;
  margin-right: 20px;
  border-radius: 50%;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left h3::before {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
}
section.beauty .flex .left h3.two_columns {
  display: grid;
  grid-template-columns: 60px 270px;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left h3.two_columns {
    margin-bottom: 20px;
  }
}
section.beauty .flex .left h3.two_columns::before {
  display: none;
}
section.beauty .flex .left h3.two_columns .span1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ae8e37;
  margin-right: 20px;
  border-radius: 50%;
  grid-area: 1/1/3/2;
}
section.beauty .flex .left h3.two_columns .span2 {
  grid-area: 1/2/2/3;
  line-height: 1;
}
section.beauty .flex .left h3.two_columns .span3 {
  font-weight: 400;
  font-size: 1.8rem;
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left h3.two_columns .span3 {
    font-size: 1.5rem;
  }
}
section.beauty .flex .left p {
  font-weight: 400;
  line-height: 2;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left p {
    margin-bottom: 20px;
  }
}
section.beauty .flex .left table {
  display: block;
}
section.beauty .flex .left table tbody,
section.beauty .flex .left table tr {
  display: block;
}
section.beauty .flex .left table tr {
  display: flex;
  border-bottom: 1px solid #faf7f9;
}
section.beauty .flex .left table tr th,
section.beauty .flex .left table tr td {
  height: 45px;
  display: grid;
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .left table tr th,
  section.beauty .flex .left table tr td {
    font-size: 1.3rem;
  }
}
section.beauty .flex .left table tr th {
  letter-spacing: 0.2em;
  color: #fff;
  background: #ae8e37;
  width: 96px;
  place-content: center;
}
section.beauty .flex .left table tr td {
  background: #fff;
  width: calc(100% - 96px);
  padding-left: 25px;
  box-sizing: border-box;
  align-items: center;
}
section.beauty .flex .right {
  width: calc(94% - 340px);
  height: auto;
}
@media screen and (max-width: 767.98px) {
  section.beauty .flex .right {
    width: 100%;
  }
}
section.beauty .flex .right img {
  width: 100%;
  aspect-ratio: 600/421;
}

section.beauty.last {
  margin-bottom: 20px;
}

.news_wrapper .page_news-title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 65px;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper .page_news-title {
    margin-bottom: 25px;
    font-size: 1.6rem;
  }
}

.news_content time {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .news_content time {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}
.news_content .news_detail-category {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .news_content .news_detail-category {
    margin-bottom: 15px;
    gap: 10px;
  }
}
.news_content .news_detail-category p {
  background: #ae8e37;
  color: #fff;
  border-radius: 13px;
  padding: 6px 13px;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .news_content .news_detail-category p {
    font-size: 1.2rem;
    padding: 4px 8px;
  }
}
.news_content .right {
  width: 300px;
}
@media screen and (max-width: 767.98px) {
  .news_content .right {
    width: 100%;
  }
}
.news_content .left {
  width: calc(100% - 350px);
}
@media screen and (max-width: 767.98px) {
  .news_content .left {
    width: 100%;
    margin-bottom: 80px;
  }
}
.news_content .left li {
  padding-bottom: 30px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .news_content .left li {
    margin-bottom: 30px;
  }
}
.news_content .left li a {
  width: 100%;
  height: 100%;
}
.news_content .left li img {
  width: 35.6%;
  height: auto;
  aspect-ratio: 1/1;
}
.news_content .left li .news_detail {
  width: 54.5%;
}
@media screen and (max-width: 767.98px) {
  .news_content .left li .news_detail {
    width: 58%;
  }
}
.news_content .left li .news_detail p.title {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width: 767.98px) {
  .news_content .left li .news_detail p.title {
    line-height: 1.6;
  }
}
.news_content .navigation {
  margin-top: 70px;
}
@media screen and (max-width: 767.98px) {
  .news_content .navigation {
    margin-top: 40px;
  }
}
.news_content .navigation h2 {
  display: none;
}
.news_content .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  justify-content: center;
}
@media screen and (max-width: 1025px) {
  .news_content .page-numbers {
    gap: 10px;
  }
}
.news_content .page-numbers li {
  padding: 0;
  border: none;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 1025px) {
  .news_content .page-numbers li {
    width: 30px;
    height: 30px;
  }
}
.news_content .page-numbers span,
.news_content .page-numbers a {
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  border: solid 1px #222222;
  border-radius: 50%;
}
@media screen and (max-width: 1025px) {
  .news_content .page-numbers span,
  .news_content .page-numbers a {
    font-size: 1.4rem;
  }
}
.news_content .page-numbers .next::after,
.news_content .page-numbers .prev::after {
  content: "";
  width: 12px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
}
.news_content .page-numbers .next::after {
  background-image: url(assets/img/arrow_right-bk.png);
}
.news_content .page-numbers .prev::after {
  background-image: url(assets/img/arrow_left-bk.png);
}

.archive-wrap .archive-cont {
  background-image: url(assets/img/archive_bg.jpg);
  position: relative;
  padding: 35px 0 20px 50px;
}
.archive-wrap .archive-cont .ashirai {
  position: absolute;
  top: -10px;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  color: #ae8e37;
  display: flex;
  align-items: center;
  left: 12px;
}
.archive-wrap .archive-cont .ashirai::after {
  content: "";
  height: 30px;
  width: 1px;
  background: #ae8e37;
  display: inline-block;
  margin-top: 15px;
  vertical-align: text-bottom;
}
.archive-wrap .archive-cont h3 {
  background: #ae8e37;
  color: #fff;
  line-height: 5.5rem;
  padding-left: 15px;
  font-size: 1.6rem;
  letter-spacing: 0;
  margin-bottom: 40px;
}
.archive-wrap .archive-cont ul li {
  margin-bottom: 40px;
}
.archive-wrap .archive-cont ul li a {
  line-height: 1;
  font-weight: 400;
  letter-spacing: normal;
}
.archive-wrap .archive-cont.category {
  margin-bottom: 80px;
}
.archive-wrap .archive-cont.archive {
  padding-bottom: 90px;
}
.archive-wrap .archive-cont.archive h3 {
  margin-bottom: 15px;
}
.archive-wrap .archive-cont.archive ul li {
  margin-bottom: 0;
  border-bottom: 1px solid #ae8e37;
  padding: 25px 0;
  /*アイコン>*/
  /*　closeというクラスがついたら形状変化　*/
}
.archive-wrap .archive-cont.archive ul li .title {
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.archive-wrap .archive-cont.archive ul li .title::after {
  position: absolute;
  content: "〉";
  font-size: 2rem;
  top: 0;
  right: 22px;
  transform: rotate(90deg);
}
.archive-wrap .archive-cont.archive ul li .title.close::after {
  transform: rotate(-90deg);
  top: -35%;
}
.archive-wrap .archive-cont.archive ul p,
.archive-wrap .archive-cont.archive ul a {
  display: block;
  font-weight: 400;
  letter-spacing: normal;
}
.archive-wrap .archive-cont.archive ul .title {
  font-weight: 400;
}
.archive-wrap .archive-cont.archive ul .box {
  padding-top: 13px;
}
.archive-wrap .archive-cont.archive ul .box a {
  padding: 17px 0;
}

.box {
  display: none;
}

.page_single {
  margin-top: 130px;
}
@media screen and (max-width: 767.98px) {
  .page_single {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767.98px) {
  .news_wrapper article {
    margin-bottom: 120px !important;
  }
}
.news_wrapper article .news_title {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .news_title {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
.news_wrapper article .time_wrap {
  justify-content: flex-start;
  padding-bottom: 35px;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .time_wrap {
    padding-bottom: 20px;
  }
}
.news_wrapper article .time_wrap time {
  margin-bottom: 0;
}
.news_wrapper article .time_wrap .news_detail-category {
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 0;
}
.news_wrapper article .content {
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  padding: 50px 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content {
    padding: 30px 0 60px;
  }
}
.news_wrapper article .content img {
  max-width: 100%;
  margin: 45px 0;
  object-fit: cover;
  height: auto;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content img {
    margin: 20px 0;
  }
}
.news_wrapper article .content p {
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}
.news_wrapper article .content h2,
.news_wrapper article .content h3,
.news_wrapper article .content h4,
.news_wrapper article .content h5,
.news_wrapper article .content h6 {
  text-align: left;
  line-height: 2;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h2,
  .news_wrapper article .content h3,
  .news_wrapper article .content h4,
  .news_wrapper article .content h5,
  .news_wrapper article .content h6 {
    margin-bottom: 10px;
  }
}
.news_wrapper article .content h2 {
  font-size: 2.8rem;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h2 {
    font-size: 2.4rem;
  }
}
.news_wrapper article .content h3 {
  font-size: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h3 {
    font-size: 2rem;
  }
}
.news_wrapper article .content h4 {
  font-size: 2rem;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h4 {
    font-size: 1.8rem;
  }
}
.news_wrapper article .content h5 {
  font-size: 1.8rem;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h5 {
    font-size: 1.6rem;
  }
}
.news_wrapper article .content h6 {
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .news_wrapper article .content h6 {
    font-size: 1.4rem;
  }
}

.link_btn-type1.back {
  justify-content: flex-start;
}
.link_btn-type1.back .arrow {
  margin-right: 20px;
  transform: scale(-1, 1);
}

.page-spend {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-spend {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .page-spend h3 br {
    display: block;
  }
}
.page-spend h3 span {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-spend h3 span {
    margin-top: 10px;
    display: inline-block;
  }
}
.page-spend h3 span::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #ae8e37;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767.98px) {
  .page-spend h3 span::before {
    width: 4px;
    height: 4px;
    top: -3px;
  }
}
.page-spend .page-nav {
  margin-bottom: 105px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .page-nav {
    margin-bottom: 6px;
  }
}
.page-spend .spend_ex {
  margin-bottom: 210px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .spend_ex {
    margin-bottom: 100px;
  }
}
.page-spend .content {
  margin-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content {
    margin-bottom: 80px;
  }
}
.page-spend .content .spend_ex-detail .spend_ex-time {
  margin-bottom: 50px;
  column-gap: 25px;
  justify-content: flex-start;
  margin-bottom: 30px;
  column-gap: 15px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content .spend_ex-detail .spend_ex-time {
    margin-bottom: 20px;
  }
}
.page-spend .content .spend_ex-detail .spend_ex-time p {
  color: #fff;
  background-color: #ae8e37;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: normal;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content .spend_ex-detail .spend_ex-time p {
    width: 70px;
    height: 70px;
    font-size: 1.8rem;
  }
}
.page-spend .content .spend_ex-detail .spend_ex-time h3 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content .spend_ex-detail .spend_ex-time h3 {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }
}
.page-spend .content .spend_ex-detail .description {
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}
.page-spend .content img {
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .page-spend .rev {
    flex-direction: column-reverse;
  }
}
.page-spend .content.type01,
.page-spend .content.type03,
.page-spend .content.type04 {
  column-gap: 12%;
}
@media (max-width: 1150px) {
  .page-spend .content.type01,
  .page-spend .content.type03,
  .page-spend .content.type04 {
    column-gap: 10%;
  }
}
.page-spend .content.type01 .spend_ex-detail,
.page-spend .content.type03 .spend_ex-detail,
.page-spend .content.type04 .spend_ex-detail {
  width: 350px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type01 .spend_ex-detail,
  .page-spend .content.type03 .spend_ex-detail,
  .page-spend .content.type04 .spend_ex-detail {
    width: 100%;
  }
}
.page-spend .content.type01 .spend_ex-img1,
.page-spend .content.type03 .spend_ex-img1,
.page-spend .content.type04 .spend_ex-img1 {
  width: calc(94.5% - 350px);
  margin-right: calc(50% - 50vw);
  margin-top: 50px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type01 .spend_ex-img1,
  .page-spend .content.type03 .spend_ex-img1,
  .page-spend .content.type04 .spend_ex-img1 {
    width: 100%;
    margin-top: 30px;
  }
}
.page-spend .content.type01 .spend_ex-img1 img,
.page-spend .content.type03 .spend_ex-img1 img,
.page-spend .content.type04 .spend_ex-img1 img {
  width: 62.2%;
  height: auto;
  aspect-ratio: 370/231;
  object-fit: cover;
}
.page-spend .content.type01 .spend_ex-img1 img:nth-child(2),
.page-spend .content.type03 .spend_ex-img1 img:nth-child(2),
.page-spend .content.type04 .spend_ex-img1 img:nth-child(2) {
  margin-left: -155px;
  margin-top: 27%;
}
.page-spend .content.type01 {
  justify-content: flex-start;
}
.page-spend .content.type02 {
  column-gap: 5%;
  margin-bottom: 100px;
}
.page-spend .content.type02 .spend_ex-detail {
  margin-top: 13px;
}
.page-spend .content.type02 .spend_ex-img2 {
  width: calc(95% - 470px);
  height: auto;
  aspect-ratio: 48/30;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type02 .spend_ex-img2 {
    width: 100%;
    margin-top: 40px;
  }
}
.page-spend .content.type02 .spend_ex-img2 img {
  width: 100%;
  height: 100%;
}
.page-spend .content.type02 .spend_ex-img2 .ashirai1 {
  position: absolute;
  top: -34%;
  left: -22%;
  width: 58%;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type02 .spend_ex-img2 .ashirai1 {
    left: -8%;
  }
}
.page-spend .content.type02 .spend_ex-img2 .ashirai2 {
  position: absolute;
  top: -35%;
  right: -24%;
  width: 58%;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type02 .spend_ex-img2 .ashirai2 {
    right: -7%;
  }
}
.page-spend .content.type02 .spend_ex-detail {
  width: 470px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type02 .spend_ex-detail {
    width: 100%;
  }
}
.page-spend .content.type03 {
  column-gap: 6%;
  margin-bottom: 200px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type03 {
    margin-bottom: 80px;
  }
}
.page-spend .content.type03 .spend_ex-img1 {
  margin-right: 0;
}
.page-spend .content.type03 .spend_ex-detail {
  width: 330px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type03 .spend_ex-detail {
    width: 100%;
  }
}
.page-spend .content.type04 {
  column-gap: 2.5%;
}
.page-spend .content.type04 .spend_ex-img1 {
  margin-right: 0;
}
.page-spend .content.type04 .spend_ex-time {
  margin-right: -30px;
}
.page-spend .content.type04 .spend_ex-detail {
  width: 360px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .content.type04 .spend_ex-detail {
    width: 100%;
  }
}
.page-spend .content.type04 .spend_ex-detail .description {
  padding-right: 20px;
}
.page-spend .surrounding {
  background: #f0efef;
  padding: 105px 0;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding {
    padding: 60px 0;
  }
}
.page-spend .surrounding h3 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 80px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding h3 {
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
.page-spend .surrounding ul {
  width: 100%;
  margin-bottom: 55px;
}
.page-spend .surrounding ul li {
  width: 25%;
  height: auto;
  aspect-ratio: 25/45;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding ul li {
    width: 50%;
  }
}
.page-spend .surrounding ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.page-spend .surrounding ul li a img {
  width: 100%;
  height: 100%;
}
.page-spend .surrounding ul li a:hover {
  opacity: 1;
}
.page-spend .surrounding ul li a:hover .hover {
  opacity: 1;
}
.page-spend .surrounding ul li .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.8);
  display: grid;
  place-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}
.page-spend .surrounding ul li .hover::before, .page-spend .surrounding ul li .hover::after {
  content: "";
  width: 50px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.page-spend .surrounding ul li .hover::before {
  top: 17.8%;
}
.page-spend .surrounding ul li .hover::after {
  bottom: 17.8%;
}
.page-spend .surrounding ul li .hover h4 {
  color: #fff;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding ul li .hover h4 {
    font-size: 1.8rem;
  }
}
.page-spend .surrounding ul li:nth-child(2),
.page-spend .surrounding ul li:nth-child(4) {
  margin-top: 55px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding ul li:nth-child(2),
  .page-spend .surrounding ul li:nth-child(4) {
    margin-top: 0;
  }
}
.page-spend .surrounding .description {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-spend .surrounding .description {
    font-size: 1.8rem;
    margin-bottom: 80px;
  }
}
.page-spend .surrounding .link_btn-type1 {
  margin: 0 auto;
}

.page-banquet {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet {
    margin-top: 60px;
  }
}
.page-banquet .page-nav {
  margin-bottom: 190px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .page-nav {
    margin-bottom: 120px;
  }
}
.page-banquet .page-nav h3 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .page-nav h3 {
    margin-bottom: 30px;
  }
}
.page-banquet .page-nav img {
  margin-bottom: 65px;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .page-nav img {
    margin-bottom: 30px;
  }
}
.page-banquet .page-nav p {
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.2em;
  font-weight: 700;
}
.page-banquet .banquet-news {
  margin-bottom: 100px;
}
.page-banquet .banquet-news h3 {
  font-size: 3.6rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-news h3 {
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
.page-banquet .banquet-news ul {
  justify-content: flex-start;
  gap: 30px 2%;
}
.page-banquet .banquet-news ul li {
  width: 32%;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-news ul li {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-news ul li a {
    display: flex;
  }
}
.page-banquet .banquet-news ul li a,
.page-banquet .banquet-news ul li img {
  width: 100%;
}
.page-banquet .banquet-news ul li img {
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-news ul li img {
    width: 35.6%;
  }
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-news ul li .news_detail {
    width: 58%;
  }
}
.page-banquet .banquet-news ul li p.title {
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}
.page-banquet .banquet-news ul li p.title br {
  display: none;
}
.page-banquet .banquet-ex {
  margin-bottom: 200px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex {
    margin-bottom: 120px;
  }
}
.page-banquet .banquet-ex .cont {
  position: relative;
  background: #fff;
  padding: 115px 60px 85px;
  border-bottom: 1px solid #ae8e37;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont {
    padding: 70px 20px 40px;
  }
}
.page-banquet .banquet-ex .cont .head-border {
  height: 80px;
}
.page-banquet .banquet-ex .cont .head-border::before {
  margin-right: 35px;
}
.page-banquet .banquet-ex .cont .head-border::after {
  margin-left: 35px;
}
.page-banquet .banquet-ex .cont ul {
  gap: 55px 2.3%;
  justify-content: flex-start;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont ul {
    justify-content: space-between;
    row-gap: 40px;
  }
}
.page-banquet .banquet-ex .cont ul li {
  width: 31.8%;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont ul li {
    width: 48%;
  }
}
.page-banquet .banquet-ex .cont ul li img {
  width: 100%;
  height: auto;
  aspect-ratio: 28/21;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont ul li img {
    margin-bottom: 10px;
  }
}
.page-banquet .banquet-ex .cont ul li h4 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont ul li h4 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
.page-banquet .banquet-ex .cont ul li p {
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 767.98px) {
  .page-banquet .banquet-ex .cont ul li p {
    line-height: 1.6;
  }
}

.stay-plan .facility_content::before {
  background-color: #f0f0f0;
  background-image: radial-gradient(#edebe8 20%, transparent 20%), radial-gradient(#edebe8 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 10px 10px;
  margin-left: calc(50% - 41vw);
}
@media (max-width: 1250px) {
  .stay-plan .facility_content::before {
    margin-left: calc(50% - 47vw);
  }
}
.stay-plan .facility_content {
  padding-bottom: 100px;
  padding-top: 80px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content {
    padding-top: 50px;
    margin-bottom: 0;
  }
}
.stay-plan .facility_content .left {
  width: 120px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .left {
    width: 80px;
  }
}
.stay-plan .facility_content .left .headding_type2 {
  margin-left: -10px;
  margin-top: -145px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .left .headding_type2 {
    margin-left: 0;
    margin-top: -100px;
  }
}
.stay-plan .facility_content .left p {
  margin-top: 10px;
}
.stay-plan .facility_content .left .headding {
  letter-spacing: normal;
}
.stay-plan .facility_content .right {
  width: calc(100% - 120px);
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right {
    width: calc(100% - 80px);
  }
}
.stay-plan .facility_content .right ul {
  margin-bottom: 65px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right ul {
    margin-bottom: 20px;
  }
}
.stay-plan .facility_content .right ul li {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right ul li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.stay-plan .facility_content .right ul li img {
  width: 100%;
  margin-bottom: 25px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right ul li img {
    margin-bottom: 10px;
  }
}
.stay-plan .facility_content .right ul li h4 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right ul li h4 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
.stay-plan .facility_content .right ul li p {
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .stay-plan .facility_content .right ul li p {
    line-height: 1.6;
  }
}

.banquet-bento {
  margin-top: 100px;
  padding-bottom: 130px;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .banquet-bento {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}
.banquet-bento h3 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
}
@media screen and (max-width: 767.98px) {
  .banquet-bento h3 {
    font-size: 2.4rem;
  }
}
.banquet-bento .top_description {
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 75px;
}
@media screen and (max-width: 767.98px) {
  .banquet-bento .top_description {
    margin-bottom: 30px;
  }
}
.banquet-bento::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 50vw 0 50vw;
  border-color: #faf7f9 transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}
@media screen and (max-width: 767.98px) {
  .banquet-bento::before {
    border-width: 50px 50vw 0 50vw;
  }
}
.banquet-bento .bottom {
  margin-top: 70px;
}

.banquet-option {
  padding-top: 200px;
  padding-bottom: 230px;
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .banquet-option {
    padding: 120px 0;
  }
}
.banquet-option .top_comment {
  font-size: 3rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 180px;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .top_comment {
    font-size: 1.6rem;
    margin-bottom: 60px;
  }
}
.banquet-option .top_comment span {
  font-weight: 700;
}
.banquet-option ul {
  margin-bottom: 110px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul {
    margin-bottom: 60px;
  }
}
.banquet-option ul li {
  padding-bottom: 70px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 70px;
  gap: 20px 5%;
  justify-content: flex-start;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li {
    padding-bottom: 40px;
    margin-bottom: 50px;
  }
}
.banquet-option ul li img {
  width: 42%;
  height: auto;
  aspect-ratio: 42/27;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li img {
    width: 100%;
  }
}
.banquet-option ul li div {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li div {
    width: 100%;
  }
}
.banquet-option ul li div h4 {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li div h4 {
    font-size: 1.8rem;
  }
}
.banquet-option ul li div h4 span {
  display: block;
  color: #ae8e37;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li div h4 span {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}
.banquet-option ul li div p {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2.25;
  font-feature-settings: unset;
}
@media screen and (max-width: 767.98px) {
  .banquet-option ul li div p {
    line-height: 1.6;
  }
}
.banquet-option .banquet-option-reservation {
  background-color: #ae8e37;
  background-image: radial-gradient(#b1913d 20%, transparent 20%), radial-gradient(#b1913d 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 10px 10px;
  padding: 60px 60px 50px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation {
    padding: 40px 20px;
  }
}
.banquet-option .banquet-option-reservation h3,
.banquet-option .banquet-option-reservation h4,
.banquet-option .banquet-option-reservation p,
.banquet-option .banquet-option-reservation a {
  text-align: center;
  color: #fff;
  font-feature-settings: unset;
}
.banquet-option .banquet-option-reservation h3 {
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 30px;
  letter-spacing: normal;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation h3 {
    font-size: 2rem;
  }
}
.banquet-option .banquet-option-reservation p.description {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2.25;
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation p.description {
    line-height: 1.6;
    margin-bottom: 40px;
    text-align: left;
  }
}
.banquet-option .banquet-option-reservation .flex-top {
  border-top: 1px solid #fff;
  padding-top: 50px;
  justify-content: center;
}
@media screen and (max-width: 1025px) {
  .banquet-option .banquet-option-reservation .flex-top {
    row-gap: 40px;
  }
}
.banquet-option .banquet-option-reservation .flex-top .left,
.banquet-option .banquet-option-reservation .flex-top .right {
  width: 50%;
}
@media screen and (max-width: 1025px) {
  .banquet-option .banquet-option-reservation .flex-top .left,
  .banquet-option .banquet-option-reservation .flex-top .right {
    width: 100%;
  }
}
.banquet-option .banquet-option-reservation .flex-top h4,
.banquet-option .banquet-option-reservation .flex-top p {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 35px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation .flex-top h4,
  .banquet-option .banquet-option-reservation .flex-top p {
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
}
.banquet-option .banquet-option-reservation .flex-top .tel {
  margin-bottom: 12px;
  justify-content: center;
}
.banquet-option .banquet-option-reservation .flex-top .tel img {
  width: 37px;
  object-fit: contain;
  margin-right: 30px;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation .flex-top .tel img {
    width: 20px;
    margin-right: 15px;
  }
}
.banquet-option .banquet-option-reservation .flex-top .tel a {
  font-size: 4.2rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .banquet-option .banquet-option-reservation .flex-top .tel a {
    font-size: 2.8rem;
  }
}
.banquet-option .banquet-option-reservation .flex-top .link_btn-type1 {
  justify-content: center;
  border-color: #fff;
  border-radius: 25px;
  max-width: 320px;
  width: 100%;
  margin: 10px auto 0;
  line-height: 5rem;
  font-weight: 400;
  position: relative;
  height: 50px;
}
.banquet-option .banquet-option-reservation .flex-top .link_btn-type1 span {
  position: absolute;
  top: 40%;
  right: 25px;
}
.banquet-option .banquet-option-reservation .flex-top .link_btn-type1:hover {
  color: #ae8e37;
}

.notfound {
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
  .notfound {
    margin-top: 80px;
  }
}
.notfound h3 {
  font-size: 3rem;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .notfound h3 {
    font-size: 2.4rem;
  }
}
.notfound p {
  line-height: 2;
  margin-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
  .notfound p {
    margin-bottom: 60px;
  }
}
.notfound a {
  margin: 0 auto;
}

.header_top.gaikoku {
  padding-right: 20px;
  justify-content: space-between;
}

.header_top.gaikoku .gaikoku_header_menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 35px;
}
@media screen and (max-width: 767.98px) {
  .header_top.gaikoku .gaikoku_header_menu {
    top: 16px;
    width: calc(100% - 100px);
    left: auto;
    right: 0;
    transform: unset;
  }
}
.header_top.gaikoku .gaikoku_header_menu ul {
  gap: unset;
  margin-left: 20px;
}
@media screen and (max-width: 767.98px) {
  .header_top.gaikoku .gaikoku_header_menu ul {
    justify-content: flex-end;
  }
}
.header_top.gaikoku .gaikoku_header_menu ul li {
  padding: 0 10px;
  position: relative;
}
.header_top.gaikoku .gaikoku_header_menu ul li a {
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .header_top.gaikoku .gaikoku_header_menu ul li a {
    font-size: 1.2rem;
  }
}
.header_top.gaikoku .gaikoku_header_menu ul li a.current {
  font-weight: 400;
}
.header_top.gaikoku .gaikoku_header_menu ul li:nth-child(n+2)::before {
  content: "";
  width: 1px;
  height: 15px;
  background: #000;
  position: absolute;
  top: 2px;
  left: 0;
}

main.overseas {
  font-feature-settings: unset;
}
main.overseas .page_top {
  aspect-ratio: 1300/722;
  background-image: url(assets/img/mv-overseas@2x.jpg);
}
@media screen and (max-width: 767.98px) {
  main.overseas .page_top {
    background-image: url(assets/img/mv-overseas.jpg);
  }
}
main.overseas .page_top::after {
  display: none;
}
main.overseas .overseas_contents {
  margin-top: 80px;
}
main.overseas .overseas_contents h2 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 90px;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents h2 {
    font-size: 3.8rem;
    margin-bottom: 40px;
  }
}
main.overseas .overseas_contents p {
  letter-spacing: 0.1em;
  line-height: 2;
  font-weight: 400;
}
main.overseas .overseas_contents h3 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents h3 {
    font-size: 2rem;
  }
}
main.overseas .overseas_contents .pankuzu {
  margin-bottom: 80px;
}
main.overseas .overseas_contents .overseas-about {
  text-align: center;
  padding-bottom: 160px;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents .overseas-about {
    padding-bottom: 80px;
  }
}
main.overseas .overseas_contents .overseas-service .wrapper {
  padding: 140px 0 160px;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents .overseas-service .wrapper {
    padding: 80px 0;
  }
}
main.overseas .overseas_contents .overseas-service .wrapper ul {
  flex-direction: column;
  gap: 70px;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents .overseas-service .wrapper ul {
    gap: 50px;
  }
}
main.overseas .overseas_contents .overseas-service .wrapper ul li img {
  width: 48%;
  height: auto;
  aspect-ratio: 48/40;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents .overseas-service .wrapper ul li img {
    width: 100%;
    margin-bottom: 20px;
  }
}
main.overseas .overseas_contents .overseas-service .wrapper ul li div {
  width: 46%;
}
@media screen and (max-width: 767.98px) {
  main.overseas .overseas_contents .overseas-service .wrapper ul li div {
    width: 100%;
  }
}

.overseas-sightseeing {
  padding: 100px 0 120px;
}
@media screen and (max-width: 767.98px) {
  .overseas-sightseeing {
    padding: 60px 0;
  }
}
.overseas-sightseeing h2 {
  text-align: center;
}
.overseas-sightseeing ul {
  margin-top: 10px;
  row-gap: 100px;
}
@media screen and (max-width: 767.98px) {
  .overseas-sightseeing ul {
    row-gap: 60px;
  }
}
.overseas-sightseeing ul li {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .overseas-sightseeing ul li {
    width: 100%;
  }
}
.overseas-sightseeing ul li img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 48/30;
  margin-bottom: 25px;
}

.reservation_btn a {
  position: fixed;
  right: 0;
  top: 137px;
  color: #fff;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 30px 23px;
  background: #ae3a37;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .reservation_btn a {
    padding: 10px 15px;
    font-size: 1.6rem;
    top: 70px;
  }
}

.contact_wrap {
  font-feature-settings: unset;
}
.contact_wrap h3 {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .contact_wrap h3 {
    font-size: 2.4rem;
  }
}

.cotact_page-message {
  margin-top: 130px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767.98px) {
  .cotact_page-message {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.cotact_page-message p {
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: center;
}
.cotact_page-message p:nth-child(1) {
  font-size: 2.4rem;
  margin-bottom: 20px;
  padding: 0 50px;
}
@media screen and (max-width: 767.98px) {
  .cotact_page-message p:nth-child(1) {
    padding: 0;
    font-size: 2rem;
  }
}
.cotact_page-message p:nth-child(2) {
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .cotact_page-message p:nth-child(2) {
    text-align: left;
  }
}

.contact_box {
  background-image: url(assets/img/contact_box_bg@2x.jpg);
  background-size: cover;
  max-width: 800px;
  margin: 0 auto 145px;
  padding: 60px 20px 70px;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .contact_box {
    padding: 40px 20px;
    margin-bottom: 100px;
  }
}
.contact_box h4,
.contact_box p,
.contact_box a {
  color: #fff;
}
.contact_box h4 {
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 34px;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .contact_box h4 {
    margin-bottom: 5px;
    font-size: 2rem;
  }
}
.contact_box .tel {
  justify-content: center;
  margin-bottom: 10px;
}
.contact_box .tel img {
  width: 40px;
  object-fit: contain;
  margin-right: 30px;
}
@media screen and (max-width: 767.98px) {
  .contact_box .tel img {
    width: 20px;
    margin-right: 15px;
  }
}
.contact_box .tel a {
  font-size: 4.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .contact_box .tel a {
    font-size: 2.8rem;
  }
}
.contact_box p {
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: normal;
}
@media screen and (max-width: 767.98px) {
  .contact_box p {
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
}

.form_stage {
  margin-top: 60px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .form_stage {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.form_stage .progressbar {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto;
}
.form_stage .progressbar li {
  position: relative;
  list-style-type: none;
  text-align: center;
  text-transform: uppercase;
  width: 33.333%;
  color: #999999;
  font-weight: 700;
  font-size: 1.8rem;
}
@media screen and (max-width: 767.98px) {
  .form_stage .progressbar li {
    font-size: 1.6rem;
  }
}
.form_stage .progressbar li::before {
  display: block;
  width: 30px;
  height: 30px;
  margin: 7px auto 20px auto;
  content: "";
  text-align: center;
  border-radius: 50%;
  background-color: #bfbfbf;
}
@media screen and (max-width: 767.98px) {
  .form_stage .progressbar li::before {
    width: 20px;
    height: 20px;
  }
}
.form_stage .progressbar li::after {
  position: absolute;
  z-index: -1;
  top: 22px;
  right: -50%;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #bfbfbf;
}
@media screen and (max-width: 767.98px) {
  .form_stage .progressbar li::after {
    top: 17px;
  }
}
.form_stage .progressbar li:last-child::after {
  content: none;
}
.form_stage .progressbar li.active,
.form_stage .progressbar li.complete {
  color: #ae8e37;
}
.form_stage .progressbar li.active::before,
.form_stage .progressbar li.complete::before {
  background-color: #ae8e37;
}
.form_stage .progressbar li.active::after,
.form_stage .progressbar li.complete::after {
  background-color: #ae8e37;
}

.form {
  max-width: 920px;
  margin: 0 auto;
}
.form table {
  width: 100%;
  display: block;
}
.form table tr {
  padding: 30px 0;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .form table tr {
    padding: 20px 0;
  }
}
.form table tr th {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .form table tr th {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.form table tr th span.check {
  display: inline-block;
  color: #ae8e37;
  padding-left: 15px;
}
.form table tr td {
  width: 100%;
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .form table tr td {
    font-size: 1.6rem;
  }
}
.form table tr td input,
.form table tr td textarea,
.form table tr td .zip-button {
  font-weight: 400;
  letter-spacing: 0.05em;
  border-radius: 4px;
  width: 100%;
  height: 70px;
  border: 2px solid #bfbfbf;
  font-size: 1.8rem;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  font-family: "Shippori Mincho", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
.form table tr td input::placeholder,
.form table tr td textarea::placeholder,
.form table tr td .zip-button::placeholder {
  color: #999;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .form table tr td input,
  .form table tr td textarea,
  .form table tr td .zip-button {
    font-size: 1.6rem;
    height: 50px;
    padding: 10px 15px;
  }
}
.form table tr td input:focus,
.form table tr td textarea:focus {
  outline: none;
  border: 2px solid #ae8e37;
}
.form table tr td textarea {
  min-height: 300px;
}
.form table tr td .zip_wrap {
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}
.form table tr td .zip_wrap::before {
  content: "〒";
  display: inline-block;
  margin-right: 5px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .form table tr td .zip_wrap::before {
    font-size: 1.6rem;
  }
}
.form table tr td .zip_wrap .zip-button {
  width: 40%;
  max-width: 200px;
  background: #ae8e37;
  color: #fff;
  border: none;
  cursor: pointer;
}
.form table tr td .zip_wrap input {
  width: 40%;
  max-width: 200px;
}
.form table tr td .comment {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
  color: #999;
}
@media screen and (max-width: 767.98px) {
  .form table tr td .comment {
    font-size: 1.4rem;
  }
}
.form table tr td.flex {
  display: flex;
  justify-content: space-between;
}
.form table tr td.flex input {
  width: 49%;
}
.form .privacy_policy_check {
  text-align: center;
  margin-bottom: 70px;
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .form .privacy_policy_check {
    font-size: 1.6rem;
  }
}
.form .privacy_policy_check input {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 767.98px) {
  .form .privacy_policy_check input {
    width: 25px;
    height: 25px;
  }
}
.form .privacy_policy_check .mwform-checkbox-field-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
@media screen and (max-width: 767.98px) {
  .form .privacy_policy_check .mwform-checkbox-field-text {
    margin-left: 5px;
  }
}
.form .privacy_policy_check .mwform-checkbox-field-text a,
.form .privacy_policy_check .mwform-checkbox-field-text p {
  font-size: 1.8rem;
}
@media screen and (max-width: 767.98px) {
  .form .privacy_policy_check .mwform-checkbox-field-text a,
  .form .privacy_policy_check .mwform-checkbox-field-text p {
    font-size: 1.6rem;
  }
}
.form .privacy_policy_check .mwform-checkbox-field-text a {
  color: #ae8e37;
  border-bottom: 1px solid #ae8e37;
}
.form .privacy_policy_check .mwform-checkbox-field-text p {
  color: #999;
}
.form .submit {
  position: relative;
  width: 300px;
  height: 70px;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 767.98px) {
  .form .submit {
    width: 250px;
    height: 55px;
  }
}
.form .submit input {
  text-align: left;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  background: #ae8e37;
  transition: all 0.2s;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: solid 2px #ae8e37;
  letter-spacing: 0.05em;
  display: grid;
  place-content: center;
  font-family: "Shippori Mincho", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
@media screen and (max-width: 767.98px) {
  .form .submit input {
    font-size: 1.6rem;
  }
}
.form .submit input:hover {
  background: #fff;
  color: #ae8e37;
}
.form .submit::before {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 18px;
  width: 31px;
  height: 1px;
  background: #fff;
  transition: background-color 0.3s;
}
@media screen and (max-width: 767.98px) {
  .form .submit::before {
    bottom: 26px;
  }
}
.form .submit::after {
  content: "";
  position: absolute;
  bottom: 32px;
  right: 18px;
  height: 1px;
  width: 7px;
  transform: rotate(45deg);
  background: #fff;
  transition: background-color 0.3s;
}
@media screen and (max-width: 767.98px) {
  .form .submit::after {
    bottom: 29px;
  }
}
.form .submit:hover::before,
.form .submit:hover::after {
  background: #ae8e37;
}
.form .submit2 {
  margin-top: 30px;
}
.form .mw_wp_form .error {
  position: absolute;
  top: -20px;
}

.page-id-30 .submit2,
.page-id-320 .submit2 {
  display: none;
}

.page-id-32 .privacy_policy_check,
.page-id-378 .privacy_policy_check {
  text-align: left;
}
.page-id-32 .zip-button,
.page-id-378 .zip-button {
  display: none;
}
.page-id-32 .form table tr td .comment,
.page-id-378 .form table tr td .comment {
  display: none;
}

.contact_thanks_message p {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 100px;
  line-height: 2;
}
.contact_thanks_message .link_btn-type1 {
  margin: 0 auto;
}

.company-profile {
  margin-top: 130px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767.98px) {
  .company-profile {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
.company-profile h3 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 90px;
}
@media screen and (max-width: 767.98px) {
  .company-profile h3 {
    font-size: 3.8rem;
    margin-bottom: 50px;
  }
}
.company-profile h3 span {
  font-size: 1.8rem;
  display: inline-block;
  margin-left: 20px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .company-profile h3 span {
    font-size: 1.5rem;
  }
}
.company-profile table {
  display: block;
}
.company-profile table tbody {
  display: block;
  width: 100%;
}
.company-profile table tr {
  display: flex;
  padding-bottom: 35px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 45px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.company-profile table th,
.company-profile table td {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .company-profile table th,
  .company-profile table td {
    font-size: 1.6rem;
  }
}
.company-profile table th {
  width: 220px;
}
@media screen and (max-width: 767.98px) {
  .company-profile table th {
    width: 100px;
  }
}
.company-profile table td {
  width: calc(100% - 220px);
}
@media screen and (max-width: 767.98px) {
  .company-profile table td {
    width: calc(100% - 100px);
  }
}

.company-recruit {
  font-feature-settings: "palt" 1;
}
.company-recruit .dots_bg {
  padding: 70px 0 110px;
}
.company-recruit .recruit-top {
  margin-bottom: 120px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-top {
    margin-bottom: 80px;
  }
}
.company-recruit .recruit-top h3 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-top h3 {
    font-size: 3.8rem;
  }
}
.company-recruit .recruit-top p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-top p {
    font-size: 1.5rem;
  }
}
.company-recruit .recruit-top .recruit-top_message {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.875;
  margin-bottom: 40px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-top .recruit-top_message {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .company-recruit .recruit-top .recruit-top_message br {
    display: none;
  }
}
.company-recruit .recruit-top img {
  margin-bottom: 30px;
  width: 100%;
  object-fit: cover;
}
.company-recruit .recruit-detail {
  font-feature-settings: "palt" 1;
}
.company-recruit .recruit-detail h4 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-detail h4 {
    font-size: 2rem;
  }
}
.company-recruit .recruit-detail .table_wrap {
  width: 100%;
  overflow: scroll;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
}
.company-recruit .recruit-detail .table_wrap::-webkit-scrollbar {
  display: none;
}
.company-recruit .recruit-detail .table_wrap::-webkit-scrollbar {
  display: none;
}
.company-recruit .recruit-detail table {
  display: block;
  min-width: 800px;
}
.company-recruit .recruit-detail table tbody {
  display: block;
  width: 100%;
}
.company-recruit .recruit-detail table tr {
  border-bottom: 1px solid #bfbfbf;
  background: #fff;
  padding: 28px 0;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-detail table tr {
    padding: 20px 0;
  }
}
.company-recruit .recruit-detail table tr.shippori {
  border-bottom: none;
  background: #ae8e37;
  padding: 25px 0;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .recruit-detail table tr.shippori {
    padding: 20px 0;
  }
}
.company-recruit .recruit-detail table tr:last-child {
  border-bottom: none;
}
.company-recruit .recruit-detail table th {
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  box-sizing: border-box;
}
.company-recruit .recruit-detail table td {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-left: 40px;
  box-sizing: border-box;
}
.company-recruit .recruit-detail table th:nth-child(1),
.company-recruit .recruit-detail table th:nth-child(n+3),
.company-recruit .recruit-detail table td:nth-child(1),
.company-recruit .recruit-detail table td:nth-child(n+3) {
  width: 19%;
}
.company-recruit .recruit-detail table th:nth-child(2),
.company-recruit .recruit-detail table td:nth-child(2) {
  width: 43%;
}
.company-recruit .recruit-detail table td:nth-child(n+3) {
  text-align: center;
  padding-left: 0;
}
.company-recruit .contact_wrap {
  padding-top: 70px;
  padding-bottom: 140px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .contact_wrap {
    padding-bottom: 80px;
  }
}
.company-recruit .contact_wrap h4.top {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 110px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .contact_wrap h4.top {
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
.company-recruit .contact_wrap .entry-message {
  text-align: center;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 767.98px) {
  .company-recruit .contact_wrap .entry-message {
    margin-bottom: 40px;
  }
  .company-recruit .contact_wrap .entry-message p {
    text-align: left;
  }
}

.company-privacy,
.company-law {
  padding-top: 110px;
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .company-privacy,
  .company-law {
    padding-top: 80px;
  }
}
.company-privacy h3,
.company-law h3 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 90px;
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  .company-privacy h3,
  .company-law h3 {
    font-size: 3.8rem;
  }
}
.company-privacy h3 span,
.company-law h3 span {
  font-size: 1.8rem;
  display: inline-block;
  letter-spacing: 0.1em;
  margin-top: 7px;
}
@media screen and (max-width: 767.98px) {
  .company-privacy h3 span,
  .company-law h3 span {
    font-size: 1.5rem;
    display: block;
    width: 100%;
    margin-top: -10px;
  }
}

.company-privacy {
  padding-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .company-privacy {
    padding-bottom: 10px;
  }
}
.company-privacy h3 {
  margin-bottom: 70px;
}
@media screen and (max-width: 767.98px) {
  .company-privacy h3 {
    margin-bottom: 40px;
  }
}
.company-privacy .pp_content p {
  font-weight: 400;
  letter-spacing: normal;
  margin-bottom: 40px;
  line-height: 2.25;
}
.company-privacy .pp_content h4 {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.company-law {
  padding-bottom: 80px;
}
.company-law h3 {
  margin-bottom: 80px;
}
.company-law table {
  display: block;
}
.company-law table tbody {
  display: block;
  width: 100%;
}
.company-law table tr {
  display: flex;
  padding-bottom: 35px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 45px;
}
@media screen and (max-width: 767.98px) {
  .company-law table tr {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.company-law table tr:last-child {
  border-bottom: none;
}
.company-law table th,
.company-law table td {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
  .company-law table th,
  .company-law table td {
    font-size: 1.6rem;
  }
}
.company-law table th {
  width: 270px;
}
@media screen and (max-width: 767.98px) {
  .company-law table th {
    width: 120px;
  }
}
.company-law table td {
  width: calc(100% - 270px);
  word-break: break-all;
}
@media screen and (max-width: 767.98px) {
  .company-law table td {
    width: calc(100% - 120px);
    padding-left: 20px;
    box-sizing: border-box;
  }
}

.page-surrounding {
  margin-top: 120px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding {
    margin-top: 60px;
  }
}
.page-surrounding .page-nav h3 {
  margin-bottom: 55px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav h3 {
    margin-bottom: 40px;
  }
  .page-surrounding .page-nav h3 br {
    display: none;
  }
}
.page-surrounding .page-nav img {
  margin-bottom: 50px;
  width: 100%;
}
.page-surrounding .page-nav ul {
  row-gap: 20px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav ul {
    margin-bottom: 120px;
  }
}
.page-surrounding .page-nav ul li {
  width: 25%;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav ul li {
    width: 50%;
  }
}
.page-surrounding .page-nav ul li a {
  font-size: 2.4rem;
  padding: 50px 0 80px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav ul li a {
    font-size: 1.6rem;
    padding: 30px 0;
  }
}
.page-surrounding .page-nav ul li a::after {
  font-size: 2.4rem;
  bottom: 33px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav ul li a::after {
    font-size: 2rem;
    bottom: -2px;
  }
}
.page-surrounding .page-nav ul li:nth-child(3) a {
  border-right: none;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .page-nav ul li:nth-child(2) a {
    border-right: 1px solid #000;
  }
}

.page-surrounding #kankou,
.page-surrounding #activity,
.page-surrounding #golf {
  margin-top: -100px;
  padding-top: 100px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding #kankou,
  .page-surrounding #activity,
  .page-surrounding #golf {
    padding-top: 80px;
    margin-top: -80px;
  }
}
.page-surrounding #rekishi {
  padding-top: 90px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding #rekishi {
    padding-top: 0;
  }
}
@media screen and (max-width: 1025px) {
  .page-surrounding .facility_content {
    align-items: flex-end;
  }
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .facility_content {
    position: relative;
    padding-top: 110px;
  }
}
.page-surrounding .facility_content::before {
  margin-left: calc(50% - 42vw);
  background-color: #f0f0f0;
  background-image: radial-gradient(#edebe8 20%, transparent 20%), radial-gradient(#edebe8 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 10px 10px;
}
@media (max-width: 1250px) {
  .page-surrounding .facility_content::before {
    margin-left: calc(50% - 47vw);
  }
}
.page-surrounding .facility_content .left {
  width: 47%;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .facility_content .left {
    width: 100%;
    order: 2;
  }
}
.page-surrounding .facility_content .left .headding_type2 {
  margin-left: -18px;
  margin-top: -104px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .facility_content .left .headding_type2 {
    position: absolute;
    top: 80px;
    left: 13px;
  }
}
.page-surrounding .facility_content .left .headding_type2 h3 {
  letter-spacing: 0.05em;
}
.page-surrounding .facility_content .left .description {
  padding-left: 0;
  letter-spacing: 0.1em;
}
.page-surrounding .facility_content .left h4 {
  color: #ae8e37;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .facility_content .left h4 {
    font-size: 2rem;
  }
}
.page-surrounding .facility_content .left .link_btn-type1 {
  margin-top: 0;
}
.page-surrounding .facility_content .right {
  width: 45%;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .facility_content .right {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}
.page-surrounding .bottom {
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-top: 140px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .bottom {
    order: 3;
    margin-top: 80px;
  }
}
.page-surrounding .slick-track {
  display: flex;
}
.page-surrounding .slick-slide {
  height: auto !important;
}
.page-surrounding .slick-arrow {
  width: 21%;
  max-width: 273px;
  height: auto;
  aspect-ratio: 326/232;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .page-surrounding .slick-arrow {
    top: 5%;
  }
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .slick-arrow {
    top: 15%;
  }
}
@media screen and (max-width: 430px) {
  .page-surrounding .slick-arrow {
    width: 30%;
  }
}
.page-surrounding .prev-arrow {
  background-image: url(/wp-content/uploads/2023/07/arrow_b_right_2.png);
  /*background-image: url(assets/img/arrow_b_left2.png);*/
  left: -7%;
}
.page-surrounding .next-arrow {
  background-image: url(/wp-content/uploads/2023/07/arrow_b_right2.png);
  /*background-image: url(assets/img/arrow_b_right2.png);*/
  right: 11%;
}
@media (max-width: 1200px) {
  .page-surrounding .next-arrow {
    right: 3.2%;
  }
}
@media (min-width: 1520px) {
  .page-surrounding .next-arrow {
    right: auto;
    left: 1080px;
  }
}
@media (min-width: 1650px) {
  .page-surrounding .next-arrow {
    left: 1130px;
  }
}
@media screen and (max-width: 1025px) {
  .page-surrounding .next-arrow {
    right: -1%;
  }
}
@media screen and (max-width: 430px) {
  .page-surrounding .next-arrow {
    right: -2%;
  }
}
.page-surrounding .slick-disabled {
  display: none !important;
}
.page-surrounding .surrounding_list li {
  width: 320px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .surrounding_list li {
    width: 300px;
  }
}
.page-surrounding .surrounding_list li img {
  width: 100%;
  height: auto;
  aspect-ratio: 320/225;
  object-fit: cover;
  margin-bottom: 20px;
}
.page-surrounding .surrounding_list li h4 {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .surrounding_list li h4 {
    font-size: 2rem;
  }
}
.page-surrounding .surrounding_list li h4 span {
  font-size: 1.6rem;
  display: block;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .surrounding_list li h4 span {
    font-size: 1.4rem;
  }
}
.page-surrounding .surrounding_list li p {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 34px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .surrounding_list li p {
    margin-bottom: 30px;
  }
}
.page-surrounding .surrounding_list li a {
  margin-top: auto;
  margin-bottom: 0;
}
.page-surrounding .activity .wrapper {
  background-image: url(/wp-content/uploads/2023/07/sightseeing_back01-scaled.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .activity .wrapper {
    background-image: url(/wp-content/uploads/2023/07/sightseeing_back01-scaled.jpg);
  }
}
@media screen and (min-width: 1300px) {
  .page-surrounding .activity .wrapper .slider4 .slick-arrow {
    /*display: none !important;*/
  }
}
.page-surrounding .golf .wrapper {
  background-image: url(/wp-content/uploads/2023/07/kanko_back2-scaled.jpg);
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .golf .wrapper {
    background-image: url(/wp-content/uploads/2023/07/kanko_back2-scaled.jpg);
  }
}
.page-surrounding .activity .wrapper,
.page-surrounding .golf .wrapper {
  padding: 90px 0 100px;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .activity .wrapper,
  .page-surrounding .golf .wrapper {
    padding: 60px 0;
  }
}
.page-surrounding .activity .bottom,
.page-surrounding .golf .bottom {
  margin-top: 0;
}
.page-surrounding .activity h3,
.page-surrounding .golf h3 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 767.98px) {
  .page-surrounding .activity h3,
  .page-surrounding .golf h3 {
    font-size: 2.8rem;
  }
}
.page-surrounding .activity h3 span,
.page-surrounding .golf h3 span {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
}
.page-surrounding .activity h3 span::before,
.page-surrounding .golf h3 span::before {
  content: "";
  width: 29px;
  height: 1px;
  background: #222222;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.access_info {
  column-gap: 12%;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
}
@media screen and (max-width: 1025px) {
  .access_info {
    flex-direction: column;
  }
}
@media screen and (max-width: 1025px) {
  .access_info .left {
    width: 100%;
  }
}
.access_info .left h4 {
  margin-top: 110px;
  padding-left: 60px;
  text-wrap: nowrap;
}
@media screen and (max-width: 1025px) {
  .access_info .left h4 {
    margin-top: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .access_info .left h4 {
    padding-left: 30px;
  }
}
.access_info .left p.description {
  padding-left: 60px;
}
@media screen and (max-width: 1025px) {
  .access_info .left p.description {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .access_info .left p.description {
    padding-left: 30px;
  }
}
.access_info .left a {
  margin-bottom: 30px;
}
@media screen and (max-width: 767.98px) {
  .access_info .left {
    margin-bottom: 0;
  }
}
.access_info .right {
  width: calc(94% - 220px);
  margin-right: calc(50% - 50vw);
  padding-right: 20px;
}
@media screen and (max-width: 1025px) {
  .access_info .right {
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .access_info .right {
    display: block;
  }
}
.access_info .img_wrap {
  width: 59%;
}
@media screen and (max-width: 767.98px) {
  .access_info .img_wrap {
    width: 100%;
  }
}
.access_info .img_wrap h5 {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.access_info .img_wrap h5::before {
  content: "";
  display: inline-block;
  background: #ae8e37;
  margin-right: 20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
@media (max-width: 1380px) {
  .access_info .img_wrap h5 {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1025px) {
  .access_info .img_wrap h5 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .access_info .img_wrap h5 {
    font-size: 1.5rem;
  }
}
.access_info .img2 {
  margin-top: -17%;
  margin-left: 41%;
}
@media screen and (max-width: 767.98px) {
  .access_info .img2 {
    margin-top: 30px;
    margin-left: 0;
  }
}/*# sourceMappingURL=style.css.map */