@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");
/* style.css の先頭に置く（他のCSSより上） */
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");
html {
  scroll-behavior: smooth;
}

body div,
body span,
body applet,
body object,
body iframe,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body blockquote,
body pre,
body a,
body abbr,
body acronym,
body address,
body big,
body cite,
body code,
body del,
body dfn,
body em,
body img,
body ins,
body kbd,
body q,
body s,
body samp,
body small,
body strike,
body strong,
body sub,
body sup,
body tt,
body var,
body b,
body u,
body i,
body center,
body dl,
body dt,
body dd,
body ol,
body ul,
body li,
body fieldset,
body form,
body label,
body legend,
body table,
body caption,
body tbody,
body tfoot,
body thead,
body tr,
body th,
body td,
body article,
body aside,
body canvas,
body details,
body embed,
body figure,
body figcaption,
body footer,
body header,
body hgroup,
body menu,
body nav,
body output,
body ruby,
body section,
body summary,
body time,
body mark,
body audio,
body video,
body input,
body textarea,
body select {
  font-family: "Sawarabi Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  color: #000;
  box-sizing: border-box;
  font-weight: normal;
  line-height: 1.5;
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 1299px) {
  body div,
  body span,
  body applet,
  body object,
  body iframe,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body p,
  body blockquote,
  body pre,
  body a,
  body abbr,
  body acronym,
  body address,
  body big,
  body cite,
  body code,
  body del,
  body dfn,
  body em,
  body img,
  body ins,
  body kbd,
  body q,
  body s,
  body samp,
  body small,
  body strike,
  body strong,
  body sub,
  body sup,
  body tt,
  body var,
  body b,
  body u,
  body i,
  body center,
  body dl,
  body dt,
  body dd,
  body ol,
  body ul,
  body li,
  body fieldset,
  body form,
  body label,
  body legend,
  body table,
  body caption,
  body tbody,
  body tfoot,
  body thead,
  body tr,
  body th,
  body td,
  body article,
  body aside,
  body canvas,
  body details,
  body embed,
  body figure,
  body figcaption,
  body footer,
  body header,
  body hgroup,
  body menu,
  body nav,
  body output,
  body ruby,
  body section,
  body summary,
  body time,
  body mark,
  body audio,
  body video,
  body input,
  body textarea,
  body select {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  body input,
  body textarea,
  body select .uk-checkbox,
  body .uk-input,
  body .uk-radio,
  body .uk-select,
  body .uk-textarea {
    font-size: 1.1428571429rem;
  }
}

body {
  width: 100%;
  overflow-x: hidden;
}

main {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 639px) {
  main {
    margin-top: 80px;
  }
}

.font_small {
  font-size: 0.875rem !important;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

p {
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 1299px) {
  p {
    font-size: 16px;
  }
}

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

.display_none {
  display: none;
}

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

.tb-block {
  display: block;
}
@media screen and (max-width: 639px) {
  .tb-block {
    display: block;
  }
}
@media screen and (max-width: 1669px) {
  .tb-block {
    display: none;
  }
}
@media screen and (max-width: 1299px) {
  .tb-block {
    display: none;
  }
}

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

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

.text_align_right {
  text-align: right;
}

.section_inner_1200 {
  max-width: 1280px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_1200 {
    padding: 0 1rem !important;
  }
}

.section_inner_960 {
  max-width: 960px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_960 {
    padding: 0 1rem !important;
  }
}

.section_inner_768 {
  max-width: 768px;
  margin: auto;
}
.section_inner_640 {
  max-width: 640px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_640 {
    padding: 0 1rem !important;
  }
}

.section_inner_520 {
  max-width: 520px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_520 {
    padding: 0 1rem !important;
  }
}

.section_inner_480 {
  max-width: 480px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_480 {
    padding: 0 1rem !important;
  }
}

.section_inner_360 {
  max-width: 360px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_360 {
    padding: 0 1rem !important;
  }
}

.height_0_5rem {
  height: 0.5rem;
  width: 100%;
}

.height_1rem {
  height: 1rem;
  width: 100%;
}

.height_2rem {
  height: 2rem;
  width: 100%;
}

.height_3rem {
  height: 3rem;
  width: 100%;
}

.height_4rem {
  height: 4rem;
  width: 100%;
}

.height_5rem {
  height: 5rem;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header_bar {
  transition-duration: 1s;
  height: auto;
}
@media screen and (max-width: 639px) {
  .header_bar {
    height: 80px;
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px 0;
  width: 100%;
  max-width: 1420px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .breadcrumb {
    padding: 5px 20px;
    flex-wrap: wrap;
  }
}
.breadcrumb a, .breadcrumb div {
  font-size: 16px;
  margin-right: 20px;
}
@media screen and (max-width: 639px) {
  .breadcrumb a, .breadcrumb div {
    font-size: 15px;
    margin-right: 15px;
  }
}
.breadcrumb a {
  text-decoration: none;
}

.header_bar.active {
  background: rgb(234, 234, 234);
}

header {
  background: #fff;
  padding: 12px 20px;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 100;
  width: 100%;
}
@media screen and (max-width: 1669px) {
  header {
    width: 100%;
  }
}
@media screen and (max-width: 1299px) {
  header {
    padding: 12px 20px;
  }
}
@media screen and (max-width: 959px) {
  header {
    padding: 0 0 0 20px;
  }
}
@media screen and (max-width: 639px) {
  header {
    position: fixed;
    padding: 0;
    top: 0px;
  }
}
header .header_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 1860px;
  width: 100%;
  margin: 0 0 0 auto;
}
header .header_inner .logo {
  width: 169px;
  height: 89px;
  position: relative;
}
@media screen and (max-width: 1299px) {
  header .header_inner .logo {
    width: 170px;
    height: 42px;
    margin: auto 0;
  }
}
header .header_inner .logo img {
  -o-object-fit: contain;
     object-fit: contain;
}
header .header_inner .logo a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
header .header_inner .logo .tb_none {
  display: block;
}
@media screen and (max-width: 959px) {
  header .header_inner .logo .tb_none {
    display: none;
  }
}
header .header_inner .logo .tb_block {
  display: none;
}
@media screen and (max-width: 959px) {
  header .header_inner .logo .tb_block {
    display: block;
  }
}
header .header_inner .nav_box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_box {
    display: none;
  }
}
header .header_inner .nav_box ul {
  display: flex;
}
header .header_inner .nav_box ul li {
  list-style: none;
  margin-left: 25px;
}
@media screen and (max-width: 1669px) {
  header .header_inner .nav_box ul li {
    margin-left: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1299px) {
  header .header_inner .nav_box ul li {
    margin-left: 12px;
  }
}
header .header_inner .nav_box ul li a {
  text-decoration: none;
}
@media screen and (max-width: 1669px) {
  header .header_inner .nav_box ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1299px) {
  header .header_inner .nav_box ul li a {
    font-size: 14px;
  }
}
header .header_inner .nav_box .lang_link {
  margin-left: 25px;
  position: relative;
}
@media screen and (max-width: 1669px) {
  header .header_inner .nav_box .lang_link {
    margin-left: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1299px) {
  header .header_inner .nav_box .lang_link {
    margin-left: 12px;
  }
}
header .header_inner .nav_box .login_btn {
  background-color: #707070;
  color: #fff;
  font-size: 17px;
  margin-left: 12px;
  padding: 14px;
  position: relative;
}
@media screen and (max-width: 1669px) {
  header .header_inner .nav_box .login_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 1299px) {
  header .header_inner .nav_box .login_btn {
    font-size: 14px;
  }
}
header .header_inner .nav_box .login_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
header .header_inner .responsive_lang_link {
  width: 80px;
  height: 80px;
  display: none;
  background-image: url(img/common/header_wagara_bg.webp);
  color: #fff;
}
header .header_inner .responsive_lang_link .icon {
  width: 25px;
  height: 25px;
  margin-bottom: 2px;
}
header .header_inner .responsive_lang_link .icon img {
  width: 25px;
  height: 25px;
}
header .header_inner .responsive_lang_link .text {
  color: #fff;
}
@media screen and (max-width: 959px) {
  header .header_inner .responsive_lang_link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
header .header_inner .lang_list {
  display: none;
  position: absolute;
  top: 100%;
  right: 17%;
  z-index: 2;
  background: #fff;
  padding: 10px;
}
header .header_inner .lang_list a {
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  header .header_inner .lang_list {
    right: 0%;
  }
}
header .header_inner .lang_list.active {
  display: block;
}
header .logo_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  margin: auto;
}
header .logo_box .logo {
  width: 189px;
  height: auto;
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  header .logo_box .logo {
    width: 88px;
    margin-top: 14px;
  }
}
header .logo_box .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .logo_box .logo a {
  font-size: 25px;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  header .logo_box .logo a {
    font-size: 20px;
  }
}
header .hum_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  header .hum_btn {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    z-index: 100000000;
    width: 30px;
    height: 30px;
  }
}
header .hum_btn .hum_line {
  background: #707070;
  margin: 6px auto;
  width: 30px;
  height: 2px;
}

.main_title {
  position: relative;
  width: 100%;
  max-width: 1420px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .main_title {
    width: 96%;
  }
}
.main_title h2, .main_title h3, .main_title h4 {
  font-weight: normal;
}
.main_title h2 {
  font-size: 42px;
  text-shadow: #B9B9B9 3px 4px 5px;
}
@media screen and (max-width: 639px) {
  .main_title h2 {
    font-size: 35px;
  }
}
.main_title h3 {
  font-size: 32px;
}
.main_title p {
  color: #fff;
}

.main_btn {
  position: relative;
  max-width: 340px;
  width: 100%;
  margin: auto;
  border: #000 solid 1px;
  text-align: center;
  padding: 1rem 1rem 1rem 0;
}
@media screen and (max-width: 639px) {
  .main_btn {
    max-width: 270px;
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}
.main_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.main_btn p {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 639px) {
  .main_btn p {
    font-size: 0.875rem;
  }
}
.main_btn p::before {
  position: absolute;
  content: "";
  top: 5px;
  right: -70px;
  width: 45px;
  height: 45px;
  background-image: url(img/btn_arrow.png);
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 9;
}

.viewmore_btn {
  display: inline-block;
  border-bottom: solid 2px #514641;
  padding-right: 30px;
  position: relative;
}
.viewmore_btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-image: url(img/common/view_more_icon_g.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 639px) {
  .viewmore_btn {
    width: 139px;
    display: block;
    margin: 0 0 0 auto;
    font-size: 20px;
  }
}
.viewmore_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.consulting_kv {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1920/1180;
}
.consulting_kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 639px) {
  .consulting_kv img {
    -o-object-position: 35% 0;
       object-position: 35% 0;
  }
}

.top_kv {
  position: relative;
  width: 100%;
  height: 50vh;
  aspect-ratio: 1920/1180;
}
.top_kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 639px) {
  .top_kv img {
    -o-object-position: 35% 0;
       object-position: 35% 0;
  }
}

.top_kv {
  position: relative;
  height: 50vh;
  aspect-ratio: 1920/693;
}
@media screen and (max-width: 639px) {
  .top_kv {
    aspect-ratio: 375/546;
  }
}
.top_kv .swiper {
  height: 50vh;
}
.top_kv .swiper-wrapper {
  height: 60vh;
}
.top_kv .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #f3f4f6;
}
.top_kv .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}
.top_kv .swiper-slide .kv_img02 {
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}
@media screen and (max-width: 639px) {
  .top_kv .swiper-slide .kv_img02 {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
.top_kv .swiper-slide .kv_img03 {
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}
@media screen and (max-width: 639px) {
  .top_kv .swiper-slide .kv_img03 {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
.top_kv .swiper-slide .kv_img04 {
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}
@media screen and (max-width: 639px) {
  .top_kv .swiper-slide .kv_img04 {
    -o-object-position: 90% 60%;
       object-position: 90% 60%;
  }
}
.top_kv {
  /* 画像スライダーならこれが便利 */
}
.top_kv .kv_cp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 40px;
  width: 90%;
  max-width: 618px;
  color: #fff;
  text-align: center;
  text-shadow: #000000 10px 10px 10px;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp {
    font-size: 28px;
    max-width: 457px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp {
    font-size: 22px;
  }
}
.top_kv .reserve_btn_box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  max-width: 1036px;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.top_kv .reserve_btn_box .reserve_btn {
  position: relative;
  width: 19.4%;
  background: #C2C193;
  text-align: center;
  align-content: center;
  color: #fff;
  aspect-ratio: 200/53;
}
@media screen and (max-width: 639px) {
  .top_kv .reserve_btn_box .reserve_btn {
    font-size: 14px;
    aspect-ratio: 200/100;
  }
}
.top_kv .reserve_btn_box .reserve_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.top_kv .reserve_btn_box .reserve_btn:hover {
  background: #94935A;
}
.top_kv .reserve_btn_box .reserve_btn div {
  display: inline-block;
  position: relative;
  color: #fff;
  margin-left: 18px;
}
.top_kv .reserve_btn_box .reserve_btn div::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -22px;
  margin: auto;
  width: 18px;
  height: 18px;
  z-index: 1;
  background-image: url(img/ic_zoom-w.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 639px) {
  .top_kv .reserve_btn_box .reserve_btn div.sp-none {
    display: none;
  }
}
.top_kv .reserve_btn_box .reserve_btn div.pc-none {
  display: none;
}
@media screen and (max-width: 639px) {
  .top_kv .reserve_btn_box .reserve_btn div.pc-none {
    display: inline-block;
  }
}
.top_kv .reserve_btn_box .reserve_btn.active {
  background: #94935A;
}
.top_kv .reserve_btn_box:has(.reserve_btn:hover) .reserve_btn {
  background: #C2C193;
}
.top_kv .reserve_btn_box:has(.reserve_btn:hover) .reserve_btn:hover {
  background: #94935A;
}

.reserve_area {
  background: #DFE0E5;
  padding: 10px 20px;
  position: relative;
  margin-top: -7px;
}
.reserve_area #topReservation {
  position: absolute;
  top: -130px;
  left: 0;
}
@media screen and (max-width: 959px) {
  .reserve_area #topReservation {
    top: -100px;
  }
}
@media screen and (max-width: 639px) {
  .reserve_area #topReservation {
    top: -100px;
  }
}
.reserve_area .reserve_input_area {
  display: flex;
  flex-wrap: nowrap;
  max-width: 1150px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .reserve_area .reserve_input_area {
    flex-wrap: wrap;
  }
}
.reserve_area .reserve_input_area #searchBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 890px;
  margin: auto;
  width: 76%;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area #searchBox {
    padding: 0 25px;
    width: 100%;
    margin-top: 20px;
  }
}
.reserve_area .reserve_input_area .reserve_link {
  display: flex;
  flex-direction: column;
  margin: 30px auto 0;
  width: 150px;
}
@media screen and (max-width: 959px) {
  .reserve_area .reserve_input_area .reserve_link {
    justify-content: center;
  }
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area .reserve_link {
    width: 100%;
    max-width: 269px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.reserve_area .reserve_input_area .reserve_link a {
  text-decoration: none;
  padding-bottom: 20px;
}
.reserve_area .reserve_input_area .children, .reserve_area .reserve_input_area .promoCd, .reserve_area .reserve_input_area .sort {
  display: none;
}
.reserve_area .reserve_input_area .checkin {
  margin-top: auto;
}
@media screen and (max-width: 959px) {
  .reserve_area .reserve_input_area .checkin {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area .checkin {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.reserve_area .reserve_input_area .checkin input[type=text] {
  height: 51px;
}
.reserve_area .reserve_input_area .checkin, .reserve_area .reserve_input_area .nights, .reserve_area .reserve_input_area .rooms, .reserve_area .reserve_input_area .adults {
  border: none;
  margin-top: auto;
}
.reserve_area .reserve_input_area .checkin select, .reserve_area .reserve_input_area .nights select, .reserve_area .reserve_input_area .rooms select, .reserve_area .reserve_input_area .adults select {
  width: 108px;
  height: 51px;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area .nights, .reserve_area .reserve_input_area .rooms, .reserve_area .reserve_input_area .adults {
    width: 33%;
  }
}
.reserve_area .reserve_input_area .field-button {
  margin: auto 0;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area .field-button {
    width: 100%;
  }
}
.reserve_area .reserve_input_area .field-button .sub-bgcolor {
  width: 165px;
  height: 82px;
  background: #94935A;
  border: none;
  color: #fff;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area .field-button .sub-bgcolor {
    width: 100%;
    margin-top: 20px;
  }
}
.reserve_area .reserve_input_area #no_checkin label:nth-last-child(2) {
  display: none;
}
.reserve_area .reserve_input_area #no_checkin label input {
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area #no_checkin {
    margin-left: 1rem;
  }
}

.reserve_area01,
.reserve_area02,
.reserve_area03,
.reserve_area04,
.reserve_area05 {
  display: none;
}

.reserve_area01.active,
.reserve_area02.active,
.reserve_area03.active,
.reserve_area04.active,
.reserve_area05.active {
  display: block;
}

.photo_img {
  text-align: right;
  padding: 5px;
  font-size: 14px;
}

footer {
  background-color: #B9B9B9;
  background-image: url(img/common/front-gara-gray.webp);
  background-size: cover;
  background-position: center;
  padding: 52px 20px 200px;
}
footer > p {
  text-align: center;
}
footer #mySwiper {
  width: 100%;
  overflow: hidden;
  max-width: 1420px;
  margin: 30px auto;
}
footer #mySwiper .swiper-wrapper {
  /* 途切れなく流れている感じを出すために必須 */
  transition-timing-function: linear !important;
}
footer #mySwiper .swiper-slide {
  width: 240px;
  height: -moz-fit-content;
  height: fit-content; /* 好きな幅に調整 */
  text-align: center;
  /* padding: 20px 10px; */
  box-sizing: border-box;
  position: relative;
}
footer #mySwiper .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
footer #mySwiper .swiper-slide .co_img {
  width: 100%;
  height: auto;
  aspect-ratio: 240/165;
}
footer #mySwiper .swiper-slide .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
footer .co-slider {
  width: 100%;
  overflow: hidden; /* これ大事 */
}
footer {
  /* 途切れない流れ感のコツ */
}
footer .co-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
footer {
  /* Swiperのトラック */
}
footer .copyright {
  text-align: center;
  color: #707070;
  margin-top: 20px;
}

.top_news {
  padding: 80px 20px;
}
.top_news .inner {
  max-width: 1420px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_news .inner .title_box {
  width: 188px;
}
@media screen and (max-width: 1299px) {
  .top_news .inner .title_box {
    width: 150px;
  }
}
@media screen and (max-width: 959px) {
  .top_news .inner .title_box {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 639px) {
  .top_news .inner .title_box {
    width: 100%;
  }
}
.top_news .inner .title_box .main_title {
  margin-bottom: 5px;
}
.top_news .inner .title_box .viewmore_btn {
  font-size: 18px;
}
@media screen and (max-width: 959px) {
  .top_news .inner .title_box .viewmore_btn {
    display: none;
  }
}
.top_news .inner .news_box {
  width: calc(100% - 188px);
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
@media screen and (max-width: 1299px) {
  .top_news .inner .news_box {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 959px) {
  .top_news .inner .news_box {
    width: 100%;
  }
}
.top_news .inner .news_box li {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  width: 32%;
  position: relative;
  margin-right: 1%;
}
@media screen and (max-width: 959px) {
  .top_news .inner .news_box li {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 639px) {
  .top_news .inner .news_box li {
    width: 100%;
    margin-right: 0;
  }
}
.top_news .inner .news_box li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.top_news .inner .news_box li .list_img {
  width: 34%;
}
@media screen and (max-width: 1299px) {
  .top_news .inner .news_box li .list_img {
    width: 135px;
    height: 103.5px;
  }
}
.top_news .inner .news_box li .list_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 150/115;
}
.top_news .inner .news_box li .list_text {
  width: 66%;
  padding-left: 0.5rem;
}
.top_news .inner .news_box li .list_text h4 {
  margin-top: 10px;
}
@media screen and (max-width: 1299px) {
  .top_news .inner .news_box li .list_text h4, .top_news .inner .news_box li .list_text p {
    font-size: 16px;
  }
}
.top_news .inner > .viewmore_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  .top_news .inner > .viewmore_btn {
    display: block;
    width: 127px;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 639px) {
  .top_news .inner > .viewmore_btn {
    margin: 0 0 0 auto;
  }
}

.top_recommended {
  background-image: url(img/top/top_recommend.webp);
  background-position: center;
  background-size: cover;
  padding: 52px 20px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .top_recommended {
    justify-content: center;
  }
}
.top_recommended::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #7A7A7A;
  opacity: 0.4;
}
.top_recommended .inner {
  position: relative;
  z-index: 2;
  max-width: 1420px;
  padding: 0 20px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
@media screen and (max-width: 639px) {
  .top_recommended .inner {
    justify-content: center;
  }
}
.top_recommended .inner .title_box {
  width: 125px;
}
@media screen and (max-width: 959px) {
  .top_recommended .inner .title_box {
    width: 100px;
  }
}
@media screen and (max-width: 639px) {
  .top_recommended .inner .title_box {
    width: 100%;
  }
}
.top_recommended .inner .title_box .main_title h3, .top_recommended .inner .title_box .main_title p {
  color: #fff;
  transform: rotate(90deg);
  transform-origin: left;
}
@media screen and (max-width: 1299px) {
  .top_recommended .inner .title_box .main_title h3, .top_recommended .inner .title_box .main_title p {
    transform: rotate(90deg) translateY(-25px);
  }
}
@media screen and (max-width: 639px) {
  .top_recommended .inner .title_box .main_title h3, .top_recommended .inner .title_box .main_title p {
    transform: none;
  }
}
.top_recommended .inner .title_box .main_title p {
  transform: translateY(-26px) translateX(24px);
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1299px) {
  .top_recommended .inner .title_box .main_title p {
    transform: translateY(-21px) translateX(57px);
  }
}
@media screen and (max-width: 639px) {
  .top_recommended .inner .title_box .main_title p {
    transform: none;
    writing-mode: rl;
  }
}
.top_recommended .inner .recommended_inner {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 10px;
  max-width: 1282px;
  padding: 50px;
  width: calc(100% - 125px);
}
@media screen and (max-width: 959px) {
  .top_recommended .inner .recommended_inner {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 639px) {
  .top_recommended .inner .recommended_inner {
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    width: 100%;
  }
}
.top_recommended .inner .recommended_inner li {
  list-style: none;
  max-width: 340px;
  width: 30%;
  position: relative;
}
@media screen and (max-width: 639px) {
  .top_recommended .inner .recommended_inner li {
    max-width: 700px;
    width: 100%;
    margin-bottom: 32px;
  }
}
.top_recommended .inner .recommended_inner li .li_img {
  aspect-ratio: 192/111;
}
.top_recommended .inner .recommended_inner li .li_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_recommended .inner .recommended_inner li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.top_features {
  padding-top: 80px;
}
.top_features .main_title {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .top_features .main_title {
    margin-bottom: 40px;
  }
}
.top_features .features_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1320px;
  width: 100%;
  margin: 30px auto 85px;
  padding: 0 0.5rem;
}
@media screen and (max-width: 1299px) {
  .top_features .features_box {
    width: 90%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 959px) {
  .top_features .features_box {
    width: 100%;
  }
}
.top_features .features_box .co {
  width: 30%;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  .top_features .features_box .co {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .features_box .co {
    width: 100%;
    margin-right: 0%;
  }
}
.top_features .features_box .co .co_icon {
  width: 32%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1299px) {
  .top_features .features_box .co .co_icon {
    width: 25%;
  }
}
@media screen and (max-width: 959px) {
  .top_features .features_box .co .co_icon {
    width: 23%;
  }
}
@media screen and (max-width: 639px) {
  .top_features .features_box .co .co_icon {
    width: 30%;
    min-width: 104px;
  }
}
.top_features .features_box .co .co_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_features .features_box .co .co_text_box {
  padding-left: 20px;
}
.top_features .features_box .co .co_text_box h4 {
  font-size: 25px;
}
@media screen and (max-width: 1299px) {
  .top_features .features_box .co .co_text_box h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  .top_features .features_box .co .co_text_box h4 {
    font-size: 20px;
  }
}
.top_features .features_box .co .co_text_box p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .top_features .features_box .co .co_text_box p {
    font-size: 16px;
  }
}
.top_features .features_box.swiper {
  display: none;
}
@media screen and (max-width: 1299px) {
  .top_features .features_box.swiper {
    width: 90%;
  }
}
@media screen and (max-width: 639px) {
  .top_features .features_box.swiper {
    display: block;
  }
}
.top_features .features_box.swiper .swiper-slide.co {
  width: 90% !important;
  max-width: 700px;
}
.top_features .features_box.swiper .swiper-pagination-bullet-active {
  background: #707070;
}
.top_features .features_box.swiper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
.top_features .features_box.swiper .swiper-horizontal > .swiper-pagination-bullets,
.top_features .features_box.swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.top_features .features_box.swiper .swiper-pagination-custom,
.top_features .features_box.swiper .swiper-pagination-fraction {
  top: 134px;
  z-index: 10;
}
@media screen and (max-width: 639px) {
  .top_features .features_box.sp-none {
    display: none;
  }
}
.top_features #featuresBoxSlide {
  width: 100%;
  overflow: hidden;
  padding: 0 0 60px; /* もし指定があれば */
  max-width: 340px;
}
.top_features #featuresBoxSlide .swiper-slide {
  width: 100% !important;
}
.top_features .guide_box {
  max-width: 1420px;
  margin: auto;
}
.top_features .guide_box .odd, .top_features .guide_box .even {
  margin-bottom: 130px;
  position: relative;
}
.top_features .guide_box .odd .guide_img, .top_features .guide_box .even .guide_img {
  width: 80.7746%;
  position: relative;
  aspect-ratio: 1147/597;
}
@media screen and (max-width: 639px) {
  .top_features .guide_box .odd .guide_img, .top_features .guide_box .even .guide_img {
    width: calc(100% - 20px);
    aspect-ratio: 355/220;
  }
}
.top_features .guide_box .odd .guide_img img, .top_features .guide_box .even .guide_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_features .guide_box .odd .guide_img::before, .top_features .guide_box .even .guide_img::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0px;
  width: 91px;
  height: 91px;
  background: #EBEBEB;
  z-index: -1;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_img::before, .top_features .guide_box .even .guide_img::before {
    width: 81px;
    height: 81px;
  }
}
.top_features .guide_box .odd .guide_img::after, .top_features .guide_box .even .guide_img::after {
  content: "";
  position: absolute;
  width: 627px;
  height: 312px;
  background: #B9B9B9;
  z-index: -1;
}
.top_features .guide_box .odd .guide_text, .top_features .guide_box .even .guide_text {
  position: absolute;
  width: 44.15492%;
  background-image: url(img/top/guide-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  bottom: -30px;
  padding: 50px 60px 50px 64px;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_text, .top_features .guide_box .even .guide_text {
    padding: 40px 50px 40px 54px;
  }
}
@media screen and (max-width: 959px) {
  .top_features .guide_box .odd .guide_text, .top_features .guide_box .even .guide_text {
    padding: 40px 40px 30px 33px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .guide_box .odd .guide_text, .top_features .guide_box .even .guide_text {
    position: relative;
    width: calc(100% - 40px);
    margin: auto;
    padding: 30px 40px 30px 44px;
  }
}
.top_features .guide_box .odd .guide_text h4, .top_features .guide_box .odd .guide_text span, .top_features .guide_box .odd .guide_text p, .top_features .guide_box .odd .guide_text .viewmore_btn, .top_features .guide_box .even .guide_text h4, .top_features .guide_box .even .guide_text span, .top_features .guide_box .even .guide_text p, .top_features .guide_box .even .guide_text .viewmore_btn {
  color: #fff;
}
.top_features .guide_box .odd .guide_text h4, .top_features .guide_box .even .guide_text h4 {
  font-size: 35px;
  text-wrap: nowrap;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_text h4, .top_features .guide_box .even .guide_text h4 {
    font-size: 28px;
  }
}
.top_features .guide_box .odd .guide_text span, .top_features .guide_box .even .guide_text span {
  font-size: 22px;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_text span, .top_features .guide_box .even .guide_text span {
    font-size: 18px;
  }
}
.top_features .guide_box .odd .guide_text p, .top_features .guide_box .even .guide_text p {
  font-size: 18px;
  margin-top: 30px;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_text p, .top_features .guide_box .even .guide_text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .guide_box .odd .guide_text p, .top_features .guide_box .even .guide_text p {
    margin-bottom: 20px;
  }
}
.top_features .guide_box .odd .guide_text .viewmore_btn, .top_features .guide_box .even .guide_text .viewmore_btn {
  border-bottom: solid 2px #fff;
  margin: 0 0 0 auto;
  display: block;
  width: 139px;
}
.top_features .guide_box .odd .guide_text .viewmore_btn::before, .top_features .guide_box .even .guide_text .viewmore_btn::before {
  background-image: url(img/common/front-gara-white.webp);
}
.top_features .guide_box .odd .guide_img::after {
  content: "";
  bottom: 9px;
  right: -265px;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .odd .guide_img::after {
    right: -205px;
    height: 280px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .guide_box .odd .guide_img::after {
    right: -20px;
    bottom: -100px;
    width: calc(100% - 20px);
  }
}
.top_features .guide_box .odd .guide_text {
  right: 0;
}
.top_features .guide_box .even .guide_img {
  margin: 0 0 0 auto;
}
.top_features .guide_box .even .guide_img::before {
  content: "";
  left: -10px;
}
.top_features .guide_box .even .guide_img::after {
  content: "";
  bottom: 9px;
  left: -178px;
}
@media screen and (max-width: 1299px) {
  .top_features .guide_box .even .guide_img::after {
    left: -167px;
    height: 280px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .guide_box .even .guide_img::after {
    left: -20px;
    bottom: -216px;
    width: calc(100% - 40px);
  }
}
.top_features .guide_box .even .guide_text {
  left: 0;
}
.top_features .facility_box {
  background: #CFCFCF;
  max-width: 1420px;
  margin: 0 auto 90px;
}
.top_features .facility_box .inner {
  padding: 65px 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .top_features .facility_box .inner {
    justify-content: center;
    padding: 65px 20px;
  }
}
.top_features .facility_box .inner .co {
  width: 45%;
  max-width: 600px;
}
@media screen and (max-width: 639px) {
  .top_features .facility_box .inner .co {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .top_features .facility_box .inner .co {
    margin-bottom: 70px;
  }
}
.top_features .facility_box .inner .co .co_img {
  position: relative;
  z-index: 1;
}
.top_features .facility_box .inner .co .co_img::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 100px;
  height: 100px;
  background-image: url(img/top/guide-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 1299px) {
  .top_features .facility_box .inner .co .co_img::before {
    width: 81px;
    height: 81px;
  }
}
.top_features .facility_box .inner .co .co_text {
  position: relative;
}
.top_features .facility_box .inner .co .co_text h4 {
  font-size: 35px;
}
@media screen and (max-width: 1299px) {
  .top_features .facility_box .inner .co .co_text h4 {
    font-size: 28px;
  }
}
.top_features .facility_box .inner .co .co_text span {
  font-size: 22px;
}
@media screen and (max-width: 1299px) {
  .top_features .facility_box .inner .co .co_text span {
    font-size: 18px;
  }
}
.top_features .facility_box .inner .co .co_text p {
  font-size: 18px;
  margin-top: 30px;
}
@media screen and (max-width: 1299px) {
  .top_features .facility_box .inner .co .co_text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_features .facility_box .inner .co .co_text p {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.top_features .facility_box .inner .co .co_text .viewmore_btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 959px) {
  .top_features .facility_box .inner .co .co_text .viewmore_btn {
    bottom: -44px;
    top: auto;
  }
}

.top_access {
  background-color: #EFEFEF;
  padding: 70px 20px;
}
.top_access .main_title {
  margin-bottom: 30px;
}
.top_access .inner {
  max-width: 1420px;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.top_access .inner .co1 {
  width: 60%;
  height: auto;
  aspect-ratio: 850/377;
}
.top_access .inner .co1 iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_access .inner .co2 {
  width: 40%;
  padding-left: 30px;
}
.top_access .inner .co2 h4 {
  font-size: 25px;
  margin-bottom: 14px;
}
.top_access .inner .co2 span {
  font-size: 22px;
}
.top_access .inner .co2 div {
  margin-top: 16px;
  line-height: 1.8;
}
.top_access .inner .co2 table .tel {
  font-size: 15px;
}
.top_access .inner .co2 table .fax {
  font-size: 14px;
}
.top_access .inner .co2 table td {
  padding-left: 12px;
}
.top_access .inner .co2 .line {
  border-top: #FFFFFF 4px solid;
  margin-top: 16px;
  margin-bottom: 16px;
}
.top_access .inner .co2 .indent {
  padding: 15px 0;
  text-indent: -18px;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .top_access .inner .co1, .top_access .inner .co2 {
    width: 100%;
    padding: 0;
  }
}

.common_se {
  padding: 129px 0 0;
}
.common_se .inner {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 20px;
}
@media screen and (max-width: 639px) {
  .common_se .inner {
    padding: 0 20px 20px;
  }
}
.common_se .inner .top_btn_sp {
  position: absolute;
  top: -73px;
  left: 20px;
  width: 50px;
  height: 50px;
  display: none;
}
@media screen and (max-width: 639px) {
  .common_se .inner .top_btn_sp {
    display: block;
  }
}
.common_se .inner .top_btn_sp a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.common_se .inner .co {
  width: 47%;
  max-width: 620px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .common_se .inner .co {
    width: 100%;
    margin-bottom: 20px;
  }
}
.common_se .inner .co img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.common_se .inner .co a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.common_se > p {
  width: 100%;
  max-width: 1420px;
  text-align: right;
  margin: auto;
  margin-top: 50px;
}
@media screen and (max-width: 639px) {
  .common_se > p {
    width: calc(100% - 40px);
    margin-bottom: 20px;
  }
}
.common_se .common_footer {
  background: #FFFDFC;
  box-shadow: 0px 10px 35px rgba(112, 112, 112, 0.168627451);
  padding: 80px 20px 0;
}
.common_se .common_footer .info_box {
  width: 100%;
  max-width: 1420px;
  margin: auto;
  padding: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .info_box {
    padding: 0 0 80px;
    justify-content: center;
  }
}
.common_se .common_footer .info_box .co1 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .info_box .co1 {
    justify-content: center;
  }
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .info_box .co1 .logo_box {
    width: 100%;
    margin-bottom: 30px;
  }
}
.common_se .common_footer .info_box .co1 .logo_box .img_box {
  height: 118px;
}
@media screen and (max-width: 1299px) {
  .common_se .common_footer .info_box .co1 .logo_box .img_box {
    height: 90px;
  }
}
.common_se .common_footer .info_box .co1 .logo_box .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.common_se .common_footer .info_box .co1 .text_box {
  padding-left: 20px;
  align-content: end;
}
.common_se .common_footer .info_box .co1 .text_box h3 {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .info_box .co1 .text_box h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.common_se .common_footer .info_box .co1 .text_box p {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .info_box .co1 .text_box p {
    font-size: 16px;
  }
}
.common_se .common_footer .info_box .co2 {
  max-width: 435px;
  width: 38%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .info_box .co2 {
    width: 100%;
    margin-top: 40px;
    max-width: 360px;
  }
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .info_box .co2 {
    justify-content: center;
  }
}
.common_se .common_footer .info_box .co2 .sns_icon, .common_se .common_footer .info_box .co2 .reserve_btn, .common_se .common_footer .info_box .co2 .top_btn {
  height: 50px;
}
@media screen and (max-width: 1299px) {
  .common_se .common_footer .info_box .co2 .sns_icon, .common_se .common_footer .info_box .co2 .reserve_btn, .common_se .common_footer .info_box .co2 .top_btn {
    height: 40px;
  }
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .info_box .co2 .sns_icon, .common_se .common_footer .info_box .co2 .reserve_btn, .common_se .common_footer .info_box .co2 .top_btn {
    height: 50px;
  }
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .info_box .co2 .sns_icon, .common_se .common_footer .info_box .co2 .top_btn {
    display: none;
  }
}
.common_se .common_footer .info_box .co2 .sns_icon, .common_se .common_footer .info_box .co2 .reserve_btn, .common_se .common_footer .info_box .co2 .top_btn, .common_se .common_footer .info_box .co2 .top_btn_sp {
  position: relative;
}
.common_se .common_footer .info_box .co2 .sns_icon a, .common_se .common_footer .info_box .co2 .reserve_btn a, .common_se .common_footer .info_box .co2 .top_btn a, .common_se .common_footer .info_box .co2 .top_btn_sp a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.common_se .common_footer .menu_box {
  border-top: #707070 2px solid;
  max-width: 1420px;
  padding: 30px 0;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .menu_box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  .common_se .common_footer .menu_box {
    display: none;
  }
}
.common_se .common_footer .menu_box ul li {
  list-style: none;
}
.common_se .common_footer .menu_box ul li a {
  text-decoration: none;
}
.common_se .common_footer .menu_box .co1 {
  width: 100%;
  max-width: 890px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .menu_box .co1 {
    max-width: none;
  }
}
.common_se .common_footer .menu_box .co1 li {
  width: 25%;
}
@media screen and (max-width: 1299px) {
  .common_se .common_footer .menu_box .co2 {
    width: 260px;
  }
}
@media screen and (max-width: 959px) {
  .common_se .common_footer .menu_box .co2 {
    width: 100%;
  }
}
.common_se .common_footer .menu_box .co2 li {
  text-align: end;
}
.footer_nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 60px;
  background: #707070;
}
@media screen and (max-width: 639px) {
  .footer_nav {
    display: block;
  }
}
.footer_nav ul {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.footer_nav ul li {
  list-style: none;
  padding: 10px 5px 5px;
  width: 25%;
  position: relative;
}
.footer_nav ul li::before {
  content: "";
  background-color: #2C211D;
  width: 0.2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.footer_nav ul li .footer_nav_icon {
  width: 22.59px;
  height: 30px;
  margin: auto;
}
.footer_nav ul li .footer_nav_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer_nav ul li p {
  color: #fff;
  text-align: center;
  font-size: 12px;
}
.footer_nav ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.footer_nav ul .co1 .footer_nav_icon img {
  width: 16.04px;
  height: 27.63px;
}
.footer_nav ul .co2 .footer_nav_icon img {
  width: 18.32px;
  height: 23.06px;
}
.footer_nav ul .co3 .footer_nav_icon img {
  width: 22.59px;
  height: 23.9px;
}
.footer_nav ul .co4 .footer_nav_icon .hum_btn {
  width: 22.59px;
  height: 22.59px;
  position: relative;
}
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line1,
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line2,
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line3 {
  position: absolute;
  background: #fff;
  width: 22.59px;
  height: 1px;
  z-index: 101;
}
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line1 {
  top: 0;
}
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line2 {
  top: 0;
  bottom: 0;
  margin: auto;
}
.footer_nav ul .co4 .footer_nav_icon .hum_btn .line3 {
  bottom: 0;
}

.room_kv, .restaurant_kv, .spa_kv, .facility_kv, .access_kv, .jtb-my-style_kv {
  background-image: url(img/room/room-top-image.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1920/400;
  background-color: rgba(128, 128, 128, 0.35);
  background-blend-mode: multiply;
  align-content: end;
  padding-bottom: 30px;
}
@media screen and (max-width: 1299px) {
  .room_kv, .restaurant_kv, .spa_kv, .facility_kv, .access_kv, .jtb-my-style_kv {
    padding: 0 20px 30px;
  }
}
.room_kv .kv_title, .restaurant_kv .kv_title, .spa_kv .kv_title, .facility_kv .kv_title, .access_kv .kv_title, .jtb-my-style_kv .kv_title {
  max-width: 1420px;
  margin: auto;
}
.room_kv .kv_title h2, .room_kv .kv_title p, .restaurant_kv .kv_title h2, .restaurant_kv .kv_title p, .spa_kv .kv_title h2, .spa_kv .kv_title p, .facility_kv .kv_title h2, .facility_kv .kv_title p, .access_kv .kv_title h2, .access_kv .kv_title p, .jtb-my-style_kv .kv_title h2, .jtb-my-style_kv .kv_title p {
  color: #fff;
}
.room_kv .kv_title h2, .restaurant_kv .kv_title h2, .spa_kv .kv_title h2, .facility_kv .kv_title h2, .access_kv .kv_title h2, .jtb-my-style_kv .kv_title h2 {
  font-size: 60px;
}
@media screen and (max-width: 1299px) {
  .room_kv .kv_title h2, .restaurant_kv .kv_title h2, .spa_kv .kv_title h2, .facility_kv .kv_title h2, .access_kv .kv_title h2, .jtb-my-style_kv .kv_title h2 {
    font-size: 42px;
  }
}
@media screen and (max-width: 639px) {
  .room_kv .kv_title h2, .restaurant_kv .kv_title h2, .spa_kv .kv_title h2, .facility_kv .kv_title h2, .access_kv .kv_title h2, .jtb-my-style_kv .kv_title h2 {
    font-size: 30px;
  }
}
.room_kv .kv_title p, .restaurant_kv .kv_title p, .spa_kv .kv_title p, .facility_kv .kv_title p, .access_kv .kv_title p, .jtb-my-style_kv .kv_title p {
  font-size: 25px;
  max-width: 466px;
  border-bottom: #fff 1px solid;
}
@media screen and (max-width: 1299px) {
  .room_kv .kv_title p, .restaurant_kv .kv_title p, .spa_kv .kv_title p, .facility_kv .kv_title p, .access_kv .kv_title p, .jtb-my-style_kv .kv_title p {
    font-size: 22px;
  }
}
@media screen and (max-width: 639px) {
  .room_kv .kv_title p, .restaurant_kv .kv_title p, .spa_kv .kv_title p, .facility_kv .kv_title p, .access_kv .kv_title p, .jtb-my-style_kv .kv_title p {
    font-size: 20px;
  }
}

.room_kv {
  background-position: 0% 66%;
}

.room_se {
  margin-top: 75px;
}
@media screen and (max-width: 1299px) {
  .room_se {
    padding: 0 20px;
  }
}
.room_se .room_guide {
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.room_se .room_guide .co1 {
  width: 652px;
  position: relative;
  z-index: 2;
  margin-top: 91px;
}
@media screen and (max-width: 1299px) {
  .room_se .room_guide .co1 {
    margin-top: 14px;
  }
}
@media screen and (max-width: 959px) {
  .room_se .room_guide .co1 {
    width: 100%;
  }
}
.room_se .room_guide .co1 h3 {
  font-size: 30px;
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .room_se .room_guide .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .room_se .room_guide .co1 h3 {
    font-size: 23px;
  }
}
.room_se .room_guide .co1 .text_area {
  padding: 10px 10px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 6px #c6c6c6;
}
@media screen and (max-width: 959px) {
  .room_se .room_guide .co1 .text_area {
    box-shadow: none;
  }
}
.room_se .room_guide .co1 .text_area p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .room_se .room_guide .co1 .text_area p {
    font-size: 16px;
  }
}
.room_se .room_guide .co2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  max-width: 852px;
}
.room_se .room_guide .co2 .co_img {
  aspect-ratio: 852/324;
}
.room_se .room_guide .co2 .co_img img {
  -o-object-position: bottom;
     object-position: bottom;
}
.room_se .room_guide .co2::before {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -16px;
  width: 96.12px;
  height: 96.12px;
  background-image: url(img/common/guide-bg.webp);
  z-index: -1;
}
@media screen and (max-width: 1299px) {
  .room_se .room_guide .co2::before {
    width: 81px;
    height: 81px;
  }
}
@media screen and (max-width: 639px) {
  .room_se .room_guide .co2::before {
    bottom: -5px;
    right: -11px;
  }
}
@media screen and (max-width: 959px) {
  .room_se .room_guide .co2 {
    position: relative;
    width: 100%;
  }
}

.room_page :root {
  --accent: #707070; /* 選択色（濃い） */
  --accent-soft: #b7e3df; /* 非選択色（薄い） */
  --text: #0f172a;
  --muted: #64748b;
  --panel-bg: #f8fafc;
  --border: #e2e8f0;
  --radius: 14px;
  --shadow: 0 6px 18px rgba(0,0,0,.06);
}
.room_page .room_selects {
  max-width: 1670px;
  margin: 50px 0 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1299px) {
  .room_page .room_selects {
    padding: 0 20px;
  }
}
.room_page .room_selects #panel-single-double {
  width: 100%;
}
.room_page .room_selects .select_area .room_select_title {
  position: relative;
}
.room_page .room_selects .select_area .room_select_title::before {
  content: "";
  width: 80px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 133px;
  margin: auto;
}
.room_page .room_selects .select_area .room_select_title h3 {
  display: inline-block;
  background: #fff;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .room_page .room_selects .select_area .room_select_title h3 {
    font-size: 18px;
  }
}
.room_page .room_selects {
  /* ---------------------------
     ♦︎ラジオグループ
  ---------------------------- */
}
.room_page .room_selects .diamond-radio-group {
  padding: 10px 4px 18px;
  margin-bottom: 18px;
  width: 250px;
}
@media screen and (max-width: 959px) {
  .room_page .room_selects .diamond-radio-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 959px) {
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-single-double,
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-bunk {
    width: 50%;
    min-width: 202px;
  }
}
@media screen and (max-width: 959px) {
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-twin,
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-wamodern {
    width: 36%;
    text-wrap: nowrap;
  }
}
@media screen and (max-width: 639px) {
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-twin,
  .room_page .room_selects .diamond-radio-group .diamond-label.panel-wamodern {
    text-wrap: nowrap;
  }
}
.room_page .room_selects {
  /* ネイティブラジオは画面上は隠す（アクセシブルに） */
}
.room_page .room_selects .diamond-radio {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.room_page .diamond-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 6px 6px;
  border-radius: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 959px) {
  .room_page .diamond-label {
    padding: 6px 0;
  }
}
.room_page .diamond-label:active {
  transform: translateY(1px);
}
.room_page {
  /* ♦︎部分 */
}
.room_page .diamond-icon {
  width: 18px;
  height: 18px;
  background: rgba(112, 112, 112, 0.3); /* ←ここがポイント */
  opacity: 0.3; /* 非選択 */
  clip-path: polygon(50% 0%, 90% 50%, 50% 100%, 10% 50%);
  border-radius: 3px;
  flex: 0 0 18px;
}
.room_page .diamond-radio:checked + .diamond-label .diamond-icon {
  opacity: 1;
  border: none;
  box-shadow: none;
}
.room_page {
  /* ラベル文字 */
}
.room_page .diamond-text {
  font-size: 15.5px;
  letter-spacing: 0.02em;
  color: rgba(112, 112, 112, 0.3);
  transition: color 0.18s ease, font-weight 0.18s ease;
}
.room_page {
  /* checked時：♦︎を濃く、文字も強調 */
}
.room_page .diamond-radio:checked + .diamond-label .diamond-icon {
  background: rgba(112, 112, 112, 0.6);
}
.room_page .diamond-radio:checked + .diamond-label .diamond-text {
  color: rgb(112, 112, 112);
}
.room_page {
  /* フォーカス可視化（キーボード操作） */
}
.room_page .diamond-radio:focus-visible + .diamond-label {
  outline: 2px solid rgb(15, 118, 110);
  outline-offset: 3px;
}
.room_page {
  /* ---------------------------
     タブコンテンツ
  ---------------------------- */
}
.room_page .tab-panels {
  width: calc(100% - 250px);
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels {
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel {
    width: 100%;
  }
}
.room_page .tab-panels .tab-panel .room_list {
  margin-bottom: 120px;
}
.room_page .tab-panels .tab-panel .room_list .room_img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_img {
    margin-bottom: 20px;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_img .swiper {
  width: calc(100% - 250px);
  max-width: 1000px;
  height: auto;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_img .swiper {
    width: 100%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_img .swiper-slide {
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 600;
  background: #f3f4f6;
  width: calc(100% - 250px);
}
.room_page .tab-panels .tab-panel .room_list .room_img {
  /* 画像スライドにするなら */
}
.room_page .tab-panels .tab-panel .room_list .room_img .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.room_page .tab-panels .tab-panel .room_list .room_img .swiper-pagination-bullet-active {
  background: #fff;
}
.room_page .tab-panels .tab-panel .room_list .room_img .next,
.room_page .tab-panels .tab-panel .room_list .room_img .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 18px;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.room_page .tab-panels .tab-panel .room_list .room_img .next {
  right: 20px;
  background-image: url(img/common/next_w.webp);
}
.room_page .tab-panels .tab-panel .room_list .room_img .prev {
  left: 20px;
  background-image: url(img/common/prev_w.webp);
}
.room_page .tab-panels .tab-panel .room_list .room_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co1 {
  width: calc(100% - 310px);
  padding-right: 5px;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 {
    width: 100%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co1 span {
  font-size: 18px;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 span {
    font-size: 16px;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co1 h3 {
  font-size: 30px;
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 h3 {
    font-size: 23px;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co1 p {
  max-width: 610px;
  font-size: 18px;
  padding-bottom: 26px;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 p {
    font-size: 16px;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co1 .viewmore_btn {
  font-size: #1A1A1A;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co1 .viewmore_btn {
    display: none;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 {
  width: 310px;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co2 {
    width: 100%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 table {
  border-collapse: collapse;
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co2 table {
    width: 100%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr th {
  width: 141px;
  background: #707070;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  border: solid 1px #fff;
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr th {
    width: 42.089%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr td {
  width: 169px;
  padding: 5px;
  border-top: solid 1px #707070;
  border-right: solid 1px #707070;
}
@media screen and (max-width: 639px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr td {
    width: 57.911%;
  }
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr:last-child th {
  border-bottom: solid 1px #707070;
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 table tbody tr:last-child td {
  border-bottom: solid 1px #707070;
}
.room_page .tab-panels .tab-panel .room_list .room_inner .co2 .viewmore_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  .room_page .tab-panels .tab-panel .room_list .room_inner .co2 .viewmore_btn {
    display: block;
    width: 194.5px;
    font-size: #1A1A1A;
    margin-top: 20px;
  }
}
.room_page .tab-panel {
  display: none;
  background: var(--panel-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px 22px 26px;
  box-shadow: var(--shadow);
}
@media screen and (max-width: 639px) {
  .room_page .tab-panel {
    padding: 22px 0 26px;
  }
}
.room_page .tab-panel.is-active {
  display: block;
}
.room_page .tab-panel h3 {
  margin: 0 0 8px;
  font-size: 22px;
}
.room_page .tab-panel p {
  margin: 0 0 14px;
  color: #334155;
  line-height: 1.7;
}
.room_page .tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.08);
  color: #0b5f59;
  font-size: 12px;
  font-weight: 600;
  margin-right: 6px;
}
.room_page {
  /* ちょい見栄え用の例 */
}
.room_page .feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  padding-left: 18px;
  margin: 10px 0 0;
}
@media (max-width: 640px) {
  .room_page .feature-list {
    grid-template-columns: 1fr;
  }
}

.room_facilities, .room_amenities {
  padding: 40px 0;
  background: #CFCFCF;
}
@media screen and (max-width: 1299px) {
  .room_facilities, .room_amenities {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 639px) {
  .room_facilities, .room_amenities {
    padding: 40px 20px;
  }
}
.room_facilities .inner, .room_amenities .inner {
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  width: 50%;
  max-width: 635px;
}
@media screen and (max-width: 639px) {
  .room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
    width: 100%;
  }
}
.room_facilities .inner .co1 h3, .room_facilities .inner .co2 h3, .room_amenities .inner .co1 h3, .room_amenities .inner .co2 h3 {
  font-size: 30px;
  margin-bottom: 22px;
  color: #1A1A1A;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 h3, .room_facilities .inner .co2 h3, .room_amenities .inner .co1 h3, .room_amenities .inner .co2 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .room_facilities .inner .co1 h3, .room_facilities .inner .co2 h3, .room_amenities .inner .co1 h3, .room_amenities .inner .co2 h3 {
    font-size: 23px;
  }
}
.room_facilities .inner .co1 h4, .room_facilities .inner .co2 h4, .room_amenities .inner .co1 h4, .room_amenities .inner .co2 h4 {
  border-bottom: 1px solid #1A1A1A;
}
.room_facilities .inner .co1 h4, .room_facilities .inner .co1 p, .room_facilities .inner .co2 h4, .room_facilities .inner .co2 p, .room_amenities .inner .co1 h4, .room_amenities .inner .co1 p, .room_amenities .inner .co2 h4, .room_amenities .inner .co2 p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .room_facilities .inner .co1 h4, .room_facilities .inner .co1 p, .room_facilities .inner .co2 h4, .room_facilities .inner .co2 p, .room_amenities .inner .co1 h4, .room_amenities .inner .co1 p, .room_amenities .inner .co2 h4, .room_amenities .inner .co2 p {
    font-size: 16px;
  }
}
.room_facilities .inner .co1 .swiper, .room_facilities .inner .co2 .swiper, .room_amenities .inner .co1 .swiper, .room_amenities .inner .co2 .swiper {
  width: min(100%, 960px);
  height: auto;
  overflow: hidden;
  aspect-ratio: 548/368;
}
.room_facilities .inner .co1 .swiper-slide, .room_facilities .inner .co2 .swiper-slide, .room_amenities .inner .co1 .swiper-slide, .room_amenities .inner .co2 .swiper-slide {
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 600;
  background: #f3f4f6;
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  /* 画像スライドにするなら */
}
.room_facilities .inner .co1 .swiper-slide img, .room_facilities .inner .co2 .swiper-slide img, .room_amenities .inner .co1 .swiper-slide img, .room_amenities .inner .co2 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.room_facilities .inner .co1 .swiper-pagination-bullet, .room_facilities .inner .co2 .swiper-pagination-bullet, .room_amenities .inner .co1 .swiper-pagination-bullet, .room_amenities .inner .co2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.room_facilities .inner .co1 .swiper-pagination-bullet-active, .room_facilities .inner .co2 .swiper-pagination-bullet-active, .room_amenities .inner .co1 .swiper-pagination-bullet-active, .room_amenities .inner .co2 .swiper-pagination-bullet-active {
  background: #fff;
}
.room_facilities .inner .co1 .next,
.room_facilities .inner .co1 .prev, .room_facilities .inner .co2 .next,
.room_facilities .inner .co2 .prev, .room_amenities .inner .co1 .next,
.room_amenities .inner .co1 .prev, .room_amenities .inner .co2 .next,
.room_amenities .inner .co2 .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 18px;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.room_facilities .inner .co1 .next, .room_facilities .inner .co2 .next, .room_amenities .inner .co1 .next, .room_amenities .inner .co2 .next {
  right: 20px;
  background-image: url(img/common/next.webp);
}
.room_facilities .inner .co1 .prev, .room_facilities .inner .co2 .prev, .room_amenities .inner .co1 .prev, .room_amenities .inner .co2 .prev {
  left: 20px;
  background-image: url(img/common/prev.webp);
}
.room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n+1), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n+1), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n+1), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n+1) {
  width: 40%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n+1), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n+1), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n+1), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n+1) {
    width: 50%;
  }
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  /* 2,5,8,11... */
}
.room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n+2), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n+2), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n+2), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n+2) {
  width: 25%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n+2), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n+2), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n+2), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n+2) {
    width: 50%;
  }
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  /* 3,6,9,12... */
}
.room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n) {
  width: 25%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_facilities_lists > li:nth-child(3n), .room_facilities .inner .co2 .room_facilities_lists > li:nth-child(3n), .room_amenities .inner .co1 .room_facilities_lists > li:nth-child(3n), .room_amenities .inner .co2 .room_facilities_lists > li:nth-child(3n) {
    width: 50%;
  }
}
.room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n+1), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n+1), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n+1), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n+1) {
  width: 29%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n+1), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n+1), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n+1), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n+1) {
    width: 50%;
  }
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  /* 2,5,8,11... */
}
.room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n+2), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n+2), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n+2), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n+2) {
  width: 40%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n+2), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n+2), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n+2), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n+2) {
    width: 50%;
  }
}
.room_facilities .inner .co1, .room_facilities .inner .co2, .room_amenities .inner .co1, .room_amenities .inner .co2 {
  /* 3,6,9,12... */
}
.room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n) {
  width: 31%;
}
@media screen and (max-width: 959px) {
  .room_facilities .inner .co1 .room_amenities_lists > li:nth-child(3n), .room_facilities .inner .co2 .room_amenities_lists > li:nth-child(3n), .room_amenities .inner .co1 .room_amenities_lists > li:nth-child(3n), .room_amenities .inner .co2 .room_amenities_lists > li:nth-child(3n) {
    width: 50%;
  }
}
.room_facilities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+1), .room_facilities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+1), .room_amenities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+1), .room_amenities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+1) {
  width: 22%;
}
.room_facilities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+2), .room_facilities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+2), .room_amenities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+2), .room_amenities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+2) {
  width: 22%;
}
.room_facilities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+3), .room_facilities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+3), .room_amenities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n+3), .room_amenities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n+3) {
  width: 22%;
}
.room_facilities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n), .room_facilities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n), .room_amenities .inner .co1 .room_amenitiesbar_lists > li:nth-child(4n), .room_amenities .inner .co2 .room_amenitiesbar_lists > li:nth-child(4n) {
  width: 34%;
}
.room_facilities .inner .co2 .room_facilities_lists, .room_amenities .inner .co2 .room_facilities_lists {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .room_facilities .inner .co2 .room_facilities_lists, .room_amenities .inner .co2 .room_facilities_lists {
    display: none;
  }
}
.room_facilities .inner .co2 .room_facilities_lists li, .room_amenities .inner .co2 .room_facilities_lists li {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .room_facilities .inner .co2 .room_facilities_lists li, .room_amenities .inner .co2 .room_facilities_lists li {
    font-size: 16px;
  }
}
.room_facilities li, .room_amenities li {
  list-style: none;
}
.room_facilities li span, .room_amenities li span {
  font-size: 14px;
  vertical-align: 1px;
}

.room_amenities .inner {
  flex-wrap: wrap-reverse;
}

@media screen and (max-width: 1299px) {
  .room_facilities .co2 {
    padding-left: 20px;
  }
}

.room_facilities_lists_sp {
  display: none;
}
@media screen and (max-width: 639px) {
  .room_facilities_lists_sp {
    display: block;
    padding: 5px 0 0 0;
  }
}
.room_facilities_lists_sp .list_box1, .room_facilities_lists_sp .list_box2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.room_facilities_lists_sp .list_box1 > li:nth-child(2n+1) {
  width: 67%;
}
.room_facilities_lists_sp .list_box1 > li:nth-child(2n) {
  width: 33%;
}
.room_facilities_lists_sp .list_box2 > li:nth-child(2n+1) {
  width: 42%;
}
.room_facilities_lists_sp .list_box2 > li:nth-child(2n) {
  width: 56%;
}

.room_amenities {
  background: #EFEFEF;
}
.room_amenities .room_amenities_lists, .room_amenities .room_amenitiesbar_lists {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.room_amenities .room_amenities_lists li, .room_amenities .room_amenitiesbar_lists li {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .room_amenities .room_amenities_lists li, .room_amenities .room_amenitiesbar_lists li {
    font-size: 16px;
  }
}
.room_amenities .room_amenities_lists_sp {
  display: none;
}
@media screen and (max-width: 639px) {
  .room_amenities .room_amenities_lists_sp {
    display: flex;
    flex-wrap: wrap;
    padding-left: 17px;
    margin-bottom: 30px;
  }
}
.room_amenities .room_amenities_lists_sp ul {
  width: 50%;
}
.room_amenities .room_amenities_lists_sp ul li {
  font-size: 16px;
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .room_amenities .room_amenities_lists,
  .room_amenities .room_amenitiesbar_lists {
    display: none;
  }
}
.room_amenities .room_amenities_lists li,
.room_amenities .room_amenitiesbar_lists li {
  list-style: none;
}
.room_amenities .room_amenitiesbar_lists_sp {
  display: none;
}
@media screen and (max-width: 639px) {
  .room_amenities .room_amenitiesbar_lists_sp {
    display: flex;
    padding: 10px 0 40px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 16px;
    margin-bottom: 20px;
  }
}
.room_amenities .room_amenitiesbar_lists_sp li {
  font-size: 16px;
  width: 30%;
  text-wrap: nowrap;
  margin-bottom: 10px;
}

.check_se {
  padding: 100px 0 30px;
}
@media screen and (max-width: 639px) {
  .check_se {
    padding: 0 0 30px;
  }
}
.check_se .inner {
  max-width: 1320px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.check_se .inner .co1, .check_se .inner .co2 {
  width: 47%;
}
@media screen and (max-width: 639px) {
  .check_se .inner .co1, .check_se .inner .co2 {
    width: 100%;
    padding: 0 20px 40px;
  }
}
.check_se .inner .co1 .img_box, .check_se .inner .co2 .img_box {
  max-width: 480px;
}
.check_se .inner .co1 .img_box {
  margin: 0 0 0 auto;
  position: relative;
}
@media screen and (max-width: 639px) {
  .check_se .inner .co1 .img_box {
    display: none;
  }
}
.check_se .inner .co1 .img_box img {
  border-end-start-radius: 22px;
  border-start-end-radius: 22px;
}
.check_se .inner .co1 .img_box::before {
  content: "";
  position: absolute;
  top: 7px;
  right: -10px;
  width: 100%;
  height: 99%;
  z-index: -1;
  background: #CFCFCF;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.check_se .inner .co2 .img_box {
  margin: 0 auto;
}

.common_se.room {
  padding-top: 0;
}

.fixed_resevation_bn {
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  width: 150px;
  height: auto;
}
@media screen and (max-width: 639px) {
  .fixed_resevation_bn {
    width: 120px;
  }
}
@media screen and (max-width: 639px) {
  .fixed_resevation_bn {
    display: none;
  }
}
.fixed_resevation_bn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}
.fixed_resevation_bn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.restaurant_kv {
  background-image: url(img/restaurant/breakfirst_kv.webp);
}

.restaurant_se {
  margin-top: 75px;
  margin-bottom: 150px;
}
@media screen and (max-width: 1299px) {
  .restaurant_se {
    padding: 0 20px;
  }
}
.restaurant_se .restaurant_guide {
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.restaurant_se .restaurant_guide .co1 {
  width: 50%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1299px) {
  .restaurant_se .restaurant_guide .co1 {
    margin-top: 14px;
  }
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_guide .co1 {
    width: 100%;
  }
}
.restaurant_se .restaurant_guide .co1 h3 {
  font-size: 30px;
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_guide .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .restaurant_se .restaurant_guide .co1 h3 {
    font-size: 23px;
  }
}
.restaurant_se .restaurant_guide .co1 .text_area {
  padding: 10px 0px 20px;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_guide .co1 .text_area {
    box-shadow: none;
  }
}
.restaurant_se .restaurant_guide .co1 .text_area p {
  max-width: 600px;
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .restaurant_se .restaurant_guide .co1 .text_area p {
    font-size: 16px;
  }
}
.restaurant_se .restaurant_guide .co1 .bf_menue_box {
  max-width: 590px;
}
.restaurant_se .restaurant_guide .co1 .bf_menue_box table {
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 20px 0;
  margin-bottom: 20px;
}
.restaurant_se .restaurant_guide .co1 .bf_menue_box table th {
  width: 100px;
}
.restaurant_se .restaurant_guide .co1 .bf_menue_box table td {
  padding-left: 32px;
}
.restaurant_se .restaurant_guide .co2 {
  right: 0;
  top: 0;
  width: 50%;
  max-width: 852px;
  position: relative;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_guide .co2 {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
}
.restaurant_se .restaurant_guide .co2 .co_inner {
  position: relative;
}
.restaurant_se .restaurant_guide .co2 .co_inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(img/common/wood-gray.webp);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
.restaurant_se .restaurant_guide .co2 .swiper {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 69550/51884;
}
.restaurant_se .restaurant_guide .co2 .swiper-slide {
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 600;
}
.restaurant_se .restaurant_guide .co2 {
  /* 画像スライドにするなら */
}
.restaurant_se .restaurant_guide .co2 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.restaurant_se .restaurant_guide .co2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.restaurant_se .restaurant_guide .co2 .swiper-pagination-bullet-active {
  background: #fff;
}
.restaurant_se .restaurant_guide .co2 .next,
.restaurant_se .restaurant_guide .co2 .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 18px;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.restaurant_se .restaurant_guide .co2 .next {
  right: 20px;
  background-image: url(img/common/next_w.webp);
}
.restaurant_se .restaurant_guide .co2 .prev {
  left: 20px;
  background-image: url(img/common/prev_w.webp);
}
.restaurant_se .restaurant_free {
  max-width: 1420px;
  margin: 75px auto 40px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.restaurant_se .restaurant_free .co1 {
  width: 50%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1299px) {
  .restaurant_se .restaurant_free .co1 {
    margin-top: 14px;
  }
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_free .co1 {
    width: 100%;
  }
}
.restaurant_se .restaurant_free .co1 h3 {
  font-size: 30px;
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_free .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .restaurant_se .restaurant_free .co1 h3 {
    font-size: 23px;
  }
}
.restaurant_se .restaurant_free .co1 .text_area {
  padding: 10px 0px 20px;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_free .co1 .text_area {
    box-shadow: none;
  }
}
.restaurant_se .restaurant_free .co1 .text_area p {
  max-width: 600px;
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .restaurant_se .restaurant_free .co1 .text_area p {
    font-size: 16px;
  }
}
.restaurant_se .restaurant_free .co1 .bf_menue_box {
  max-width: 590px;
}
.restaurant_se .restaurant_free .co1 .bf_menue_box table {
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 10px 0;
  margin-bottom: 20px;
}
.restaurant_se .restaurant_free .co1 .bf_menue_box table th {
  width: 100px;
}
.restaurant_se .restaurant_free .co1 .bf_menue_box table td {
  padding-left: 32px;
}
.restaurant_se .restaurant_free .co2 {
  right: 0;
  top: 0;
  width: 50%;
  max-width: 852px;
  position: relative;
}
@media screen and (max-width: 959px) {
  .restaurant_se .restaurant_free .co2 {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
}
.restaurant_se .restaurant_free .co2 .co_img {
  padding: 10px;
}

.spa_kv {
  background-image: url(img/spa/spa_kv.webp);
  background-position: 0% 48%;
}

.spa_se {
  margin-top: 75px;
  margin-bottom: 150px;
}
@media screen and (max-width: 1299px) {
  .spa_se {
    padding: 0 20px;
  }
}
.spa_se .spa_guide {
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.spa_se .spa_guide .co1 {
  width: 50%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1299px) {
  .spa_se .spa_guide .co1 {
    margin-top: 14px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 959px) {
  .spa_se .spa_guide .co1 {
    width: 100%;
    padding-right: 0px;
  }
}
.spa_se .spa_guide .co1 h3 {
  font-size: 30px;
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .spa_se .spa_guide .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .spa_se .spa_guide .co1 h3 {
    font-size: 23px;
  }
}
.spa_se .spa_guide .co1 h4 {
  font-size: 28px;
}
.spa_se .spa_guide .co1 .text_area {
  padding: 10px 0px 20px;
}
@media screen and (max-width: 959px) {
  .spa_se .spa_guide .co1 .text_area {
    box-shadow: none;
  }
}
.spa_se .spa_guide .co1 .text_area p {
  max-width: 600px;
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .spa_se .spa_guide .co1 .text_area p {
    font-size: 16px;
  }
}
.spa_se .spa_guide .co1 .spa_menue_box {
  max-width: 590px;
}
.spa_se .spa_guide .co1 .spa_menue_box table {
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 20px 0;
  margin-bottom: 20px;
}
.spa_se .spa_guide .co1 .spa_menue_box table th {
  width: 100px;
  vertical-align: baseline;
}
.spa_se .spa_guide .co1 .spa_menue_box table td {
  padding-left: 50px;
  text-indent: -12px;
}
.spa_se .spa_guide .co1 .spa_menue_box table th, .spa_se .spa_guide .co1 .spa_menue_box table td {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .spa_se .spa_guide .co1 .spa_menue_box table th, .spa_se .spa_guide .co1 .spa_menue_box table td {
    font-size: 16px;
  }
}
.spa_se .spa_guide .co2 {
  right: 0;
  top: 0;
  width: 50%;
  max-width: 852px;
  position: relative;
}
@media screen and (max-width: 959px) {
  .spa_se .spa_guide .co2 {
    position: relative;
    width: 100%;
  }
}
.spa_se .spa_guide .co2 .co2_img {
  position: relative;
}
.spa_se .spa_guide .co2 .co2_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(img/common/wood-gray.webp);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
.spa_se .spa_guide .co2 .swiper {
  width: 100%;
  height: auto;
  position: relative;
}
.spa_se .spa_guide .co2 .swiper-slide {
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 600;
  background: #f3f4f6;
}
.spa_se .spa_guide .co2 {
  /* 画像スライドにするなら */
}
.spa_se .spa_guide .co2 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.spa_se .spa_guide .co2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.spa_se .spa_guide .co2 .swiper-pagination-bullet-active {
  background: #fff;
}
.spa_se .spa_guide .co2 .next,
.spa_se .spa_guide .co2 .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 18px;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.spa_se .spa_guide .co2 .next {
  right: 20px;
  background-image: url(img/common/next_w.webp);
}
.spa_se .spa_guide .co2 .prev {
  left: 20px;
  background-image: url(img/common/prev_w.webp);
}

@media screen and (max-width: 1299px) {
  .spa_amenities {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 639px) {
  .spa_amenities {
    padding: 40px 20px;
  }
}
.spa_amenities .inner {
  max-width: 1420px;
  padding: 40px 0;
  margin: auto;
  background: #EFEFEF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  width: 50%;
  max-width: 635px;
}
@media screen and (max-width: 639px) {
  .spa_amenities .inner .co1, .spa_amenities .inner .co2 {
    width: 100%;
  }
}
.spa_amenities .inner .co1 h3, .spa_amenities .inner .co2 h3 {
  font-size: 30px;
  margin-bottom: 22px;
  color: #1A1A1A;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 h3, .spa_amenities .inner .co2 h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 639px) {
  .spa_amenities .inner .co1 h3, .spa_amenities .inner .co2 h3 {
    font-size: 28px;
  }
}
.spa_amenities .inner .co1 h4, .spa_amenities .inner .co2 h4 {
  border-bottom: 1px solid #1A1A1A;
}
.spa_amenities .inner .co1 h4, .spa_amenities .inner .co1 p, .spa_amenities .inner .co2 h4, .spa_amenities .inner .co2 p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .spa_amenities .inner .co1 h4, .spa_amenities .inner .co1 p, .spa_amenities .inner .co2 h4, .spa_amenities .inner .co2 p {
    font-size: 16px;
  }
}
.spa_amenities .inner .co1 ul, .spa_amenities .inner .co2 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 30px;
}
.spa_amenities .inner .co1 ul li, .spa_amenities .inner .co2 ul li {
  width: 33%;
  font-size: 18px;
  list-style: none;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.spa_amenities .inner .co1 ul li span, .spa_amenities .inner .co2 ul li span {
  font-size: 14px;
  vertical-align: 1px;
}
@media screen and (max-width: 1299px) {
  .spa_amenities .inner .co1 ul li, .spa_amenities .inner .co2 ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .spa_amenities .inner .co1 ul li, .spa_amenities .inner .co2 ul li {
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 47%;
  }
}
.spa_amenities .inner .co1 .swiper, .spa_amenities .inner .co2 .swiper {
  width: min(100%, 960px);
  height: auto;
  overflow: hidden;
}
.spa_amenities .inner .co1 .swiper-slide, .spa_amenities .inner .co2 .swiper-slide {
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 600;
  background: #f3f4f6;
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  /* 画像スライドにするなら */
}
.spa_amenities .inner .co1 .swiper-slide img, .spa_amenities .inner .co2 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.spa_amenities .inner .co1 .swiper-pagination-bullet, .spa_amenities .inner .co2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.spa_amenities .inner .co1 .swiper-pagination-bullet-active, .spa_amenities .inner .co2 .swiper-pagination-bullet-active {
  background: #fff;
}
.spa_amenities .inner .co1 .next,
.spa_amenities .inner .co1 .prev, .spa_amenities .inner .co2 .next,
.spa_amenities .inner .co2 .prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 18px;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.spa_amenities .inner .co1 .next, .spa_amenities .inner .co2 .next {
  right: 20px;
  background-image: url(img/common/next_w.webp);
}
.spa_amenities .inner .co1 .prev, .spa_amenities .inner .co2 .prev {
  left: 20px;
  background-image: url(img/common/prev_w.webp);
}
.spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n+1), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n+1) {
  width: 40%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n+1), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n+1) {
    width: 50%;
  }
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  /* 2,5,8,11... */
}
.spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n+2), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n+2) {
  width: 25%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n+2), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n+2) {
    width: 50%;
  }
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  /* 3,6,9,12... */
}
.spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n) {
  width: 25%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_facilities_lists > li:nth-child(3n), .spa_amenities .inner .co2 .spa_facilities_lists > li:nth-child(3n) {
    width: 50%;
  }
}
.spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n+1), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n+1) {
  width: 29%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n+1), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n+1) {
    width: 50%;
  }
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  /* 2,5,8,11... */
}
.spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n+2), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n+2) {
  width: 40%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n+2), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n+2) {
    width: 50%;
  }
}
.spa_amenities .inner .co1, .spa_amenities .inner .co2 {
  /* 3,6,9,12... */
}
.spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n) {
  width: 31%;
}
@media screen and (max-width: 959px) {
  .spa_amenities .inner .co1 .spa_amenities_lists > li:nth-child(3n), .spa_amenities .inner .co2 .spa_amenities_lists > li:nth-child(3n) {
    width: 50%;
  }
}
.spa_amenities .inner .co1 .spa_amenitiesbar_lists > li:nth-child(4n+1), .spa_amenities .inner .co2 .spa_amenitiesbar_lists > li:nth-child(4n+1) {
  width: 22%;
}
.spa_amenities .inner .co1 .spa_amenitiesbar_lists > li:nth-child(4n+2), .spa_amenities .inner .co2 .spa_amenitiesbar_lists > li:nth-child(4n+2) {
  width: 22%;
}
.spa_amenities .inner .co1 .spa_amenitiesbar_lists > li:nth-child(4n+3), .spa_amenities .inner .co2 .spa_amenitiesbar_lists > li:nth-child(4n+3) {
  width: 22%;
}
.spa_amenities .inner .co1 .spa_amenitiesbar_lists > li:nth-child(4n), .spa_amenities .inner .co2 .spa_amenitiesbar_lists > li:nth-child(4n) {
  width: 34%;
}
.spa_amenities .inner .co2 .spa_facilities_lists {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .spa_amenities .inner .co2 .spa_facilities_lists {
    display: none;
  }
}
.spa_amenities .inner .co2 .spa_facilities_lists li {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .spa_amenities .inner .co2 .spa_facilities_lists li {
    font-size: 16px;
  }
}
@media screen and (max-width: 1299px) {
  .spa_amenities .inner .co1 {
    padding: 0 10px;
  }
}
.spa_amenities .spa_requests_box {
  border: 1px solid #000;
  padding: 30px 0;
  width: 100%;
  max-width: 915px;
  margin: 90px auto 100px;
}
@media screen and (max-width: 639px) {
  .spa_amenities .spa_requests_box {
    padding: 30px 11px;
  }
}
.spa_amenities .spa_requests_box .spa_requests_box_inner {
  max-width: 796px;
  width: 100%;
  margin: auto;
}
.spa_amenities .spa_requests_box .spa_requests_box_inner h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .spa_amenities .spa_requests_box .spa_requests_box_inner h3 {
    text-align: center;
  }
}
@media screen and (max-width: 639px) {
  .spa_amenities .spa_requests_box .spa_requests_box_inner span {
    display: block; /* もしくは inline-block */
    width: -moz-fit-content;
    width: fit-content; /* 内容に合わせる */
    margin: 0 auto; /* ブロックを中央へ */
  }
}
.spa_amenities .spa_requests_box .spa_requests_box_inner ul {
  padding-left: 24px;
}
.spa_amenities .spa_requests_box .spa_requests_box_inner li, .spa_amenities .spa_requests_box .spa_requests_box_inner p {
  font-size: 18px;
  padding-bottom: 8px;
}
@media screen and (max-width: 959px) {
  .spa_amenities .spa_requests_box .spa_requests_box_inner li, .spa_amenities .spa_requests_box .spa_requests_box_inner p {
    font-size: 16px;
  }
}
.spa_amenities .spa_requests_box .spa_requests_box_inner p {
  padding-left: 27px;
}
@media screen and (max-width: 639px) {
  .spa_amenities .spa_requests_box .spa_requests_box_inner p {
    padding-left: 36px;
    text-indent: -14px;
  }
}

.facility_kv {
  background-image: url(img/facility/facility_kv.webp);
}

.facility_page .facility_top .inner {
  max-width: 1009px;
  width: 100%;
  margin: 110px auto 43px;
  padding: 43px 0;
  background-image: url(img/facility/facility_bg.webp);
  position: relative;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_top .inner {
    width: 80%;
  }
}
.facility_page .facility_top .inner h3 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 37px;
}
.facility_page .facility_top .inner p {
  font-size: 18px;
  max-width: 863px;
  margin: auto;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_top .inner p {
    width: 90%;
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .facility_page .facility_top .inner p {
    font-size: 16px;
  }
}
.facility_page .facility_top .inner .box_top_left, .facility_page .facility_top .inner .box_bottom_right {
  width: 110px;
  height: 110px;
  background-image: url(img/facility/facility_bg_b.png);
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_top .inner .box_top_left, .facility_page .facility_top .inner .box_bottom_right {
    width: 90px;
    height: 90px;
  }
}
.facility_page .facility_top .inner .box_top_left_sub,
.facility_page .facility_top .inner .box_bottom_right_sub {
  width: 91px;
  height: 91px;
  background-image: url(img/facility/facility_wood-gray.png);
  position: absolute;
  z-index: -2;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_top .inner .box_top_left_sub,
  .facility_page .facility_top .inner .box_bottom_right_sub {
    width: 80px;
    height: 80px;
  }
}
.facility_page .facility_top .inner .box_top_left {
  top: -20px;
  left: -20px;
}
.facility_page .facility_top .inner .box_bottom_right {
  bottom: -20px;
  right: -20px;
}
.facility_page .facility_top .inner .box_top_left_sub {
  top: 31px;
  left: -53px;
}
.facility_page .facility_top .inner .box_bottom_right_sub {
  bottom: 31px;
  right: -53px;
}
.facility_page .facility_info {
  background: #EFEFEF;
}
.facility_page .facility_info .inner {
  max-width: 1420px;
  width: 100%;
  margin: auto;
  padding: 100px 0;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner {
    padding: 100px 20px;
  }
}
@media screen and (max-width: 639px) {
  .facility_page .facility_info .inner {
    padding: 100px 20px;
  }
}
.facility_page .facility_info .inner .facility_info_title {
  position: relative;
  margin-bottom: 20px;
}
.facility_page .facility_info .inner .facility_info_title::before {
  content: "";
  width: calc(100% - 210px);
  height: 3px;
  position: absolute;
  bottom: 18px;
  right: 0;
  margin: auto;
  z-index: 1;
  background-image: url(img/facility/h3-line.png);
}
@media screen and (max-width: 639px) {
  .facility_page .facility_info .inner .facility_info_title::before {
    width: calc(100% - 197px);
  }
}
.facility_page .facility_info .inner .facility_info_title h3 {
  font-size: 28px;
}
.facility_page .facility_info .inner .facility_info_title span {
  font-size: 20px;
}
.facility_page .facility_info .inner .facilities_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner .facilities_box {
    padding: 0 20px;
  }
}
.facility_page .facility_info .inner .facilities_box .co {
  list-style: none;
  width: 29.4%;
  margin-bottom: 40px;
}
@media screen and (max-width: 959px) {
  .facility_page .facility_info .inner .facilities_box .co {
    width: 45.4%;
  }
}
@media screen and (max-width: 639px) {
  .facility_page .facility_info .inner .facilities_box .co {
    width: 100%;
  }
}
.facility_page .facility_info .inner .facilities_box .co .co_title {
  border-bottom: #1A1A1A 1px solid;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.facility_page .facility_info .inner .facilities_box .co .co_title .title, .facility_page .facility_info .inner .facilities_box .co .co_title .floor_num {
  color: #1A1A1A;
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner .facilities_box .co .co_title .title, .facility_page .facility_info .inner .facilities_box .co .co_title .floor_num {
    font-size: 16px;
  }
}
.facility_page .facility_info .inner .facilities_box .co .co_title .title {
  width: calc(100% - 30px);
  font-size: 30px;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner .facilities_box .co .co_title .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  .facility_page .facility_info .inner .facilities_box .co .co_title .title {
    font-size: 18px;
  }
}
.facility_page .facility_info .inner .facilities_box .co .co_title .floor_num {
  width: 30px;
  font-size: 25px;
}
.facility_page .facility_info .inner .facilities_box .co .co_info p, .facility_page .facility_info .inner .facilities_box .co .co_info th, .facility_page .facility_info .inner .facilities_box .co .co_info td, .facility_page .facility_info .inner .facilities_box .co .co_info span {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner .facilities_box .co .co_info p, .facility_page .facility_info .inner .facilities_box .co .co_info th, .facility_page .facility_info .inner .facilities_box .co .co_info td, .facility_page .facility_info .inner .facilities_box .co .co_info span {
    font-size: 16px;
  }
}
.facility_page .facility_info .inner .facilities_box .co .co_info th, .facility_page .facility_info .inner .facilities_box .co .co_info td {
  text-align: start;
  vertical-align: baseline;
}
.facility_page .facility_info .inner .facilities_box .co .co_info td {
  padding-left: 20px;
}
.facility_page .facility_info .inner .facilities_box .co_info_area {
  list-style: none;
  width: 67%;
  max-width: 925px;
  height: -moz-fit-content;
  height: fit-content;
  background: #FFFFFF;
  padding: 44px 44px 44px 42px;
}
@media screen and (max-width: 639px) {
  .facility_page .facility_info .inner .facilities_box .co_info_area {
    width: 100%;
  }
}
.facility_page .facility_info .inner .facilities_box .co_info_area h4, .facility_page .facility_info .inner .facilities_box .co_info_area p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .facility_page .facility_info .inner .facilities_box .co_info_area h4, .facility_page .facility_info .inner .facilities_box .co_info_area p {
    font-size: 16px;
  }
}
.facility_page .facility_info .inner .facilities_box .co_info_area h4 {
  margin-bottom: 3px;
}

.access_kv {
  background-image: url(img/access/access_kv.webp);
}

.access_top {
  padding-top: 88px;
}
@media screen and (max-width: 1299px) {
  .access_top {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.access_top .inner {
  display: flex;
  justify-content: space-between;
  max-width: 1420px;
  width: 100%;
  margin: auto;
}
.access_top .inner .co h3 {
  font-size: 30px;
  max-width: 597px;
  margin-bottom: 28px;
  letter-spacing: 3px;
}
.access_top .inner .co > p {
  margin-bottom: 35px;
}
.access_top .inner .co .co_img {
  max-width: 597px;
  aspect-ratio: 484/279;
}
@media screen and (max-width: 959px) {
  .access_top .inner .co .co_img {
    margin: auto;
  }
}
.access_top .inner .co .co_img img {
  border-end-start-radius: 22px;
  border-start-end-radius: 22px;
}
.access_top .inner .co .access_info {
  border: #707070 1px solid;
  padding: 20px 36px 5px;
  margin-top: 24px;
}
.access_top .inner .co .access_info span {
  font-size: 25px;
}
.access_top .inner .co .access_info h4 {
  font-size: 22px;
  margin-bottom: 5px;
}
.access_top .inner .co .access_info > p {
  margin-top: 13px;
  font-size: 18px;
  text-indent: -24px;
  padding-left: 24px;
}
@media screen and (max-width: 639px) {
  .access_top .inner .co .access_info > p {
    font-size: 16px;
  }
}
.access_top .inner .co .access_info .access_info_box p {
  font-size: 18px;
}
@media screen and (max-width: 1299px) {
  .access_top .inner .co .access_info .access_info_box p {
    font-size: 16px;
  }
}
.access_top .inner .co .access_info .access_info_box .tel {
  font-size: 15px;
}
.access_top .inner .co .access_info .access_info_box .fax {
  font-size: 14px;
}
.access_top .inner .co .access_info .access_info_box td {
  padding-left: 12px;
}
.access_top .inner .co .co_map.tb-map,
.access_top .inner .co .height_2rem.tb-map {
  display: none;
}
@media screen and (max-width: 959px) {
  .access_top .inner .co .co_map.tb-map,
  .access_top .inner .co .height_2rem.tb-map {
    display: block;
    max-width: 600px;
    margin: auto;
  }
}
.access_top .inner .co1 {
  max-width: 597px;
}
.access_top .inner .co2 {
  max-width: 735px;
  align-content: center;
}
@media screen and (max-width: 959px) {
  .access_top .inner .co2 {
    display: none;
  }
}
.access_top .inner .co2 .co_map {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1299px) {
  .access_top .inner .co1, .access_top .inner .co2 {
    width: 49%;
  }
}
@media screen and (max-width: 959px) {
  .access_top .inner .co1, .access_top .inner .co2 {
    width: 100%;
    max-width: 1000px;
  }
}

.access_map_se {
  max-width: 1420px;
  margin: auto;
  margin-top: 94px;
}
@media screen and (max-width: 1299px) {
  .access_map_se {
    padding: 0 20px;
  }
}
.access_map_se .map_title {
  position: relative;
  margin-bottom: 20px;
}
.access_map_se .map_title::before {
  content: "";
  width: calc(100% - 210px);
  height: 3px;
  position: absolute;
  bottom: 18px;
  right: 0;
  margin: auto;
  z-index: 1;
  background-image: url(img/facility/h3-line.webp);
}
.access_map_se .map_title h3 {
  font-size: 28px;
}
.access_map_se .map_title span {
  font-size: 20px;
}
.access_map_se .map_box {
  width: 100%;
  height: auto;
  aspect-ratio: 1420/774;
  margin-bottom: 20px;
}
.access_map_se .map_box iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.access_map_se .viewmore_btn {
  display: block;
  width: 164px;
  margin: 0 0 0 auto;
  font-size: 20px;
}

.access_means_se {
  max-width: 1420px;
  margin: auto;
  margin-top: 94px;
}
@media screen and (max-width: 1299px) {
  .access_means_se {
    padding: 0 20px;
  }
}
.access_means_se .access_means_title {
  position: relative;
  margin-bottom: 20px;
}
.access_means_se .access_means_title::before {
  content: "";
  width: calc(100% - 350px);
  height: 3px;
  position: absolute;
  bottom: 18px;
  right: 0;
  margin: auto;
  z-index: 1;
  background-image: url(img/facility/h3-line.png);
}
.access_means_se .access_means_title h3 {
  font-size: 28px;
}
.access_means_se .access_means_title span {
  font-size: 20px;
}
.access_means_se .access_means_box {
  width: 100%;
  height: auto;
  margin-bottom: 90px;
}
.access_means_se .access_means_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.access_page .common_se {
  padding: 0;
}

.sp_menue_box {
  display: none;
  height: 0;
  z-index: -1;
}

.sp_menue_box.active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background: #707070;
  z-index: 1001;
  width: 100%;
  height: 100vh;
  padding: 30px 20px 0;
}
.sp_menue_box.active .sp_menue_inner {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_inner_box {
  height: 450px;
  overflow-y: scroll;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 25px;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_header .logo {
  width: 166px;
  height: auto;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_header .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_header .close_btn {
  width: 18px;
  height: 18px;
  margin-top: 6px;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_header .close_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists,
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 {
  padding: 20px 0;
  border-top: 1px solid #fff;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists li,
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 li {
  list-style: none;
  color: #fff;
  margin: 5px 0;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists li a,
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 li a {
  text-decoration: none;
  color: #fff;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists.room a {
  display: flex;
  flex-wrap: nowrap;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists.room a .room {
  width: 42%;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists.room a .room, .sp_menue_box.active .sp_menue_inner .sp_menue_lists.room a .room_style {
  color: #fff;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 li {
  width: -moz-fit-content;
  width: fit-content;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_lists2 li a {
  font-size: 15px;
}
.sp_menue_box.active .sp_menue_inner .sp_menue_btn {
  width: 280px;
  height: auto;
  margin: auto;
}

.info_kv {
  background-image: url(img/h2-bg.png);
  padding: 30px;
  height: 246px;
  align-content: center;
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 639px) {
  .info_kv {
    padding-top: 90px;
  }
}
.info_kv h2 {
  text-align: center;
  margin: auto 0;
  font-size: 48px;
}
@media screen and (max-width: 639px) {
  .info_kv h2 {
    font-size: 30px;
  }
}
.info_kv p {
  text-align: center;
  margin: auto 0;
  font-size: 23px;
}
@media screen and (max-width: 639px) {
  .info_kv p {
    font-size: 15px;
  }
}
.info_kv::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 30px;
  left: 0;
  background-image: url(img/common/wood-gray.webp);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 639px) {
  .info_kv::before {
    top: 15px;
  }
}

.post__layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1420px;
  margin: 40px auto;
  padding-top: 100px;
}
@media screen and (max-width: 1299px) {
  .post__layout {
    padding: 0 10px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 639px) {
  .post__layout {
    padding: 0 20px;
  }
}
.post__layout .post-single {
  width: calc(100% - 400px);
  max-width: 960px;
}
@media screen and (max-width: 959px) {
  .post__layout .post-single {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 639px) {
  .post__layout .post-single {
    width: 100%;
  }
}
.post__layout .post-single .post__header h2 {
  font-size: 25px;
  border-bottom: 1px solid #707070;
}
.post__layout .post-single .post__header .post__meta time, .post__layout .post-single .post__header .post__meta span {
  font-size: 18px;
}
.post__layout .post-single .post__header .post__meta .badge {
  display: inline-block;
  padding: 0 8px;
}
.post__layout .post-single .post__body {
  margin-top: 24px;
  line-height: 1.8;
  border-bottom: #1A1A1A solid 1px;
  padding-bottom: 48px;
}
.post__layout .post-single .post__body .thumbnail_box {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
.post__layout .post-single .post__body .thumbnail_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post__layout .post-single .post__body p {
  line-height: 1.7;
  padding-bottom: 18px;
}
.post__layout .post__aside {
  width: 400px;
}
@media screen and (max-width: 959px) {
  .post__layout .post__aside {
    width: 200px;
  }
}
@media screen and (max-width: 639px) {
  .post__layout .post__aside {
    width: 100%;
  }
}

.post__footer {
  max-width: 480px;
  margin: 48px 0 64px auto;
}
@media screen and (max-width: 639px) {
  .post__footer {
    margin: 48px auto 64px;
  }
}
.post__footer .post-nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 639px) {
  .post__footer .post-nav {
    grid-template-columns: 1fr;
  }
}
.post__footer .post-nav .post-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  font-size: 18px;
}
.post__footer .post-nav .post-nav__link:hover {
  border-color: #ddd;
}
.post__footer .post-nav .post-nav__link.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.info_posts_layout, .blog--single {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1420px;
  margin: 40px auto;
  padding-top: 100px;
}
@media screen and (max-width: 959px) {
  .info_posts_layout, .blog--single {
    padding: 100px 0 0;
  }
}
.info_posts_layout .info_posts_box, .blog--single .info_posts_box {
  width: calc(100% - 400px);
  max-width: 960px;
}
@media screen and (max-width: 959px) {
  .info_posts_layout .info_posts_box, .blog--single .info_posts_box {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box, .blog--single .info_posts_box {
    width: 100%;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card, .blog--single .info_posts_box .post-list .post_card {
  padding: 16px;
  border-top: #707070 1px solid;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card, .blog--single .info_posts_box .post-list .post_card {
    padding: 12px 0;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner, .blog--single .info_posts_box .post-list .post_card .inner {
  display: flex;
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co1, .blog--single .info_posts_box .post-list .post_card .inner .co1 {
  width: 201px;
  height: 125px;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co1, .blog--single .info_posts_box .post-list .post_card .inner .co1 {
    width: 25%;
    height: auto;
    aspect-ratio: 109/68;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2, .blog--single .info_posts_box .post-list .post_card .inner .co2 {
  padding-left: 20px;
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header, .blog--single .info_posts_box .post-list .post_card .inner .co2 .post_header {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header .date, .blog--single .info_posts_box .post-list .post_card .inner .co2 .post_header .date {
  font-size: 18px;
  font-family: "Sawarabi Mincho", serif;
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header .date, .blog--single .info_posts_box .post-list .post_card .inner .co2 .post_header .date {
    font-size: 15px;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header .category, .blog--single .info_posts_box .post-list .post_card .inner .co2 .post_header .category {
  background: #707070;
  color: #fff;
  width: 109px;
  margin-left: 20px;
  text-align: center;
  text-wrap: nowrap;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header .category, .blog--single .info_posts_box .post-list .post_card .inner .co2 .post_header .category {
    font-size: 12px;
    width: 88px;
    margin-left: 8px;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 a, .blog--single .info_posts_box .post-list .post_card .inner .co2 a {
  color: #535353;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 a, .blog--single .info_posts_box .post-list .post_card .inner .co2 a {
    font-size: 15px;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card:last-child, .blog--single .info_posts_box .post-list .post_card:last-child {
  border-bottom: #707070 1px solid;
}
.info_posts_layout .info_aside,
.info_posts_layout .post_aside, .blog--single .info_aside,
.blog--single .post_aside {
  width: 380px;
}
@media screen and (max-width: 959px) {
  .info_posts_layout .info_aside,
  .info_posts_layout .post_aside, .blog--single .info_aside,
  .blog--single .post_aside {
    width: 200px;
  }
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_aside,
  .info_posts_layout .post_aside, .blog--single .info_aside,
  .blog--single .post_aside {
    width: 100%;
  }
}
.info_posts_layout .info_aside .category_box,
.info_posts_layout .info_aside .years_box,
.info_posts_layout .post_aside .category_box,
.info_posts_layout .post_aside .years_box, .blog--single .info_aside .category_box,
.blog--single .info_aside .years_box,
.blog--single .post_aside .category_box,
.blog--single .post_aside .years_box {
  padding: 30px;
  box-shadow: 0 0 15px #8E8E8E;
  margin-bottom: 30px;
}
.info_posts_layout .info_aside .category_box h3,
.info_posts_layout .info_aside .years_box h3,
.info_posts_layout .post_aside .category_box h3,
.info_posts_layout .post_aside .years_box h3, .blog--single .info_aside .category_box h3,
.blog--single .info_aside .years_box h3,
.blog--single .post_aside .category_box h3,
.blog--single .post_aside .years_box h3 {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.info_posts_layout .info_aside .category_box .category-archive,
.info_posts_layout .info_aside .years_box .category-archive,
.info_posts_layout .post_aside .category_box .category-archive,
.info_posts_layout .post_aside .years_box .category-archive, .blog--single .info_aside .category_box .category-archive,
.blog--single .info_aside .years_box .category-archive,
.blog--single .post_aside .category_box .category-archive,
.blog--single .post_aside .years_box .category-archive {
  list-style: none;
}
.info_posts_layout .info_aside .category_box .category-archive li,
.info_posts_layout .info_aside .years_box .category-archive li,
.info_posts_layout .post_aside .category_box .category-archive li,
.info_posts_layout .post_aside .years_box .category-archive li, .blog--single .info_aside .category_box .category-archive li,
.blog--single .info_aside .years_box .category-archive li,
.blog--single .post_aside .category_box .category-archive li,
.blog--single .post_aside .years_box .category-archive li {
  margin-bottom: 10px;
}
.info_posts_layout .info_aside .category_box .category-archive li a,
.info_posts_layout .info_aside .years_box .category-archive li a,
.info_posts_layout .post_aside .category_box .category-archive li a,
.info_posts_layout .post_aside .years_box .category-archive li a, .blog--single .info_aside .category_box .category-archive li a,
.blog--single .info_aside .years_box .category-archive li a,
.blog--single .post_aside .category_box .category-archive li a,
.blog--single .post_aside .years_box .category-archive li a {
  text-decoration: none;
}
.info_posts_layout .info_aside .years_box .archive-year,
.info_posts_layout .post_aside .years_box .archive-year, .blog--single .info_aside .years_box .archive-year,
.blog--single .post_aside .years_box .archive-year {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
}
.info_posts_layout .info_aside .years_box li a,
.info_posts_layout .post_aside .years_box li a, .blog--single .info_aside .years_box li a,
.blog--single .post_aside .years_box li a {
  text-decoration: none;
}

@media screen and (max-width: 959px) {
  .info_posts_layout .info_posts_box {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .info_posts_layout .info_aside {
    width: 400px;
  }
}

.blog--single .info_aside {
  width: 380px;
}
@media screen and (max-width: 959px) {
  .blog--single .info_aside {
    width: 180px;
  }
}
@media screen and (max-width: 639px) {
  .blog--single .info_aside {
    width: 100%;
    margin-top: 20px;
  }
}

.post_aside {
  width: 400px;
}
@media screen and (max-width: 959px) {
  .post_aside {
    width: 200px;
  }
}
@media screen and (max-width: 639px) {
  .post_aside {
    width: 100%;
  }
}
.post_aside .category_box,
.post_aside .years_box {
  padding: 30px;
  box-shadow: 0 0 15px #f9f9f9;
  margin-bottom: 30px;
}
.post_aside .category_box h3,
.post_aside .years_box h3 {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.post_aside .category_box .category-archive,
.post_aside .years_box .category-archive {
  list-style: none;
}
.post_aside .category_box .category-archive li,
.post_aside .years_box .category-archive li {
  margin-bottom: 10px;
}
.post_aside .category_box .category-archive li a,
.post_aside .years_box .category-archive li a {
  text-decoration: none;
}
.post_aside .years_box .archive-year {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
  margin-top: 10px;
}
.post_aside .years_box li a {
  text-decoration: none;
}

.contact_se {
  max-width: 1420px;
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 80px 0;
}
@media screen and (max-width: 1299px) {
  .contact_se {
    padding: 40px 20px 0;
  }
}
@media screen and (max-width: 639px) {
  .contact_se {
    padding: 40px 20px 0;
  }
}
.contact_se h3 {
  display: inline-block;
  color: #1A1A1A;
  border-bottom: #1A1A1A 1px solid;
  margin: 0 auto 30px;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .contact_se h3 {
    font-size: 16px;
  }
}
.contact_se > p {
  font-size: 20px;
}
@media screen and (max-width: 1299px) {
  .contact_se > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_se > p {
    text-align: start;
  }
}
.contact_se .tel_box {
  max-width: 1420px;
  background: #707070;
  width: 100%;
  text-align: center;
  padding: 40px 0;
  margin: 60px auto 70px;
}
.contact_se .tel_box p, .contact_se .tel_box a, .contact_se .tel_box span {
  color: #fff;
}
.contact_se .tel_box a {
  font-size: 55px;
}
@media screen and (max-width: 639px) {
  .contact_se .tel_box a {
    font-size: 32px;
  }
}
.contact_se .tel_box span {
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .contact_se .info_box .viewmore_btn {
    width: 153px;
    margin: 30px auto;
    font-size: 18px;
    padding-right: 18px;
  }
}

.contact_flow {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto;
}
@media screen and (max-width: 639px) {
  .contact_flow {
    flex-wrap: wrap;
  }
}
.contact_flow .contact_flow_list {
  width: 30%;
  background: #EBEBEB;
  color: #1A1A1A;
  font-size: 23px;
  padding: 17.5px 0;
}
@media screen and (max-width: 1299px) {
  .contact_flow .contact_flow_list {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  .contact_flow .contact_flow_list {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_flow .contact_flow_list {
    width: 100%;
    font-size: 18px;
  }
}
.contact_flow .contact_flow_list.is_active {
  background: #707070;
  color: #fff;
}
.contact_flow .contact_flow_icon {
  width: 10px;
  height: 20px;
  background-image: url(img/contact/contact_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 639px) {
  .contact_flow .contact_flow_icon {
    transform: rotate(90deg);
    margin: 5px auto;
  }
}

.contact_area table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #707070;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.contact_area table tbody tr th {
  background: #707070;
  color: #fff;
  width: 30%;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1299px) {
  .contact_area table tbody tr th {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_area table tbody tr th {
    width: 100%;
  }
}
.contact_area table tbody tr td {
  text-align: left;
  border: 1px solid #707070;
  padding: 40px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody tr td {
    width: 100%;
    padding: 20px;
  }
}
.contact_area table tbody tr td input {
  width: 100%;
  max-width: 500px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody tr td input {
    max-width: 700px;
  }
}
.contact_area table tbody tr td textarea {
  width: 100%;
  max-width: 854px;
  min-height: 150px;
}
.contact_area table tbody tr td input::-moz-placeholder, .contact_area table tbody tr td textarea::-moz-placeholder {
  opacity: 0.7;
}
.contact_area table tbody tr td input::placeholder,
.contact_area table tbody tr td textarea::placeholder {
  opacity: 0.7;
}
.contact_area table tbody tr:last-child td {
  border-bottom: 1px solid #707070;
}
.contact_area form > p {
  text-align: start;
  line-height: 1.7;
}
.contact_area .button-area {
  text-align: center;
}
.contact_area .button-area .submit_btn {
  max-width: 420px;
  margin: 45px auto 0;
}
.contact_area .button-area .submit_btn button {
  width: 100%;
  height: 100%;
  background: #707070;
  color: #fff;
  padding: 18.5px 0;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .contact_area .button-area .submit_btn button {
    font-size: 20px;
  }
}
.contact_area .button-area p {
  display: inline-block;
}

.button-area {
  text-align: center;
}
.button-area .submit_btn {
  max-width: 420px;
  margin: 45px auto 0;
}
.button-area .submit_btn button {
  width: 100%;
  height: 100%;
  background: #707070;
  color: #fff;
  padding: 18.5px 0;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .button-area .submit_btn button {
    font-size: 20px;
  }
}
.button-area .submit_btn button:hover {
  opacity: 0.7;
}
.button-area p {
  display: inline-block;
}
.button-area .submit_btn.back button {
  background: #EBEBEB;
  border: none;
  color: #707070;
}

.contact_confirm p {
  margin: 30px 0 40px;
}
.contact_confirm table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #707070;
}
@media screen and (max-width: 639px) {
  .contact_confirm table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.contact_confirm table tbody tr th {
  background: #707070;
  color: #fff;
  width: 30%;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1299px) {
  .contact_confirm table tbody tr th {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_confirm table tbody tr th {
    width: 100%;
  }
}
.contact_confirm table tbody tr td {
  text-align: left;
  border: 1px solid #707070;
  padding: 40px;
}
@media screen and (max-width: 639px) {
  .contact_confirm table tbody tr td {
    width: 100%;
  }
}
.contact_confirm table tbody tr td input {
  width: 100%;
  max-width: 500px;
}
.contact_confirm table tbody tr td textarea {
  width: 100%;
  max-width: 854px;
  min-height: 150px;
}
.contact_confirm table tbody tr td input::-moz-placeholder, .contact_confirm table tbody tr td textarea::-moz-placeholder {
  opacity: 0.7;
}
.contact_confirm table tbody tr td input::placeholder,
.contact_confirm table tbody tr td textarea::placeholder {
  opacity: 0.7;
}
.contact_confirm table tbody tr:last-child td {
  border-bottom: 1px solid #707070;
}

.contact_thanks {
  height: 40vh;
}
.contact_thanks h3 {
  display: inline-block;
  font-size: 36px;
}
@media screen and (max-width: 639px) {
  .contact_thanks h3 {
    font-size: 28px;
  }
}
.contact_thanks .sp-none {
  display: inline-block;
}
@media screen and (max-width: 639px) {
  .contact_thanks .sp-none {
    display: none;
  }
}
.contact_thanks .pc-none {
  display: none;
}
@media screen and (max-width: 639px) {
  .contact_thanks .pc-none {
    display: inline-block;
  }
}
@media screen and (max-width: 1299px) {
  .contact_thanks p {
    font-size: 16px;
  }
}

.pagination {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 134px;
  flex-wrap: wrap;
}

.pagination__link,
.pagination__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  text-decoration: none;
  color: #1A1A1A;
}

.pagination__link:hover,
.pagination__arrow:hover {
  border-color: #ddd;
}

.pagination__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.blog--single {
  padding-top: 0;
  margin: 0 auto;
}

.lang_selectbox {
  display: none;
  position: absolute;
  top: 106px;
  right: 11%;
  z-index: 2;
}
@media screen and (max-width: 1299px) {
  .lang_selectbox {
    top: 80px;
    right: 17%;
  }
}
@media screen and (max-width: 959px) {
  .lang_selectbox {
    right: 0%;
    top: 0px;
  }
}
@media screen and (max-width: 639px) {
  .lang_selectbox {
    right: 0%;
    top: 0px;
  }
}
.lang_selectbox .lang_list {
  width: 100px;
  position: absolute;
  top: 100%;
  right: 17%;
  z-index: 2;
  background: #fff;
  padding: 10px;
}
.lang_selectbox .lang_list a {
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  .lang_selectbox .lang_list {
    right: 0%;
    top: 81px;
    position: fixed;
  }
}
.lang_selectbox .lang_list.active {
  display: block;
}

.lang_selectbox.active {
  display: block;
}

.jtb-my-style_kv {
  background-image: url(../img/jtb-my-style/jtb-my-style_kv.webp);
}

.jtb-my-style_se {
  max-width: 1420px;
  margin: 87px auto 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}
.jtb-my-style_se .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.jtb-my-style_se .inner .co1, .jtb-my-style_se .inner .co2 {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1, .jtb-my-style_se .inner .co2 {
    width: 100%;
  }
}
.jtb-my-style_se .inner .co1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1 .co1_text {
    max-width: 95%;
    margin: 40px auto;
  }
}
.jtb-my-style_se .inner .co1 .co1_text h3 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1 .co1_text h3 {
    font-size: 24px;
  }
}
.jtb-my-style_se .inner .co1 .co1_text p {
  font-size: 18px;
  max-width: 489px;
  margin: 40px auto 0;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1 .co1_text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1 .co1_inner {
    width: 80%;
    margin: auto;
  }
}
.jtb-my-style_se .inner .co1 .co1_inner .co_img {
  max-width: 450px;
  margin: auto;
}
.jtb-my-style_se .inner .co1 .co1_inner p {
  max-width: 460px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co1 .co1_inner p {
    font-size: 14px;
  }
}
.jtb-my-style_se .inner .co2 .co_img {
  max-width: 593px;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_se .inner .co2 .co_img {
    width: 90%;
    margin: 20px auto;
  }
}

.jtb-my-style_link_se {
  margin: 69px auto 0;
}
.jtb-my-style_link_se .inner {
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.jtb-my-style_link_se .inner .link_btn {
  position: relative;
  width: 45%;
}
.jtb-my-style_link_se .inner .link_btn:hover {
  opacity: 0.9;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_link_se .inner .link_btn {
    width: 90%;
    margin: auto;
  }
}
.jtb-my-style_link_se .inner .link_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.jtb-my-style_link_se .inner .link_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_link_se .inner .link_btn:last-child {
    margin-top: 32px;
  }
}
.jtb-my-style_link_se .jtb-my-style_link_text {
  max-width: 1189px;
  margin: 41px auto 0;
}
.jtb-my-style_link_se .jtb-my-style_link_text p {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .jtb-my-style_link_se .jtb-my-style_link_text p {
    font-size: 14px;
    width: 95%;
    text-indent: -16px;
    padding-left: 16px;
    margin: auto;
  }
}

.top_recommended .jtb-my-style-top_link {
  max-width: 377px;
  width: 80%;
  margin: 50px auto 0;
  position: relative;
  z-index: 1;
}
.top_recommended .jtb-my-style-top_link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}/*# sourceMappingURL=style.css.map */