@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: "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "Segoe UI", sans-serif;
  color: #333333;
  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;
}

.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: 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 {
  height: auto;
}
@media screen and (max-width: 639px) {
  .header_bar {
    padding: 12.5px 0;
  }
}

.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: 100;
  width: 100%;
  background: #fff;
}
@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;
  max-width: 1735px;
  height: auto;
  margin: 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: 8px 0;
    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: 170px;
    z-index: 1000;
  }
}
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_box {
  display: flex;
  max-width: 685px;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_box {
    justify-content: end;
    padding-right: 20px;
  }
}
header .header_inner .nav_box .lang_btn {
  min-width: 170px;
  height: 47px;
  margin-left: 20px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_box .lang_btn {
    min-width: 65px;
  }
}
header .header_inner .nav_box .lang_btn select {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  border: #707070 1px solid;
  border-radius: 10px;
}
header .header_inner .nav_list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
@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;
    left: 0;
    transition: 1s;
    z-index: 1000;
    background: #93252D;
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: #32373C;
    height: 100vh;
    padding-top: 40px;
  }
  header .header_inner .nav_list .sp_header {
    display: none;
    width: 100%;
    height: 40px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 959px) and (max-width: 639px) {
  header .header_inner .nav_list .sp_header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list .sp_header .hum_btn {
    width: 18px;
    height: 18px;
    margin: auto 0;
  }
  header .header_inner .nav_list ul {
    display: block !important;
    padding: 0 20px 2rem;
    position: relative;
    z-index: 1000;
  }
}
@media screen and (max-width: 959px) and (max-width: 639px) {
  header .header_inner .nav_list ul {
    color: #fff;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    color: #fff;
    font-size: 25px;
    border-top: 1px solid #fff;
  }
  header .header_inner .nav_list ul li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    color: #333333;
  }
  header .header_inner .nav_list ul li:last-child {
    border-bottom: 1px solid #fff;
  }
}
header .header_inner .nav_list .insta_btn {
  width: 47px;
  height: 47px;
  position: relative;
}
@media screen and (max-width: 639px) {
  header .header_inner .nav_list .insta_btn {
    display: none;
  }
}
header .header_inner .nav_list .insta_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
header .header_inner .nav_list .pc_btn {
  width: 170px;
  height: 47px;
  position: relative;
}
@media screen and (max-width: 639px) {
  header .header_inner .nav_list .pc_btn {
    display: none;
  }
}
header .header_inner .nav_list .pc_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
header .header_inner .nav_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 220px;
}
@media screen and (max-width: 639px) {
  header .header_inner .nav_list ul {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
}
header .header_inner .nav_list ul li {
  position: relative;
  list-style: none;
  padding: 21px 0.5rem;
  color: #000;
  font-size: 25px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    font-size: 20px;
    color: #fff;
    min-width: 225px;
  }
}
header .header_inner .nav_list ul li a {
  text-decoration: none;
  color: #333333;
  font-size: 20px;
}
@media screen and (max-width: 1199px) {
  header .header_inner .nav_list ul li a {
    font-size: 16px;
    color: #fff;
  }
}
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;
}
header .header_inner .sp_btn {
  display: none;
  position: relative;
}
@media screen and (max-width: 639px) {
  header .header_inner .sp_btn {
    display: block;
    width: 260px;
    margin: 46px auto 36px;
  }
}
header .header_inner .sp_btn img {
  -o-object-fit: contain;
     object-fit: contain;
}
header .header_inner .sp_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list.active {
    display: flex;
    flex-direction: column;
  }
}
header .hum_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  header .hum_btn {
    display: block;
  }
}

.sp_header_logo {
  display: none;
  width: 166px;
  height: 25px;
  margin-left: 0;
}
@media screen and (max-width: 639px) {
  .sp_header_logo {
    display: block;
  }
}

.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: #333333 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;
  max-width: 1735px;
  margin: auto;
}
.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;
  background-image: url(img/kv.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 639px) {
  .top_kv {
    background-image: url(img/kv_sp.png);
    aspect-ratio: 335/488;
    width: calc(100% - 40px);
    margin: auto;
    padding: 0 20px;
  }
}
.top_kv::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.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 #resev_point {
  position: absolute;
  bottom: 100px;
  left: 0;
}
.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;
  text-align: center;
}
.top_kv .kv_cp .kv_cp_logo {
  width: 310px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp .kv_cp_logo {
    width: 200px;
  }
}
.top_kv .kv_cp p {
  color: #32373C;
  text-align: center;
  text-shadow: #000000 10px 10px 10px;
  font-size: 22px;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp p {
    font-size: 13px;
  }
}
.top_kv .kv_cp p > span {
  font-size: 30px;
  color: #32373C;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp p > span {
    font-size: 22px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp p > span {
    font-size: 15px;
  }
}
.top_kv .kv_cp > span {
  color: #CEBA59;
  font-size: 55px;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp > span {
    font-size: 36px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp > span {
    font-size: 27px;
  }
}
@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;
  margin-bottom: 20px;
}
.top_kv .reserve_btn_box .reserve_btn {
  position: relative;
  width: 19.4%;
  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::before {
    display: none;
  }
}
@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;
    margin-left: 0px;
  }
}
.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: #32373C;
  opacity: 0.7;
  color: #fff;
}

.reserve_area {
  background: #F3F1F1;
  padding: 10px 20px;
  position: relative;
  background-image: url(img/footer-bg-gara.png);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
}
.reserve_area .reserve_btn_box {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  max-width: 1036px;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.reserve_area .reserve_btn_box .reserve_btn {
  position: relative;
  width: 19.4%;
  background: #FFFFFF;
  text-align: center;
  align-content: center;
  color: #333333;
  aspect-ratio: 200/53;
  border: #32373C 1px solid;
  border-radius: 3px;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_btn_box .reserve_btn {
    font-size: 14px;
    aspect-ratio: 200/100;
  }
}
.reserve_area .reserve_btn_box .reserve_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.reserve_area .reserve_btn_box .reserve_btn div {
  display: inline-block;
  position: relative;
  color: #333333;
  margin-left: 18px;
}
.reserve_area .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) {
  .reserve_area .reserve_btn_box .reserve_btn div.sp-none {
    display: none;
  }
}
.reserve_area .reserve_btn_box .reserve_btn div.pc-none {
  display: none;
}
@media screen and (max-width: 639px) {
  .reserve_area .reserve_btn_box .reserve_btn div.pc-none {
    display: inline-block;
  }
}
.reserve_area .reserve_btn_box .reserve_btn.active {
  background: #32373C;
}
.reserve_area .reserve_btn_box .reserve_btn.active div {
  color: #fff;
}
.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;
  width: 76%;
  margin: auto;
}
@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: 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;
  font-weight: bold;
}
.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: #32373C;
  border: none;
  color: #fff;
  border-radius: 10px;
}
@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;
}

.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_accessible .adress_mapbox .adress_box .inner a {
  text-decoration: none;
}

.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, .top_selectable .inner .co .co_text a {
  font-size: 1vw;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .top_selectable .inner .co .co_text p, .top_selectable .inner .co .co_text a {
    font-size: 1.16vw;
  }
}
@media screen and (max-width: 959px) {
  .top_selectable .inner .co .co_text p, .top_selectable .inner .co .co_text a {
    font-size: 16px;
  }
}
.top_selectable .inner .co .co_text h3, .top_selectable .inner .co .co_text p, .top_selectable .inner .co .co_text a {
  color: #707070;
}
.top_selectable .inner .co .co_text a {
  text-decoration: none;
}
.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-image: url(img/map-contents-bg.png);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  background-color: #F3F1F1;
  padding: 20px 0;
}
@media screen and (max-width: 639px) {
  footer {
    padding: 20px;
  }
}
footer .footer_inner {
  max-width: 1420px;
  margin: 83px auto 110px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  footer .footer_inner {
    justify-content: center;
  }
}
footer .footer_inner .co1 .logo {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co1 .logo {
    width: 289px;
    margin: auto;
  }
}
footer .footer_inner .co1 h3 {
  font-size: 26px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co1 h3 {
    font-size: 20px;
  }
}
footer .footer_inner .co1 P {
  font-size: 18px;
  margin-bottom: 5px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co1 P {
    font-size: 15px;
  }
}
footer .footer_inner .co2 {
  margin: auto 0 0 0;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co2 {
    margin-top: 30px;
  }
}
footer .footer_inner .co2 .footer_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 336px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co2 .footer_link {
    margin: auto;
    justify-content: center;
  }
}
footer .footer_inner .co2 .footer_link .re_btn {
  width: 260px;
  height: 55px;
  position: relative;
}
footer .footer_inner .co2 .footer_link .re_btn img {
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footer_inner .co2 .footer_link .re_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
footer .footer_inner .co2 .footer_link .insta_btn {
  width: 47px;
  height: 47px;
  position: relative;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co2 .footer_link .insta_btn {
    display: none;
  }
}
footer .footer_inner .co2 .footer_link .insta_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
footer .footer_inner .co2 ul {
  width: 400px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co2 ul {
    display: none;
  }
}
footer .footer_inner .co2 ul li a {
  font-size: 18px;
}
footer > p {
  text-align: center;
}
footer .copyright {
  font-size: 0.875rem;
  color: #707070;
  margin-top: 20px;
}

.se01 {
  max-width: 1420px;
  margin: auto;
  padding-top: 120px;
}
@media screen and (max-width: 639px) {
  .se01 {
    padding: 90px 0;
  }
}
.se01 h2 {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .se01 h2 {
    font-size: 20px;
  }
}
.se01 > p {
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .se01 > p {
    font-size: 15px;
  }
}
.se01 .inner {
  margin: 80px auto 0;
  max-width: 1735px;
}
@media screen and (max-width: 1199px) {
  .se01 .inner {
    width: calc(100% - 20px);
    margin: 80px auto 0 0;
  }
}
.se01 .inner .se01_box {
  position: relative;
}
.se01 .inner .se01_box .img_box {
  max-width: 1075px;
}
.se01 .inner .se01_box .text_box {
  position: absolute;
  right: 0;
  bottom: -13px;
  max-width: 500px;
  width: 35.211%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 5px #f2f2f2;
  text-align: center;
  padding: 70px 0 50px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box .text_box {
    width: 76.05%;
    max-width: 450px;
    aspect-ratio: 27/10;
    padding: 0;
    align-content: center;
    bottom: -80px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box .text_box {
    width: 76.05%;
    aspect-ratio: 27/10;
    padding: 0;
    align-content: center;
    bottom: -80px;
  }
}
.se01 .inner .se01_box .text_box p {
  font-size: 25px;
  padding-bottom: 30px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box .text_box p {
    font-size: 18px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box .text_box p {
    font-size: 15px;
    padding-bottom: 10px;
  }
}
.se01 .inner .se01_box .text_box span {
  font-size: 23px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box .text_box span {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box .text_box span {
    font-size: 15px;
  }
}

.se02 .main_titile,
.se03 .main_titile,
.se05 .main_titile {
  position: relative;
  text-align: center;
}
.se02 .main_titile h2,
.se03 .main_titile h2,
.se05 .main_titile h2 {
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .se02 .main_titile h2,
  .se03 .main_titile h2,
  .se05 .main_titile h2 {
    font-size: 20px;
  }
}
.se02 .main_titile h2, .se02 .main_titile p,
.se03 .main_titile h2,
.se03 .main_titile p,
.se05 .main_titile h2,
.se05 .main_titile p {
  color: #32373C;
}
.se02 .main_titile::before,
.se03 .main_titile::before,
.se05 .main_titile::before {
  content: "";
  width: 75px;
  height: 3px;
  background-color: #32373C;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.se02 {
  max-width: 1420px;
  margin: auto;
  padding-top: 145px;
}
@media screen and (max-width: 639px) {
  .se02 {
    padding-top: 92px;
  }
}
.se02 .main_titile {
  margin-bottom: 50px;
}
.se02 .inner {
  margin: auto;
  max-width: 1735px;
}
@media screen and (max-width: 1199px) {
  .se02 .inner {
    padding: 0 20px;
  }
}
.se02 .inner > .img_box {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 639px) {
  .se02 .inner > .img_box {
    aspect-ratio: 335/200;
  }
}
.se02 .inner > .img_box .room_name {
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: 1;
  font-size: 20px;
}
@media screen and (max-width: 1199px) {
  .se02 .inner > .img_box .room_name {
    font-size: 16px;
  }
}
.se02 .inner2 {
  margin: auto;
  max-width: 1735px;
  position: relative;
  padding-bottom: 96px;
}
@media screen and (max-width: 1199px) {
  .se02 .inner2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) {
  .se02 .inner2 {
    padding-bottom: 67px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.se02 .inner2 .text_area {
  text-align: center;
  width: 57.26%;
  padding-bottom: 150px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .se02 .inner2 .text_area {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .text_area {
    text-align: left;
    width: 100%;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 639px) {
  .se02 .inner2 .text_area {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.se02 .inner2 .text_area h3 {
  font-size: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .se02 .inner2 .text_area h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.se02 .inner2 .text_area p {
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .se02 .inner2 .text_area p {
    font-size: 15px;
    width: 289px;
  }
}
.se02 .inner2 .text_area .icon {
  position: absolute;
  bottom: 80px;
  left: 50px;
  width: 109px;
  height: 104px;
  background-image: url(img/icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .se02 .inner2 .text_area .icon {
    width: 99px;
    height: 94px;
    bottom: 21px;
    left: 25px;
  }
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .text_area .icon {
    display: none;
  }
}
.se02 .inner2 .room_img_container .room_img2 {
  position: relative;
  max-width: 925px;
  width: 65.14%;
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .room_img_container .room_img2 {
    width: calc(100% - 20px);
  }
}
.se02 .inner2 .room_img_container .room_img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  max-width: 607px;
  width: 42.74%;
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .room_img_container .room_img {
    position: relative;
    aspect-ratio: 30/19;
    width: 80%;
    margin-left: auto;
  }
}
.se02 .inner2 .room_img_container .room_img .icon {
  position: absolute;
  bottom: -10px;
  left: -80px;
  width: 84px;
  height: 80px;
  z-index: -1;
  background-image: url(img/icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .room_img_container .room_img .icon {
    display: block;
    width: 94px;
    height: 90px;
    bottom: -10px;
    left: -80px;
  }
}
@media screen and (max-width: 639px) {
  .se02 .inner2 .room_img_container .room_img .icon {
    width: 84px;
    height: 80px;
    bottom: -10px;
    left: -60px;
  }
}
@media screen and (max-width: 959px) {
  .se02 .inner2 .room_img_container .room_img,
  .se02 .inner2 .room_img_container .room_img2 {
    margin-bottom: 30px;
  }
}
.se02 .inner2 .room_img_container .room_img .room_name,
.se02 .inner2 .room_img_container .room_img2 .room_name {
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: 1;
  font-size: 20px;
}
@media screen and (max-width: 1199px) {
  .se02 .inner2 .room_img_container .room_img .room_name,
  .se02 .inner2 .room_img_container .room_img2 .room_name {
    font-size: 16px;
  }
}

.se03 {
  max-width: 1420px;
  margin: auto;
  padding: 0 20px;
  padding-top: 155px;
}
@media screen and (max-width: 639px) {
  .se03 {
    padding: 101px 20px 0;
  }
}
.se03 .main_titile {
  margin-bottom: 50px;
}
.se03 .inner {
  display: flex;
}
@media screen and (max-width: 639px) {
  .se03 .inner {
    display: block;
    max-width: 450px;
    margin: auto;
  }
}
.se03 .inner .access_title {
  display: flex;
  width: 8.45%;
}
@media screen and (max-width: 639px) {
  .se03 .inner .access_title {
    width: 100%;
    display: block;
  }
}
.se03 .inner .access_title h3, .se03 .inner .access_title p {
  font-family: "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "Segoe UI", sans-serif;
  font-weight: bold;
}
.se03 .inner .access_title h3 {
  writing-mode: vertical-rl; /* 縦書き（右→左） */
  text-orientation: mixed; /* 英数字は横向き混在（日本語向き） */
  padding-top: 10px;
}
@media screen and (max-width: 639px) {
  .se03 .inner .access_title h3 {
    font-size: 20px;
    writing-mode: rl; /* 縦書き（右→左） */
  }
}
.se03 .inner .access_title p {
  transform: rotate(90deg);
  width: 60px;
  text-wrap: nowrap;
  transform-origin: top;
  padding-left: 40px;
}
@media screen and (max-width: 639px) {
  .se03 .inner .access_title p {
    transform: none;
    padding-left: 0;
    width: auto;
  }
}
.se03 .inner .access_map {
  width: 91.55%;
  margin-bottom: 60px;
}
.se03 .inner .access_map img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 639px) {
  .se03 .inner .access_map {
    width: 100%;
    margin-bottom: 60px;
  }
}

.se04 {
  margin-bottom: 170px;
}
@media screen and (max-width: 1199px) {
  .se04 {
    padding: 0;
  }
}
.se04 .inner {
  position: relative;
  max-width: 1420px;
  margin: auto;
}
.se04 .inner .map {
  max-width: 895px;
  width: 63.028%;
  aspect-ratio: 895/580;
}
@media screen and (min-width: 1669px) {
  .se04 .inner .map {
    width: 60.028%;
  }
}
@media screen and (max-width: 1199px) {
  .se04 .inner .map {
    width: 61.028%;
  }
}
@media screen and (max-width: 959px) {
  .se04 .inner .map {
    width: calc(100% - 40px);
    margin: auto;
  }
}
@media screen and (max-width: 639px) {
  .se04 .inner .map {
    max-width: 450px;
    margin: auto;
  }
}
.se04 .inner .map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.se04 .inner .text_area {
  width: 39.507%;
  min-width: 561px;
  background-color: #F3F1F1;
  background-image: url(img/map-contents-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10px;
  right: 0;
  padding-top: 70px;
  padding-bottom: 66px;
  padding-left: 90px;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .se04 .inner .text_area {
    min-width: 461px;
    padding-left: 80px;
  }
}
@media screen and (max-width: 959px) {
  .se04 .inner .text_area {
    position: relative;
    width: 100%;
    max-width: unset;
    padding: 40px 20px;
    min-width: unset;
    padding-left: 0px;
  }
}
.se04 .inner .text_area .logo {
  width: 313px;
  max-width: 561px;
  height: 48px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .se04 .inner .text_area .logo {
    width: 291px;
    height: 45px;
  }
}
.se04 .inner .text_area .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.se04 .inner .text_area h3, .se04 .inner .text_area p {
  max-width: 407px;
  margin: auto;
}
.se04 .inner .text_area h3 {
  font-size: 26px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .se04 .inner .text_area h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 639px) {
  .se04 .inner .text_area p {
    margin: 5px auto;
  }
}

.se05 {
  background: #F3F1F1;
  padding-top: 113px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .se05 {
    padding: 113px 20px 0;
  }
}
@media screen and (max-width: 639px) {
  .se05 {
    padding: 105px 20px 0;
  }
}
.se05 .main_titile {
  margin-bottom: 80px;
}
@media screen and (max-width: 639px) {
  .se05 .main_titile {
    margin-bottom: 63px;
  }
}
.se05 .inner {
  max-width: 1420px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列 */
  gap: 16px; /* 余白は好きに */
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 959px) {
  .se05 .inner {
    grid-template-columns: repeat(2, 1fr); /* 4列 */
  }
}
@media screen and (max-width: 639px) {
  .se05 .inner {
    grid-template-columns: repeat(1, 1fr); /* 4列 */
    max-width: 342px;
  }
}
.se05 .inner .co {
  padding: 20px;
  background: #fff;
  border: #707070 1px solid;
  border-radius: 5px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .se05 .inner .co {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 959px) {
  .se05 .inner .co {
    padding: 20px;
  }
}
.se05 .inner .co .co_title {
  text-align: center;
  font-size: 20px;
  color: #32373C;
}
@media screen and (max-width: 1199px) {
  .se05 .inner .co .co_title {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .se05 .inner .co .co_title {
    font-size: 20px;
  }
}
.se05 .inner .co .co_img {
  max-width: 296px;
  height: auto;
  margin: auto;
}
.se05 .inner .co .co_text .walk,
.se05 .inner .co .co_text .adress {
  font-size: 15px;
  color: #32373C;
}
@media screen and (max-width: 1199px) {
  .se05 .inner .co .co_text .walk,
  .se05 .inner .co .co_text .adress {
    font-size: 14px;
  }
}
@media screen and (max-width: 959px) {
  .se05 .inner .co .co_text .walk,
  .se05 .inner .co .co_text .adress {
    font-size: 15px;
  }
}
.se05 .inner .co .co_text .walk {
  min-height: 55px;
}
.se05 .inner .co .co_text .adress {
  margin-bottom: 15px;
}
.se05 .inner .co .co_btn_box {
  display: flex;
  justify-content: space-between;
}
.se05 .inner .co .co_btn_box .co_btn {
  width: 46.93%;
  background: #32373C;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 13px 0;
  position: relative;
  font-size: 15px;
  padding-right: 16px;
}
@media screen and (max-width: 1199px) {
  .se05 .inner .co .co_btn_box .co_btn {
    font-size: 13px;
    width: 45.93%;
  }
}
@media screen and (max-width: 1199px) {
  .se05 .inner .co .co_btn_box .co_btn {
    font-size: 15px;
  }
}
.se05 .inner .co .co_btn_box .co_btn::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  background-image: url(img/arrow_w.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.se05 .inner .co .co_btn_box .co_btn a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.se05 .inner .se05_text {
  position: absolute;
  bottom: -27px;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 639px) {
  .se05 .inner .se05_text {
    bottom: 0;
  }
}

.footer_nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 60px;
  background: #32373C;
}
@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: #fff;
  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;
}/*# sourceMappingURL=style.css.map */