@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&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: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
  color: #000;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
@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;
  background: linear-gradient(to right, #B9B9B9 0%, #B9B9B9 41.77%, #EBEBEB 41.77%, #EBEBEB 43.59375%, #FFFFFF 43.59375%, #FFFFFF 100%);
}
@media screen and (max-width: 639px) {
  main {
    background: linear-gradient(to right, #B9B9B9 0%, #B9B9B9 45%, #EBEBEB 45%, #EBEBEB 47%, #FFFFFF 47%, #FFFFFF 100%);
  }
}

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

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

p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 1199px) {
  p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  p {
    font-size: 14px;
  }
}

.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 (min-width: 1669px) {
  .tb-block {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .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;
  }
}

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

header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 10000;
  width: 100%;
}
header::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: calc(100% - 350px);
  height: 100%;
  background: linear-gradient(to left, rgb(234, 234, 234), rgba(234, 234, 234, 0));
}
@media screen and (max-width: 1199px) {
  header::before {
    width: calc(100% - 200px);
  }
}
@media screen and (min-width: 1669px) {
  header {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  header {
    top: 0px;
  }
}
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 .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  height: auto;
  margin-left: auto;
}
@media screen and (min-width: 1669px) {
  header .header_inner {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  header .header_inner {
    max-width: 1670px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner {
    padding-top: 10px;
    background: none;
  }
}
header .header_inner .logo {
  width: 189px;
  height: auto;
  margin-left: 30px;
}
@media screen and (max-width: 1199px) {
  header .header_inner .logo {
    width: 150px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .logo {
    width: 135px;
    z-index: 1000;
  }
}
@media screen and (max-width: 639px) {
  header .header_inner .logo {
    width: 110px;
  }
}
header .header_inner .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .header_inner .logo a {
  font-size: 25px;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  header .header_inner .logo a {
    font-size: 20px;
  }
}
header .header_inner .nav_list {
  width: 820px;
  align-content: center;
}
@media screen and (max-width: 1199px) {
  header .header_inner .nav_list {
    width: 750px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list {
    position: absolute;
    top: 0;
    right: -100%;
    width: 70%;
    transition: 1s;
    z-index: -1;
    background: #93252D;
  }
  header .header_inner .nav_list ul {
    display: block !important;
    background: #EBEBEB;
    height: 100vh;
    padding: 7rem 0.5rem 3rem 2rem;
    position: relative;
    z-index: 1000;
  }
  header .header_inner .nav_list ul li {
    position: relative;
    margin-bottom: 2rem;
    color: #000000;
    font-size: 25px;
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    color: #fff;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}
header .header_inner .nav_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header .header_inner .nav_list ul li {
  position: relative;
  list-style: none;
  padding: 0.1rem 0.5rem;
  color: #000;
  font-size: 25px;
}
header .header_inner .nav_list ul li::before {
  content: "";
  width: 6px;
  height: 70%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
  margin: auto;
  z-index: 2;
  background: #707070;
  border-radius: 10px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li::before {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    font-size: 20px;
    color: #fff;
    width: 50%;
    min-width: 225px;
    margin: 0 auto 30px;
  }
}
header .header_inner .nav_list ul li a {
  font-size: 0.875rem;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
header .header_inner .nav_list ul li .list_box {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
header .header_inner .nav_list ul li .list_box .list_icon {
  width: 38px;
  height: auto;
  margin-right: 5px;
}
header .header_inner .nav_list ul li .list_box .list_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .header_inner .nav_list ul li .list_box .lang_list {
  display: none;
  width: 115px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(234, 234, 234);
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li .list_box .lang_list {
    position: relative;
  }
}
header .header_inner .nav_list ul li .list_box .lang_list .lang_list_item {
  display: block;
  margin-bottom: 10px;
}
header .header_inner .nav_list ul li .list_box .lang_list .lang_list_item a {
  position: relative;
}
header .header_inner .nav_list ul li .list_box .lang_list.active {
  display: block;
}
header .header_inner .nav_list ul li .list_title {
  min-width: 50px;
  margin: auto;
  padding: 5px 0;
}
header .header_inner .nav_list ul li .list_title p {
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
  color: #707070;
}
header .header_inner .nav_list ul li .list_title p span {
  font-size: 13px;
  text-align: center;
  color: #707070;
}
header .header_inner .nav_list ul #lang_btn {
  cursor: pointer;
}
header .header_inner .nav_list ul li:nth-child(1) .list_box .list_icon {
  width: 35px;
}
header .header_inner .nav_list ul li:nth-child(2) .list_box .list_icon {
  width: 50px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li:nth-child(2) .list_box .list_icon {
    width: 35px;
  }
}
header .header_inner .nav_list ul li:nth-child(3) .list_box .list_icon {
  width: 38px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li:nth-child(3) .list_box .list_icon {
    height: 40px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li:nth-child(3) .list_box .list_title {
    height: 58px;
    margin-top: 0;
  }
}
header .header_inner .nav_list ul li:nth-child(4) .list_box .list_icon {
  width: 50px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li:nth-child(4) .list_box .list_icon {
    width: 35px;
  }
}
header .header_inner .nav_list ul li:nth-child(5) .list_box .list_icon {
  width: 50px;
}
header .header_inner .nav_list ul li:last-child::before {
  display: none;
}
header .header_inner .nav_list ul .contact_nav_btn {
  background: #DEC60A;
  border-radius: 5px;
}
header .header_inner .nav_list ul .contact_nav_btn a {
  color: #fff;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list.active {
    right: 0%;
  }
}
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: 86.97%;
  margin-left: auto;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 639px) {
  .main_title {
    width: 96%;
  }
}
.main_title h2, .main_title h3, .main_title h4 {
  font-weight: normal;
  color: #fff;
}
.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 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;
}

.top_kv, .consulting_kv {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1920/1180;
}
.top_kv img, .consulting_kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_kv {
  position: relative;
  aspect-ratio: 1920/893;
}
.top_kv .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
}
.top_kv .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.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;
  font-family: "M PLUS 2", sans-serif;
}
@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 {
  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.active {
  background: #94935A;
}

.reserve_area {
  background: #E7E0D8;
  padding: 10px 20px;
  position: relative;
}
.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 #searchBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 890px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_input_area #searchBox {
    padding: 0 25px;
  }
}
.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;
}
.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_area .reserve_input_area {
  display: block;
}
.reserve_area .reserve_link {
  display: flex;
  justify-content: space-between;
  max-width: 364px;
  width: 100%;
  margin: 30px auto 0;
}
.reserve_area .reserve_link a {
  text-decoration: none;
  padding-bottom: 20px;
}

.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;
}

.top_comfortable .section_text, .top_accessible .section_text, .top_commendable .section_text, .top_selectable .section_text {
  max-width: 1420px;
  margin: 20px auto;
}
.top_comfortable .section_text > p, .top_accessible .section_text > p, .top_commendable .section_text > p, .top_selectable .section_text > p {
  width: 100%;
  max-width: 475px;
  padding-right: 30px;
  color: #707070;
  margin: 20px 0 20px auto;
}
@media screen and (max-width: 639px) {
  .top_comfortable .section_text > p, .top_accessible .section_text > p, .top_commendable .section_text > p, .top_selectable .section_text > p {
    padding-right: 0;
    padding: 0 10px;
  }
}

.top_comfortable {
  padding: 40px 0 180px;
}
.top_comfortable .top_comfortable_open {
  margin-bottom: 250px;
}
@media screen and (max-width: 959px) {
  .top_comfortable .top_comfortable_open {
    margin-bottom: 150px;
  }
}
.top_comfortable .top_comfortable_open .top_comfortable_open_img {
  width: 76.5625%;
}
@media screen and (max-width: 639px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_img {
    width: 90%;
  }
}
.top_comfortable .top_comfortable_open .top_comfortable_open_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_comfortable .top_comfortable_open .top_comfortable_open_text {
  max-width: 871px;
  width: 45.3645833%;
  background: rgba(235, 235, 235, 0.85);
  aspect-ratio: 871/343;
  margin-left: auto;
  position: relative;
  z-index: 3;
  margin-top: -360px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text {
    margin-top: -270px;
  }
}
@media screen and (max-width: 959px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text {
    margin-top: -90px;
    width: 52%;
    padding: 18px;
  }
}
@media screen and (max-width: 639px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text {
    width: 80%;
    min-width: 340px;
    margin-top: 0px;
    padding: 0;
  }
}
.top_comfortable .top_comfortable_open .top_comfortable_open_text p {
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  align-content: center;
  line-height: 1.8;
  font-size: 32px;
}
@media screen and (max-width: 1199px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text p {
    font-size: 28px;
  }
}
@media screen and (max-width: 959px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text p {
    font-size: 20px;
  }
}
@media screen and (max-width: 639px) {
  .top_comfortable .top_comfortable_open .top_comfortable_open_text p {
    font-size: 20px;
  }
}
.top_comfortable .room_item {
  max-width: 1700px;
  position: relative;
  margin: auto;
  margin-bottom: 60px;
}
.top_comfortable .room_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_comfortable .room_item .room_title {
  position: absolute;
  bottom: -19px;
  left: 10px;
}
.top_comfortable .room_item .room_title p {
  color: #fff;
}
.top_comfortable .room_item2 {
  max-width: 1700px;
  position: relative;
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}
.top_comfortable .room_item2 .co1 {
  width: 70%;
  position: relative;
}
@media screen and (max-width: 959px) {
  .top_comfortable .room_item2 .co1 {
    width: 65%;
  }
}
@media screen and (max-width: 639px) {
  .top_comfortable .room_item2 .co1 {
    width: 100%;
    margin-bottom: 40px;
  }
}
.top_comfortable .room_item2 .co1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_comfortable .room_item2 .co1 .co_title {
  position: absolute;
  bottom: -31px;
  left: 10px;
}
.top_comfortable .room_item2 .co1 .co_title p {
  color: #fff;
}
.top_comfortable .room_item2 .co2 {
  width: 30%;
}
@media screen and (max-width: 959px) {
  .top_comfortable .room_item2 .co2 {
    width: 35%;
  }
}
@media screen and (max-width: 639px) {
  .top_comfortable .room_item2 .co2 {
    width: 100%;
  }
}
.top_comfortable .room_item2 .co2 .co_img {
  width: 96.8627451%;
  height: auto;
  position: relative;
  margin-left: auto;
  margin-bottom: 40px;
}
.top_comfortable .room_item2 .co2 .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_comfortable .room_item2 .co2 .co_img .co_title {
  position: absolute;
  bottom: -18px;
  right: 10px;
}
.top_comfortable .room_item2 .co2 .co_img .co_title p {
  color: #707070;
}
.top_comfortable .room_column_item {
  display: flex;
  max-width: 1700px;
  margin: auto;
}
.top_comfortable .room_column_item .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .top_comfortable .room_column_item .inner {
    justify-content: space-around;
  }
}
.top_comfortable .room_column_item .inner .co {
  position: relative;
  width: calc(50% - 25px);
  height: auto;
  margin-bottom: 40px;
}
.top_comfortable .room_column_item .inner .co img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_comfortable .room_column_item .inner .co .co_title {
  position: absolute;
  bottom: -19px;
  display: inline-block;
}
.top_comfortable .room_column_item .inner .co .co_title p {
  color: #fff;
}
@media screen and (max-width: 639px) {
  .top_comfortable .room_column_item .inner .co .co_title p {
    font-size: 14px;
    text-wrap: nowrap;
  }
}
.top_comfortable .room_column_item .inner .co:nth-child(odd) .co_title {
  left: 10px;
}
.top_comfortable .room_column_item .inner .co:nth-child(even) .co_title {
  right: 10px;
}
.top_comfortable .room_column_item .inner .co:nth-child(even) .co_title p {
  color: #707070;
}

.top_accessible {
  padding: 0 0 120px;
  position: relative;
}
.top_accessible #TopAccessible {
  position: absolute;
  top: -230px;
  left: 0;
}
@media screen and (max-width: 959px) {
  .top_accessible #TopAccessible {
    top: -200px;
  }
}
@media screen and (max-width: 639px) {
  .top_accessible #TopAccessible {
    top: -130px;
  }
}
.top_accessible .inner {
  max-width: 1420px;
  margin: auto;
}
.top_accessible .inner .top_accessible_linebox {
  position: relative;
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 639px) {
  .top_accessible .inner .top_accessible_linebox {
    margin-top: 60px;
    margin-bottom: 120px;
  }
}
.top_accessible .inner .top_accessible_linebox .accsess_title {
  position: absolute;
  top: -76px;
  z-index: 2;
  width: 641px;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .top_accessible .inner .top_accessible_linebox .accsess_title {
    top: -67px;
    width: 500px;
  }
}
@media screen and (max-width: 639px) {
  .top_accessible .inner .top_accessible_linebox .accsess_title {
    width: 350px;
    top: -42px;
    left: 0;
    right: auto;
  }
}
.top_accessible .inner .top_accessible_linebox .accsess_title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_accessible .inner .top_accessible_linebox .accsess_linebox {
  position: relative;
  margin-left: auto;
  max-width: 1242px;
  width: 87.4647887%;
}
@media screen and (max-width: 639px) {
  .top_accessible .inner .top_accessible_linebox .accsess_linebox {
    width: 70%;
    margin: auto;
  }
}
.top_accessible .inner .top_accessible_linebox .accsess_linebox img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_accessible .adress_mapbox {
  max-width: 1000px;
  margin: auto;
}
.top_accessible .adress_mapbox .adress_map {
  width: 60.6760563%;
  height: auto;
  aspect-ratio: 961/671;
}
@media screen and (max-width: 959px) {
  .top_accessible .adress_mapbox .adress_map {
    width: 55%;
  }
}
@media screen and (max-width: 639px) {
  .top_accessible .adress_mapbox .adress_map {
    width: 100%;
    margin: auto;
    max-width: 500px;
  }
}
.top_accessible .adress_mapbox .adress_map iframe {
  width: 100%;
  height: 100%;
}
.top_accessible .adress_mapbox .adress_box {
  width: 48.6619718%;
  background: #E7E0D8;
  margin-left: auto;
  aspect-ratio: 691/426;
  display: flex;
  align-items: center;
  margin-top: -256px;
}
@media screen and (max-width: 959px) {
  .top_accessible .adress_mapbox .adress_box {
    width: 55%;
    margin-top: -200px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 639px) {
  .top_accessible .adress_mapbox .adress_box {
    width: 100%;
    max-width: 500px;
    margin-top: 0;
    margin: auto;
  }
}
.top_accessible .adress_mapbox .adress_box .inner {
  width: 70%;
  margin: auto 0;
  margin-left: auto;
}
@media screen and (max-width: 959px) {
  .top_accessible .adress_mapbox .adress_box .inner {
    width: 76%;
  }
}
@media screen and (max-width: 639px) {
  .top_accessible .adress_mapbox .adress_box .inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.top_accessible .adress_mapbox .adress_box .inner h3 {
  font-size: clamp(22px, 2.7vw, 25px);
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .top_accessible .adress_mapbox .adress_box .inner h3 {
    font-size: 22px;
  }
}

.top_commendable {
  margin-bottom: 120px;
}
.top_commendable .inner {
  display: flex;
  flex-wrap: wrap;
}
.top_commendable .inner .co {
  width: 33.3333333333%;
  aspect-ratio: 1/1;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: end;
  padding: 0 0 5% 5%;
}
@media screen and (max-width: 959px) {
  .top_commendable .inner .co {
    padding: 5% 0 0 1%;
    align-items: center;
  }
}
@media screen and (max-width: 639px) {
  .top_commendable .inner .co {
    width: 90%;
    margin: auto;
  }
}
.top_commendable .inner .co .co_text {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  background-color: rgba(185, 185, 185, 0.3);
  padding: 20px;
}
.top_commendable .inner .co .co_text h3, .top_commendable .inner .co .co_text p {
  color: #fff;
}
.top_commendable .inner .co .co_text h3 {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 700;
}
@media screen and (max-width: 959px) {
  .top_commendable .inner .co .co_text h3 {
    font-size: 22px;
  }
}
.top_commendable .inner .co .co_text p {
  font-size: 16px;
}
@media screen and (max-width: 959px) {
  .top_commendable .inner .co .co_text p {
    font-size: 14px;
  }
}
.top_commendable .inner .co .co_text .arrow {
  height: 30px;
  width: 100px;
  background: #fff;
  clip-path: polygon(96% 94%, 89% 66%, 92% 66%, 100% 100%, 0 100%, 0 94%);
}
.top_commendable .inner .co .co_text a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.top_commendable .inner .co .co_text:hover {
  background-color: rgba(185, 185, 185, 0.6);
}
.top_commendable .inner .co1 {
  background-image: url(img/commendable_img1.webp);
}
.top_commendable .inner .co2 {
  background-image: url(img/commendable_img2.webp);
}
.top_commendable .inner .co3 {
  background-image: url(img/commendable_img3.webp);
}

.top_selectable {
  margin-bottom: 200px;
}
.top_selectable .inner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 959px) {
  .top_selectable .inner {
    padding: 0 20px;
  }
}
.top_selectable .inner .co {
  width: 25%;
  background: #E7E0D8;
  padding: 5px;
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co {
    width: 50%;
  }
}
@media screen and (max-width: 639px) {
  .top_selectable .inner .co {
    width: 100%;
  }
}
.top_selectable .inner .co .head_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.top_selectable .inner .co .head_box .co_area {
  font-size: 1.5vw;
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co .head_box .co_area {
    font-size: 26px;
  }
}
@media screen and (max-width: 639px) {
  .top_selectable .inner .co .head_box .co_area {
    font-size: 6.5vw;
  }
}
.top_selectable .inner .co .head_box .link_box {
  width: 54.646%;
  display: flex;
  justify-content: space-between;
  padding: 2px 0;
}
.top_selectable .inner .co .head_box .link_box .link_co {
  width: 49%;
  font-size: 1.1vw;
  text-align: center;
  background: #707070;
  align-content: center;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co .head_box .link_box .link_co {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_selectable .inner .co .head_box .link_box .link_co {
    font-size: 16px;
  }
}
.top_selectable .inner .co .head_box .link_box .link_co a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.top_selectable .inner .co .head_box .link_box .link_co:last-child {
  background: #B1A8A8;
}
.top_selectable .inner .co .co_img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.top_selectable .inner .co .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_selectable .inner .co .co_text h3 {
  font-size: 1.3vw;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .top_selectable .inner .co .co_text h3 {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co .co_text h3 {
    font-size: 18px;
  }
}
.top_selectable .inner .co .co_text p {
  font-size: 1vw;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .top_selectable .inner .co .co_text p {
    font-size: 1.16vw;
  }
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co .co_text p {
    font-size: 16px;
  }
}
.top_selectable .inner .co .co_text h3, .top_selectable .inner .co .co_text p {
  color: #707070;
}
.top_selectable .inner .co2, .top_selectable .inner .co4, .top_selectable .inner .co5, .top_selectable .inner .co7 {
  background: #D4CFCA;
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co3, .top_selectable .inner .co6 {
    background: #D4CFCA;
  }
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co4, .top_selectable .inner .co5 {
    background: #E7E0D8;
  }
}
@media screen and (max-width: 639px) {
  .top_selectable .inner .co3, .top_selectable .inner .co5, .top_selectable .inner .co7 {
    background: #E7E0D8;
  }
  .top_selectable .inner .co3 .co_text h3, .top_selectable .inner .co3 .co_text p, .top_selectable .inner .co5 .co_text h3, .top_selectable .inner .co5 .co_text p, .top_selectable .inner .co7 .co_text h3, .top_selectable .inner .co7 .co_text p {
    color: #707070;
  }
}
@media screen and (max-width: 639px) {
  .top_selectable .inner .co4, .top_selectable .inner .co6, .top_selectable .inner .co8 {
    background: #D4CFCA;
  }
}

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

footer {
  background: #D4CFCA;
  padding: 20px 0;
  overflow: hidden;
}
footer .footer_inner .footer_logo {
  width: 30%;
  max-width: 379.84px;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  footer .footer_inner .footer_logo {
    width: 25%;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_logo {
    width: 30%;
  }
}
footer .footer_inner .footer_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .copyright {
  font-size: 0.875rem;
  text-align: center;
  color: #707070;
  margin-top: 20px;
}/*# sourceMappingURL=style0826.css.map */