@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: 959px) {
  header .header_inner .logo {
    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: 880px;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  header .header_inner .nav_box {
    max-width: 760px;
  }
}
@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: 600px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list {
    width: 400px;
  }
}
@media screen and (max-width: 639px) {
  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: 639px) 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: 639px) {
  header .header_inner .nav_list .sp_header .hum_btn {
    width: 18px;
    height: 18px;
    margin: auto 0;
  }
  header .header_inner .nav_list .sp_menu_box {
    width: 100%;
  }
  header .header_inner .nav_list ul {
    display: block !important;
    padding: 0 20px 2rem;
    position: relative;
    z-index: 1000;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  header .header_inner .nav_list ul {
    color: #fff;
  }
}
@media screen and (max-width: 639px) {
  header .header_inner .nav_list ul li {
    position: relative;
    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 .sp_insta_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    z-index: 2;
  }
  header .header_inner .nav_list ul li .sp_insta_btn a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
}
header .header_inner .nav_list .insta_btn {
  width: 47px;
  height: 47px;
  position: relative;
}
@media screen and (max-width: 959px) {
  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%;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list .header_reserve_btn {
    display: none;
  }
}
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: 422px;
}
@media screen and (max-width: 1199px) {
  header .header_inner .nav_list ul {
    width: 334px;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@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: 639px) {
  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;
  }
}
@media screen and (max-width: 639px) {
  header .header_inner .nav_list ul li a {
    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: 10px auto 10px;
  }
}
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;
    justify-content: start;
  }
  header .header_inner .nav_list.active .sp_menu_box {
    width: 100%;
    height: 60vh;
    margin-top: 20px;
    overflow: hidden;
    overflow: scroll;
  }
}
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;
}
@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;
}
@media screen and (max-width: 639px) {
  .main_title h2 {
    font-size: 35px;
  }
}
.main_title p {
  color: #fff;
}

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

.main_btn {
  position: relative;
  max-width: 340px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .main_btn {
    max-width: 270px;
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}
.main_btn a {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.main_btn a::before {
  position: absolute;
  content: "";
  top: 6px;
  right: -29px;
  width: 7px;
  height: 10px;
  background-image: url(img/common/btn_arrow.png);
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 9;
}
.main_btn p {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 639px) {
  .main_btn p {
    font-size: 0.875rem;
  }
}
.main_btn::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: url(img/common/main_btn_line.png);
  background-size: contain;
}

.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;
  width: calc(100% - 100px);
}
@media screen and (min-width: 1669px) {
  .top_kv {
    width: calc(100% - 100px);
    margin: auto;
  }
}
@media screen and (max-width: 1199px) {
  .top_kv {
    width: calc(100% - 100px);
    aspect-ratio: 1920/1193;
  }
}
@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;
    margin-bottom: 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 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.top_kv .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.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 #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;
  font-size: 22px;
  text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, -2px 2px 0 #fff, 0 2px 0 #fff, 2px 2px 0 #fff;
}
@media screen and (max-width: 959px) {
  .top_kv .kv_cp p {
    font-size: 16px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
}
@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 .cp_me {
  max-width: 333px;
  background: #fff;
  border-radius: 30px;
  margin: 12px auto;
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp .cp_me {
    width: 182px;
  }
}
.top_kv .kv_cp .cp_me p, .top_kv .kv_cp .cp_me span {
  color: #32373C;
}
.top_kv .kv_cp .cp_me p {
  font-size: 19px;
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp .cp_me p {
    width: 182px;
    font-size: 12px;
  }
}
.top_kv .kv_cp .cp_me span {
  font-size: 17px;
}
@media screen and (max-width: 639px) {
  .top_kv .kv_cp .cp_me span {
    font-size: 11px;
  }
}
@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;
}
.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 {
  max-width: 1420px;
  margin: -40px auto 0;
  background: #F3F1F1;
  padding: 10px 20px;
  position: relative;
  background-image: url(img/footer-bg-gara.png);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  border-radius: 10px;
  z-index: 2;
}
@media screen and (max-width: 959px) {
  .reserve_area {
    margin: -4px auto 0;
  }
}
.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;
}
.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: 1199px) {
  footer {
    padding: 20px;
  }
}
@media screen and (max-width: 639px) {
  footer {
    padding: 20px 0 100px;
  }
}
footer .footer_inner {
  max-width: 1420px;
  margin: 83px auto 110px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  footer .footer_inner {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co1 {
    width: 100%;
    max-width: 320px;
  }
}
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;
  font-weight: bold;
  margin: 30px auto 25px;
}
@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;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner .co1 P:last-child {
    margin-bottom: 5px;
  }
}
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;
    width: 100%;
  }
}
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: 663px;
  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 {
  position: relative;
}
footer .footer_inner .co2 ul li a {
  font-size: 18px;
  text-decoration: none;
}
footer .footer_inner .co2 ul li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -18px;
  margin: auto;
  z-index: 1;
  width: 1px;
  height: 18px;
  background: #32373C;
}
footer .footer_inner .co2 ul li:first-child::before {
  display: none;
}
footer > p {
  text-align: center;
}
footer > p span {
  display: inline-block;
}
@media screen and (max-width: 639px) {
  footer > p span {
    display: none;
  }
}
footer .copyright {
  font-size: 0.875rem;
  color: #707070;
  margin-top: 20px;
}

.top_info {
  margin: 100px auto;
}
@media screen and (max-width: 1199px) {
  .top_info {
    padding: 0 20px;
  }
}
.top_info .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1420px;
  margin: auto;
}
.top_info .inner .co_title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 240px;
  padding-bottom: 30px;
}
@media screen and (max-width: 959px) {
  .top_info .inner .co_title {
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 0px;
  }
}
.top_info .inner .co_title .main_title {
  width: 100%;
  border-bottom: none;
}
@media screen and (max-width: 959px) {
  .top_info .inner .co_title .main_title {
    width: 100%;
  }
}
.top_info .inner .co_title .main_title h2 {
  color: #32373C;
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .top_info .inner .co_title .main_title h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .top_info .inner .co_title .main_title h2 {
    font-size: 20px;
  }
}
.top_info .inner .co_title .main_title span {
  font-size: 24px;
  font-weight: bold;
  padding-left: 5px;
}
@media screen and (max-width: 1199px) {
  .top_info .inner .co_title .main_title span {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_info .inner .co_title .main_title span {
    font-size: 14px;
  }
}
.top_info .inner .co_title .main_btn {
  margin: 80px 0 0;
  width: 124px;
}
@media screen and (max-width: 959px) {
  .top_info .inner .co_title .main_btn {
    display: none;
  }
}
.top_info .inner .co_lists {
  width: calc(100% - 240px);
}
@media screen and (max-width: 959px) {
  .top_info .inner .co_lists {
    width: 100%;
  }
}
.top_info .inner .co_lists ul {
  width: 100%;
}
.top_info .inner .co_lists ul li {
  list-style: none;
  border-bottom: #000 1px solid;
  min-height: 80px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .top_info .inner .co_lists ul li {
    margin-bottom: 5px;
  }
}
.top_info .inner .co_lists ul li a {
  text-decoration: none;
}
.top_info .inner .co_lists ul li a p {
  font-size: 15px;
  font-weight: bold;
}
.top_info .inner .co_lists ul li a h3 {
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .top_info .inner .co_lists ul li a h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_info .inner .co_lists ul li a h3 {
    font-size: 15px;
  }
}
.top_info .inner .co_lists ul li a:hover {
  opacity: 0.7;
}
.top_info .inner .co_lists .main_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  .top_info .inner .co_lists .main_btn {
    margin: 0;
    margin-top: 30px;
    margin-left: auto;
    width: 124px;
    display: block;
  }
}

.se01 {
  max-width: 1420px;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 145px;
}
@media screen and (max-width: 639px) {
  .se01 {
    padding: 10px 0 90px;
  }
}
.se01 h2 {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .se01 h2 {
    font-size: 26px;
  }
}
@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: 100%;
    margin: 80px auto 0 0;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner {
    margin: 0px auto 0 0;
  }
}
.se01 .inner .se01_box {
  position: relative;
}
.se01 .inner .se01_box .img_box {
  max-width: 1075px;
  width: 75.704%;
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box .img_box {
    width: calc(100% - 20px);
    margin-left: auto;
  }
}
.se01 .inner .se01_box .text_box {
  position: absolute;
  right: 0;
  bottom: -13px;
  max-width: 570px;
  width: 66%;
  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 {
    position: relative;
    width: 100%;
    aspect-ratio: 27/10;
    padding: 0;
    align-content: center;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background: none;
    box-shadow: none;
  }
}
.se01 .inner .se01_box .text_box p {
  font-size: 25px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .se01 .inner .se01_box .text_box p {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box .text_box p {
    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;
  }
}
.se01 .inner .se01_box .icon {
  position: absolute;
  top: 55px;
  right: 50px;
  width: 109px;
  height: 104px;
  background-image: url(img/top/top_icon_a.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box .icon {
    width: 72px;
    height: 69px;
    top: auto;
    bottom: -33px;
    right: -10px;
  }
}
.se01 .inner .se01_box2 {
  position: relative;
  display: flex;
  flex-wrap: wrap-reverse;
  margin-top: 170px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box2 {
    justify-content: center;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 {
    margin-top: 100px;
  }
}
.se01 .inner .se01_box2 .img_box {
  width: 50%;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box2 .img_box {
    width: calc(100% - 20px);
    max-width: 600px;
    margin: auto;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 .img_box {
    width: calc(100% - 20px);
    margin: initial;
    margin-right: auto;
  }
}
.se01 .inner .se01_box2 .text_box {
  width: 50%;
  text-align: center;
  padding: 70px 0 50px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box2 .text_box {
    width: 100%;
    max-width: 550px;
    aspect-ratio: 27/10;
    padding: 0;
    align-content: center;
    bottom: -80px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 .text_box {
    width: 90%;
    aspect-ratio: 27/10;
    padding: 0;
    align-content: center;
    bottom: -80px;
    margin: auto;
  }
}
.se01 .inner .se01_box2 .text_box h2 {
  margin-top: 35px;
}
.se01 .inner .se01_box2 .text_box p {
  font-size: 25px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .se01 .inner .se01_box2 .text_box p {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box2 .text_box p {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 .text_box p {
    font-size: 15px;
    padding-bottom: 10px;
  }
}
.se01 .inner .se01_box2 .text_box span {
  font-size: 23px;
}
@media screen and (max-width: 959px) {
  .se01 .inner .se01_box2 .text_box span {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 .text_box span {
    font-size: 15px;
  }
}
.se01 .inner .se01_box2 .text_box .main_btn {
  width: 226px;
}
.se01 .inner .se01_box2 .text_box .main_btn a::before {
  top: 6px;
}
.se01 .inner .se01_box2 .icon {
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 109px;
  height: 104px;
  background-image: url(img/top/top_icon_b.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 639px) {
  .se01 .inner .se01_box2 .icon {
    width: 72px;
    height: 69px;
    top: auto;
    bottom: -72px;
    left: -10px;
  }
}

.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 {
  width: 100%;
  padding-top: 155px;
  padding-bottom: 150px;
  background: #F3F1F1;
}
@media screen and (max-width: 639px) {
  .se02 {
    padding: 101px 0 0;
  }
}
.se02 .main_titile {
  margin-bottom: 50px;
}
@media screen and (max-width: 639px) {
  .se02 .main_titile p {
    font-size: 14px;
  }
}
.se02 .inner {
  max-width: 1420px;
  margin: auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 639px) {
  .se02 .inner {
    padding-bottom: 70px;
  }
}
.se02 .inner .co_map {
  width: 63.02816%;
  aspect-ratio: 895/580;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .se02 .inner .co_map {
    width: 62.02816%;
  }
}
@media screen and (max-width: 959px) {
  .se02 .inner .co_map {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .se02 .inner .co_map {
    aspect-ratio: 335/400;
  }
}
.se02 .inner .co_map iframe {
  width: 100%;
  height: 100%;
}
.se02 .inner .co_map_info {
  max-width: 525px;
  width: 36.97184%;
}
@media screen and (max-width: 959px) {
  .se02 .inner .co_map_info {
    width: 100%;
    margin: auto;
  }
}
.se02 .inner .co_map_info .co_inner h3 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  text-wrap: nowrap;
}
@media screen and (max-width: 1199px) {
  .se02 .inner .co_map_info .co_inner h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .se02 .inner .co_map_info .co_inner h3 {
    font-size: 20px;
  }
}
.se02 .inner .co_map_info .co_inner p {
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
}
.se02 .inner .co_map_info .co_inner .main_btn {
  max-width: 116px;
  margin: 60px auto 50px;
}
@media screen and (max-width: 1199px) {
  .se02 .inner .co_map_info .co_inner .main_btn {
    margin: 30px auto 50px;
  }
}
.se02 .inner .co_map_info .co_inner .main_btn a {
  position: relative;
}
.se02 .inner .co_map_info .co_inner .main_btn a::before {
  top: 6px;
}
.se02 .inner .text_area {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
  width: 40.1408%;
  padding: 40px 7%;
}
@media screen and (min-width: 1669px) {
  .se02 .inner .text_area {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 1199px) {
  .se02 .inner .text_area {
    padding: 40px 3%;
    bottom: -40px;
  }
}
@media screen and (max-width: 959px) {
  .se02 .inner .text_area {
    position: relative;
    padding: 40px 20px;
    width: 100%;
    max-width: 570px;
    margin: auto;
    bottom: 0;
  }
}
.se02 .inner .text_area h3 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .se02 .inner .text_area h3 {
    font-size: 18px;
    margin-bottom: 26px;
  }
}
.se02 .inner .text_area .text {
  max-width: 360px;
  margin: auto;
}
.se02 .inner .text_area .text p {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .se02 .inner .text_area .text p {
    font-size: 14px;
    text-align: center;
  }
}
.se02 .inner .text_area::before {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  z-index: -1;
  width: 60px;
  height: 60px;
  background: #D8D8D8;
}
.se02 .inner .text_area::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 60px;
  height: 60px;
  background: #fff;
}

.se04 {
  padding: 100px 0;
}
@media screen and (max-width: 1199px) {
  .se04 {
    padding: 100px 20px;
  }
}
@media screen and (max-width: 639px) {
  .se04 {
    padding: 60px 0px;
  }
}
.se04 .inner {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 20px;
}
.se04 .inner .co {
  width: 47%;
  max-width: 620px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .se04 .inner .co {
    width: 100%;
    margin-bottom: 30px;
  }
}
.se04 .inner .co img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.se04 .inner .co a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.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(3, 1fr); /* 3列 */
  gap: 16px; /* 余白は好きに */
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
  .se05 .inner {
    padding: 0 20px 100px;
  }
}
@media screen and (max-width: 959px) {
  .se05 .inner {
    grid-template-columns: repeat(2, 1fr); /* 2列 */
  }
}
@media screen and (max-width: 639px) {
  .se05 .inner {
    grid-template-columns: repeat(1, 1fr); /* 1列 */
    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_img img {
  border-radius: 10px;
  aspect-ratio: 296/156;
}
.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;
  }
}
@media screen and (max-width: 639px) {
  .se05 .inner .co .co_btn_box .co_btn {
    padding: 10px 0;
  }
}
.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;
}

.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: 12px;
    margin-right: 10px;
  }
}
.breadcrumb a {
  text-decoration: none;
}

.access_kv, .stay_kv {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1735/528;
  background-blend-mode: multiply;
  align-content: end;
  padding-bottom: 30px;
  border-radius: 6px;
  margin-top: 80px;
}
@media screen and (max-width: 1199px) {
  .access_kv, .stay_kv {
    padding: 0 20px 30px;
  }
}
@media screen and (max-width: 639px) {
  .access_kv, .stay_kv {
    aspect-ratio: 335/240;
    background-image: url(img/stay/stay_top_img_sp.png);
    max-width: calc(100% - 40px);
    margin: 87px auto 0;
  }
}
.access_kv::before, .stay_kv::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  content: "";
  width: 100%;
  height: 100%;
  background: #4E4E4E;
  opacity: 0.3;
  border-radius: 6px;
}
.access_kv .kv_title, .stay_kv .kv_title {
  max-width: 1420px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.access_kv .kv_title h1, .access_kv .kv_title p, .stay_kv .kv_title h1, .stay_kv .kv_title p {
  color: #fff;
  font-weight: bold;
}
.access_kv .kv_title h1, .stay_kv .kv_title h1 {
  font-size: 45px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .access_kv .kv_title h1, .stay_kv .kv_title h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 639px) {
  .access_kv .kv_title h1, .stay_kv .kv_title h1 {
    font-size: 24px;
  }
}
.access_kv .kv_title p, .stay_kv .kv_title p {
  font-size: 25px;
  max-width: 466px;
}
@media screen and (max-width: 1199px) {
  .access_kv .kv_title p, .stay_kv .kv_title p {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .access_kv .kv_title p, .stay_kv .kv_title p {
    font-size: 14px;
  }
}

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

.access_top {
  padding-top: 88px;
}
@media screen and (max-width: 1199px) {
  .access_top {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 639px) {
  .access_top {
    padding-top: 24px;
  }
}
.access_top .inner {
  display: flex;
  justify-content: space-between;
  max-width: 1420px;
  width: 100%;
  margin: auto;
}
.access_top .inner .co h2, .access_top .inner .co p {
  font-weight: bold;
  margin: auto;
}
.access_top .inner .co h2 {
  font-size: 30px;
  font-weight: bold;
  max-width: 597px;
  text-align: center;
  margin-bottom: 28px;
  letter-spacing: 3px;
}
@media screen and (max-width: 1199px) {
  .access_top .inner .co h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .access_top .inner .co h2 {
    font-size: 20px;
  }
}
.access_top .inner .co > p {
  font-size: 18px;
  margin-bottom: 35px;
  text-align: center;
  line-height: 1.8;
  max-width: 577px;
}
@media screen and (max-width: 1199px) {
  .access_top .inner .co > p {
    font-size: 16px;
    font-weight: normal;
  }
}
@media screen and (max-width: 639px) {
  .access_top .inner .co > p {
    text-align: start;
    font-size: 15px;
  }
}
.access_top .inner .co .co_img {
  max-width: 597px;
  aspect-ratio: 597/368;
}
@media screen and (max-width: 959px) {
  .access_top .inner .co .co_img {
    margin: auto;
  }
}
.access_top .inner .co .co_img img {
  border-radius: 8px;
}
.access_top .inner .co .access_info {
  border-top: #C5C5C5 solid 1px;
  padding: 50px 36px 5px;
  margin-top: 50px;
}
@media screen and (max-width: 639px) {
  .access_top .inner .co .access_info {
    padding: 50px 0 5px;
  }
}
.access_top .inner .co .access_info h3, .access_top .inner .co .access_info p {
  text-align: center;
  font-weight: bold;
}
.access_top .inner .co .access_info span {
  font-size: 25px;
}
.access_top .inner .co .access_info h3 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1199px) {
  .access_top .inner .co .access_info h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .access_top .inner .co .access_info h3 {
    font-size: 20px;
    letter-spacing: -1px;
  }
}
.access_top .inner .co .access_info > p {
  margin-top: 23px;
  font-size: 18px;
  text-indent: -24px;
  padding-left: 24px;
}
@media screen and (max-width: 1199px) {
  .access_top .inner .co .access_info > p {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .access_top .inner .co .access_info > p {
    font-size: 15px;
    text-indent: 0px;
    padding-left: 0px;
    text-align: center;
  }
}
.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: 1199px) {
  .access_top .inner .co2 .co_map {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1199px) {
  .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: 1199px) {
  .access_map_se {
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  .access_map_se {
    padding: 0;
  }
}
.access_map_se .main_titile {
  margin-bottom: 60px;
}
@media screen and (min-width: 1669px) {
  .access_map_se .main_titile {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .access_map_se .main_titile {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 959px) {
  .access_map_se .main_titile {
    margin-bottom: 60px;
  }
}
.access_map_se .inner {
  position: relative;
}
.access_map_se .inner .co1 {
  max-width: 895px;
  width: calc(100% - 561px);
  aspect-ratio: 895/513;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .access_map_se .inner .co1 {
    width: calc(100% - 462px);
  }
}
@media screen and (max-width: 959px) {
  .access_map_se .inner .co1 {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co1 {
    aspect-ratio: 335/400;
    width: calc(100% - 40px);
  }
}
.access_map_se .inner .co1 .map_box {
  width: 100%;
  height: auto;
  aspect-ratio: 1420/774;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co1 .map_box {
    aspect-ratio: 335/400;
  }
}
.access_map_se .inner .co1 .map_box iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.access_map_se .inner .co2 {
  position: absolute;
  max-width: 561px;
  width: 100%;
  bottom: 0;
  right: 25px;
  z-index: 1;
  aspect-ratio: 561/425;
  padding: 70px 0 65px;
  background: #F3F1F1;
  background-image: url(img/common/footer-bg.png);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  text-align: center;
}
@media screen and (min-width: 1669px) {
  .access_map_se .inner .co2 {
    max-width: 567px;
  }
}
@media screen and (max-width: 1199px) {
  .access_map_se .inner .co2 {
    max-width: 500px;
    padding: 30px 0 25px;
    bottom: -40px;
    right: -15px;
    margin: auto;
    aspect-ratio: 561/350;
  }
}
@media screen and (max-width: 959px) {
  .access_map_se .inner .co2 {
    position: relative;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co2 {
    width: 100%;
    max-width: 700px;
  }
}
.access_map_se .inner .co2 .logo_img {
  max-width: 313px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co2 .logo_img {
    max-width: 252px;
    margin: 45px auto 22px;
  }
}
.access_map_se .inner .co2 h3 {
  font-size: 26px;
  font-weight: bold;
  margin: auto;
  display: inline-block;
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co2 h3 {
    font-size: 18px;
  }
}
.access_map_se .inner .co2 p {
  font-size: 18px;
  font-weight: bold;
  margin: 20px auto 0;
  max-width: 365px;
  text-align: start;
}
@media screen and (max-width: 639px) {
  .access_map_se .inner .co2 p {
    max-width: 335px;
  }
}
.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: 1199px) {
  .access_means_se {
    padding: 0 20px;
  }
}
.access_means_se .main_titile {
  margin-bottom: 60px;
}
.access_means_se .map_inner {
  display: flex;
  flex-wrap: wrap;
}
.access_means_se .map_inner .access_means_title {
  width: 110px;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner .access_means_title {
    width: 100%;
  }
}
.access_means_se .map_inner .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 .map_inner .access_means_title h3, .access_means_se .map_inner .access_means_title p {
  font-weight: bold;
  writing-mode: vertical-rl;
  transform-origin: left;
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner .access_means_title h3, .access_means_se .map_inner .access_means_title p {
    writing-mode: initial;
  }
}
.access_means_se .map_inner .access_means_title h3 {
  font-size: 25px;
  transform: translateY(-139px) translateX(24px);
}
@media screen and (max-width: 639px) {
  .access_means_se .map_inner .access_means_title h3 {
    font-size: 20px;
  }
}
.access_means_se .map_inner .access_means_title p {
  font-size: 18px;
  transform: translateY(3px) translateX(62px);
}
@media screen and (max-width: 639px) {
  .access_means_se .map_inner .access_means_title p {
    font-size: 14px;
  }
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner .access_means_title .pc_block {
    display: none;
  }
}
.access_means_se .map_inner .access_means_title .tb_block {
  display: none;
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner .access_means_title .tb_block {
    display: block;
  }
}
.access_means_se .map_inner .access_means_box {
  width: calc(100% - 110px);
  height: auto;
  margin-bottom: 90px;
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner .access_means_box {
    width: 100%;
  }
}
.access_means_se .map_inner .access_means_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.access_means_se .map_inner.train h3 {
  transform: translateY(-85px) translateX(24px);
}
.access_means_se .map_inner.airport h3 {
  transform: translateY(-130px) translateX(24px);
}
@media screen and (max-width: 959px) {
  .access_means_se .map_inner.airport h3, .access_means_se .map_inner.airport p,
  .access_means_se .map_inner.train h3,
  .access_means_se .map_inner.train p {
    transform: translateY(0) translateX(0);
  }
}

.access_page .common_se {
  padding: 0;
}

.stay_kv {
  background-image: url(img/stay/stay_kv.webp);
  background-position: 0% 67%;
}

.stay_message {
  max-width: 1420px;
  margin: 90px auto;
}
@media screen and (max-width: 639px) {
  .stay_message {
    padding: 0 20px;
    margin: 44px auto 0;
  }
}
.stay_message .inner {
  display: flex;
  flex-wrap: wrap;
}
.stay_message .inner .title {
  width: 47.042%;
  margin: auto 0;
}
@media screen and (max-width: 639px) {
  .stay_message .inner .title {
    width: 100%;
  }
}
.stay_message .inner .title h2 {
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .stay_message .inner .title h2 {
    font-size: 20px;
    text-align: center;
    margin: 44px auto 27px;
  }
}
.stay_message .inner .text {
  width: 52.957%;
}
@media screen and (max-width: 639px) {
  .stay_message .inner .text {
    width: 100%;
  }
}
.stay_message .inner .text p {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .stay_message .inner .text p {
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: normal;
  }
}

.stay_room_menu {
  margin-top: 120px;
  border-top: #C5C5C5 1px solid;
  border-bottom: #C5C5C5 1px solid;
  padding: 35px 0;
  max-width: 1420px;
  margin: 120px auto 100px;
}
@media screen and (max-width: 639px) {
  .stay_room_menu {
    margin: 0 auto 77px;
    padding: 35px 0;
    width: calc(100% - 40px);
  }
}
.stay_room_menu .inner {
  max-width: 663px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner .menu_title {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.stay_room_menu .inner .menu_title p {
  position: relative;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .stay_room_menu .inner .menu_title p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner .menu_title p {
    font-size: 14px;
  }
}
.stay_room_menu .inner .menu_title p::before {
  content: "";
  width: 8px;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
  z-index: 1;
  background-image: url(img/stay/room_menu_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner .menu_title p::before {
    right: -12px;
  }
}
.stay_room_menu .inner ul {
  max-width: 516px;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner ul {
    width: 100%;
    flex-wrap: wrap;
  }
}
.stay_room_menu .inner ul li {
  position: relative;
  list-style: none;
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner ul li {
    width: 100%;
  }
}
.stay_room_menu .inner ul li a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .stay_room_menu .inner ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner ul li a {
    position: relative;
    font-size: 15px;
    padding-left: 10px;
  }
  .stay_room_menu .inner ul li a::before {
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 1;
    content: "-";
    font-size: 15px;
    color: #32373C;
  }
}
.stay_room_menu .inner ul .line {
  width: 1px;
  height: 50%;
  background: #32373C;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .stay_room_menu .inner ul .line {
    display: none;
  }
}

.stay_se01 .main_titile,
.stay_se02 .main_titile,
.stay_se03 .main_titile {
  margin-bottom: 70px;
}

@media screen and (max-width: 639px) {
  .stay_se01 {
    padding: 0 20px;
  }
}
.stay_se01 .stay_se01_link {
  max-width: 926px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .stay_se01 .stay_se01_link {
    width: 90%;
  }
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_se01_link {
    justify-content: space-around;
  }
}
.stay_se01 .stay_se01_link li {
  list-style: none;
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_se01_link li {
    width: 40%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_se01_link li {
    width: 50%;
  }
}
.stay_se01 .stay_se01_link li a {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .stay_se01 .stay_se01_link li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_se01_link li a {
    font-size: 15px;
  }
}
.stay_se01 .stay_se01_link li a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: -23px;
  z-index: 1;
  width: 8px;
  height: 20px;
  background: url(img/stay/arrow.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_se01_link li a::before {
    top: -1px;
    right: -12px;
    width: 6px;
  }
}
.stay_se01 .stay_rooms .room_list {
  max-width: 1420px;
  margin: 40px auto 100px;
  padding-top: 80px;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list {
    margin: 0 auto;
  }
}
.stay_se01 .stay_rooms .room_list .inner {
  display: flex;
  flex-wrap: wrap-reverse;
}
.stay_se01 .stay_rooms .room_list .inner .co1 {
  width: 45%;
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 {
    width: 100%;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 {
    margin-bottom: 0px;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 h3 {
    font-size: 20px;
    margin-top: 30px;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 p {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 p {
    font-size: 15px;
    font-weight: normal;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 table {
  border-collapse: collapse;
  max-width: 419px;
  width: 100%;
  margin: 46px auto 40px;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 table {
    width: 100%;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr th {
  width: 141px;
  background: #32373C;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  border: solid 1px #fff;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr th {
    width: 42.089%;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr td {
  width: calc(100% - 141px);
  padding: 5px;
  padding-left: 20px;
  border-top: solid 1px #32373C;
  border-right: solid 1px #32373C;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr td {
    width: 57.911%;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr:last-child th {
  border-bottom: solid 1px #32373C;
}
.stay_se01 .stay_rooms .room_list .inner .co1 table tbody tr:last-child td {
  border-bottom: solid 1px #32373C;
}
.stay_se01 .stay_rooms .room_list .inner .co1 .main_btn {
  width: 181px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co1 .main_btn {
    width: 157px;
    margin: 0 0 0 auto;
  }
  .stay_se01 .stay_rooms .room_list .inner .co1 .main_btn a::before {
    top: 5px;
    right: -15px;
    width: 8px;
    height: 12px;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co2 {
  width: 55%;
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_rooms .room_list .inner .co2 {
    width: 100%;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img {
  max-width: 780px;
  height: auto;
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 959px) {
  .stay_se01 .stay_rooms .room_list .inner .co2 .co_img {
    max-width: 600px;
    margin: auto;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img::before {
  content: "";
  width: 65px;
  height: 65px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  border-radius: 10px;
  background: #F3F1F1;
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co2 .co_img::before {
    width: 50px;
    height: 50px;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img::after {
  content: "";
  width: 170px;
  height: 170px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  z-index: 0;
  border-radius: 10px;
  background: url(img/stay/room-image-bg.png);
}
@media screen and (max-width: 639px) {
  .stay_se01 .stay_rooms .room_list .inner .co2 .co_img::after {
    width: 65px;
    height: 65px;
  }
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img img {
  border-radius: 10px;
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img .swiper-pagination-bullet-active {
  background: #fff;
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img .next,
.stay_se01 .stay_rooms .room_list .inner .co2 .co_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;
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img .next {
  right: 20px;
  background-image: url(img/stay/next_w.webp);
}
.stay_se01 .stay_rooms .room_list .inner .co2 .co_img .prev {
  left: 20px;
  background-image: url(img/stay/prev_w.webp);
}

.stay_se02 {
  margin-top: 170px;
}
@media screen and (max-width: 639px) {
  .stay_se02 {
    margin-top: 107px;
  }
}
.stay_se02 .inner {
  width: 100%;
  max-width: 1420px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner {
    padding: 0 20px;
  }
}
.stay_se02 .inner .co {
  width: 50%;
  padding: 0 20px;
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co {
    width: 100%;
    padding: 35px 0;
  }
}
.stay_se02 .inner .co .co_img {
  max-width: 610px;
  margin: auto;
  aspect-ratio: 610/380;
  margin-bottom: 50px;
}
.stay_se02 .inner .co .co_img .swiper-slide {
  aspect-ratio: 610/380;
}
.stay_se02 .inner .co .co_img .swiper-slide img {
  border-radius: 10px;
}
.stay_se02 .inner .co .co_img .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: none;
  border: 3px solid #fff;
}
.stay_se02 .inner .co .co_img .swiper-pagination-bullet-active {
  background: #fff;
}
.stay_se02 .inner .co .co_img .next,
.stay_se02 .inner .co .co_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;
}
.stay_se02 .inner .co .co_img .next {
  right: 20px;
  background-image: url(img/stay/next_w.webp);
}
.stay_se02 .inner .co .co_img .prev {
  left: 20px;
  background-image: url(img/stay/prev_w.webp);
}
.stay_se02 .inner .co ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 511px;
  margin: auto;
  margin-bottom: 33px;
}
.stay_se02 .inner .co ul li {
  list-style: none;
  font-size: 18px;
}
.stay_se02 .inner .co p {
  font-size: 18px;
  font-weight: bold;
  max-width: 511px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co p {
    font-size: 14px;
  }
}
.stay_se02 .inner .co1 {
  border-right: 1px #C5C5C5 solid;
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co1 {
    border-right: none;
  }
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co1 ul li {
    font-size: 16px;
  }
}
.stay_se02 .inner .co1 ul li span {
  font-size: 12px;
}
.stay_se02 .inner .co1 ul li:nth-child(3n+1) {
  width: 228px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co1 ul li:nth-child(3n+1) {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co1 ul li:nth-child(3n+1) {
    width: 50%;
    font-size: 14px;
  }
}
.stay_se02 .inner .co1 ul li:nth-child(3n+2) {
  width: 130px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co1 ul li:nth-child(3n+2) {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co1 ul li:nth-child(3n+2) {
    width: 50%;
    font-size: 14px;
  }
}
.stay_se02 .inner .co1 ul li:nth-child(3n) {
  width: 130px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co1 ul li:nth-child(2n+1) {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co1 ul li:nth-child(2n+1) {
    font-size: 14px;
    width: 60%;
  }
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co1 ul li:nth-child(2n) {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co1 ul li:nth-child(2n) {
    font-size: 14px;
    width: 40%;
  }
}
.stay_se02 .inner .co1 .pc-lists {
  display: flex;
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co1 .pc-lists {
    display: none;
  }
}
.stay_se02 .inner .co1 .sp-lists {
  display: none;
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co1 .sp-lists {
    display: flex;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co2 {
    border-top: 1px #C5C5C5 solid;
  }
}
.stay_se02 .inner .co2 ul {
  max-width: 565px;
}
.stay_se02 .inner .co2 ul li span {
  font-size: 12px;
}
.stay_se02 .inner .co2 ul li:nth-child(3n+1) {
  width: 145px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n+1) {
    font-size: 16px;
    width: 123px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n+1) {
    width: 50%;
    font-size: 14px;
  }
}
.stay_se02 .inner .co2 ul li:nth-child(3n+2) {
  width: 233px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n+2) {
    font-size: 16px;
    width: 210px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n+2) {
    width: 50%;
    font-size: 14px;
  }
}
.stay_se02 .inner .co2 ul li:nth-child(3n) {
  width: 183px;
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n) {
    width: 123px;
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se02 .inner .co2 ul li:nth-child(3n) {
    width: 50%;
    font-size: 14px;
  }
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co2 ul li:nth-child(2n+1) {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co2 ul li:nth-child(2n+1) {
    font-size: 14px;
    width: 44%;
  }
}
@media screen and (max-width: 1199px) {
  .stay_se02 .inner .co2 ul li:nth-child(2n) {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co2 ul li:nth-child(2n) {
    font-size: 14px;
    width: 56%;
  }
}
.stay_se02 .inner .co2 .pc-lists {
  display: flex;
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co2 .pc-lists {
    display: none;
  }
}
.stay_se02 .inner .co2 .sp-lists {
  display: none;
}
@media screen and (max-width: 959px) {
  .stay_se02 .inner .co2 .sp-lists {
    display: flex;
  }
}
.stay_se02 .checkin_time {
  margin: 150px auto 100px;
  max-width: 1420px;
  border-top: #C5C5C5 1px solid;
  border-bottom: #C5C5C5 1px solid;
  padding: 35px 0;
}
@media screen and (max-width: 639px) {
  .stay_se02 .checkin_time {
    margin-top: 0;
    width: calc(100% - 40px);
  }
}
.stay_se02 .checkin_time p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .stay_se02 .checkin_time p {
    font-size: 15px;
    width: 196px;
    margin: auto;
    text-align: start;
  }
}
.stay_se02 .checkin_time div {
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .stay_se02 .checkin_time div {
    font-size: 12px;
    text-align: start;
  }
}

.stay_se03 {
  background: #F3F1F1;
  padding: 100px 0 90px;
}
@media screen and (max-width: 639px) {
  .stay_se03 {
    padding: 100px 20px 90px;
  }
}
.stay_se03 .main_titile {
  margin-bottom: 35px;
}
.stay_se03 .check_in_panel_img {
  max-width: 400px;
  height: auto;
  margin: 50px auto;
}
.stay_se03 .check_in_panel_img img {
  border-radius: 10px;
}
.stay_se03 > p {
  text-align: center;
  font-size: 18px;
}
.stay_se03 > .inner {
  max-width: 1420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto 60px;
}
@media screen and (max-width: 959px) {
  .stay_se03 > .inner {
    justify-content: space-around;
  }
}
.stay_se03 > .inner .co {
  width: 23.2394%;
  background: #fff;
  padding: 32px 35px;
  border-radius: 10px;
}
@media screen and (max-width: 959px) {
  .stay_se03 > .inner .co {
    width: 45%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 639px) {
  .stay_se03 > .inner .co {
    width: 100%;
    margin-bottom: 30px;
    padding: 20px 35px;
  }
}
.stay_se03 > .inner .co h3 {
  font-size: 30px;
  color: #F3F1F1;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .stay_se03 > .inner .co h3 {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.stay_se03 > .inner .co h3 img {
  width: 125px;
}
@media screen and (max-width: 639px) {
  .stay_se03 > .inner .co h3 img {
    width: 86px;
    height: auto;
  }
}
.stay_se03 > .inner .co .co_img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .stay_se03 > .inner .co .co_img {
    width: 60%;
    margin: auto;
  }
}
.stay_se03 > .inner .co p {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .stay_se03 > .inner .co p {
    font-size: 15px;
  }
}
.stay_se03 .room_option .inner {
  max-width: 1420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
}
.stay_se03 .room_option .inner .co {
  width: 30%;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co {
    width: 100%;
  }
}
.stay_se03 .room_option .inner .co .co_img {
  width: 86px;
  min-height: 45px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co .co_img {
    min-height: auto;
  }
}
.stay_se03 .room_option .inner .co .sp_img {
  display: none;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co .sp_img {
    display: block;
    width: 100%;
    height: auto;
  }
  .stay_se03 .room_option .inner .co .sp_img img {
    border-radius: 10px;
  }
}
.stay_se03 .room_option .inner .co h3, .stay_se03 .room_option .inner .co p {
  font-weight: bold;
  text-align: center;
}
.stay_se03 .room_option .inner .co h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
.stay_se03 .room_option .inner .co p {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co p {
    font-size: 15px;
    margin-top: 30px;
  }
}
.stay_se03 .room_option .inner .co3 .co_img {
  width: 100%;
  height: auto;
}
.stay_se03 .room_option .inner .co3 .co_img img {
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co3 {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner .co:last-child {
    margin-top: 60px;
  }
}
.stay_se03 .room_option .inner .co:last-child .co_img {
  width: 43px;
}
.stay_se03 .room_option .inner2 {
  background: #fff;
  max-width: 800px;
  margin: 30px auto;
  padding: 20px;
}
.stay_se03 .room_option .inner2 h4 {
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner2 h4 {
    font-size: 18px;
  }
}
.stay_se03 .room_option .inner2 p {
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .stay_se03 .room_option .inner2 p {
    font-size: 15px;
  }
}

.info, .contact_title {
  padding: 80px 0 0;
}
@media screen and (max-width: 639px) {
  .info, .contact_title {
    padding: 87px 0 45px;
  }
}
.info h1, .contact_title h1 {
  font-size: 45px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .info h1, .contact_title h1 {
    font-size: 24px;
  }
}
.info p, .contact_title p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.post__layout {
  max-width: 1420px;
  margin: 58px auto;
}
@media screen and (max-width: 1199px) {
  .post__layout {
    padding: 0 10px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 639px) {
  .post__layout {
    padding: 0;
  }
}
.post__layout .post-single {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .post__layout .post-single {
    width: 100%;
  }
}
.post__layout .post-single .post__header .post__title {
  font-size: 30px;
  color: #32373C;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .post__layout .post-single .post__header .post__title {
    font-size: 18px;
  }
}
.post__layout .post-single .post__header .post__meta time, .post__layout .post-single .post__header .post__meta span {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .post__layout .post-single .post__header .post__meta time, .post__layout .post-single .post__header .post__meta span {
    font-size: 13px;
  }
}
.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: #C5C5C5 solid 1px;
  padding-bottom: 48px;
}
@media screen and (max-width: 639px) {
  .post__layout .post-single .post__body {
    padding-bottom: 14px;
  }
}
.post__layout .post-single .post__body .thumbnail_box {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
@media screen and (max-width: 639px) {
  .post__layout .post-single .post__body .thumbnail_box {
    aspect-ratio: 335/222;
  }
}
.post__layout .post-single .post__body .thumbnail_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.post__layout .post-single .post__body p {
  font-size: 18px;
  line-height: 1.7;
  padding-bottom: 18px;
  color: #32373C;
}
.post__layout .post-single .post__body p b {
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .post__layout .post-single .post__body p {
    font-size: 16px;
  }
}
.post__layout .post-single .post__body a {
  font-size: 18px;
  line-height: 1.7;
  padding-bottom: 18px;
  color: #0000EE;
}
.post__layout .post-single .post__body a b {
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .post__layout .post-single .post__body a {
    font-size: 16px;
  }
}
.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 auto 64px;
}
.post__footer .post-nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  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 {
  display: flex;
  justify-content: space-between;
  max-width: 1420px;
  margin: 100px auto;
  padding-top: 80px;
  border-top: 1px solid #C5C5C5;
}
@media screen and (max-width: 1199px) {
  .info_posts_layout {
    padding: 80px 20px 0;
  }
}
@media screen and (max-width: 959px) {
  .info_posts_layout {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 639px) {
  .info_posts_layout {
    padding: 0;
    margin: 0 auto;
  }
}
.info_posts_layout .info_posts_box {
  width: calc(100% - 400px);
  max-width: 960px;
}
@media screen and (max-width: 1199px) {
  .info_posts_layout .info_posts_box {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 959px) {
  .info_posts_layout .info_posts_box {
    width: 100%;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card {
  padding: 16px;
  border-bottom: #707070 1px solid;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card {
    padding: 12px 0;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner {
  display: flex;
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co1 {
  min-width: 201px;
  height: 125px;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co1 {
    min-width: auto;
    width: 25%;
    height: auto;
    aspect-ratio: 109/68;
  }
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co1 img {
    width: 100%;
    height: 100%;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 {
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 {
    width: 73%;
    padding-left: 2%;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header {
  display: flex;
  margin-bottom: 20px;
  justify-content: left;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header {
    margin-bottom: 5px;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 .post_header .date {
  font-size: 18px;
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .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 {
  width: 109px;
  margin-left: 20px;
  text-align: center;
  text-wrap: nowrap;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .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 .post_header .category::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  height: 80%;
  width: 1px;
  background: #32373C;
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 a {
  color: #535353;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 a {
    font-size: 15px;
  }
}
.info_posts_layout .info_posts_box .post-list .post_card .inner .co2 p {
  text-align: start;
  color: #535353;
  font-size: 18px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* ここが行数 */
  overflow: hidden;
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .post-list .post_card .inner .co2 p {
    font-size: 13px;
  }
}
.info_posts_layout .info_posts_box .pagination {
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0;
}
@media screen and (max-width: 959px) {
  .info_posts_layout .info_posts_box .pagination {
    max-width: 170px;
  }
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .pagination {
    max-width: 92px;
  }
}
.info_posts_layout .info_posts_box .pagination .pagination__link, .info_posts_layout .info_posts_box .pagination .pagination__arrow {
  font-size: 24px;
  text-decoration: none;
  margin: 0 10px;
  color: #32373C;
}
@media screen and (max-width: 1199px) {
  .info_posts_layout .info_posts_box .pagination .pagination__link, .info_posts_layout .info_posts_box .pagination .pagination__arrow {
    font-size: 20px;
  }
}
@media screen and (max-width: 639px) {
  .info_posts_layout .info_posts_box .pagination .pagination__link, .info_posts_layout .info_posts_box .pagination .pagination__arrow {
    margin: 0 5px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .info_posts_layout .info_aside,
  .info_posts_layout .post_aside {
    width: 260px;
  }
}
@media screen and (max-width: 959px) {
  .info_posts_layout .info_aside,
  .info_posts_layout .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 {
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .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 {
    padding: 30px 0;
  }
}
.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 {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 639px) {
  .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 {
    font-size: 15px;
    width: 106.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 {
  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 {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .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 {
    font-size: 14px;
  }
}
.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 {
  text-decoration: none;
}
.info_posts_layout .info_aside .years_box .archive-year,
.info_posts_layout .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 {
  text-decoration: none;
}

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

.blog--single .info_aside {
  width: 380px;
}
@media screen and (max-width: 959px) {
  .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;
}

.info, .blog,
.post_single {
  margin: 100px auto 0;
  padding-top: 80px;
  border-top: 1px solid #C5C5C5;
}
@media screen and (max-width: 639px) {
  .info .breadcrumb, .blog .breadcrumb,
  .post_single .breadcrumb {
    padding: 5px 0px;
  }
}
@media screen and (max-width: 1199px) {
  .info, .blog,
  .post_single {
    padding: 0px 20px 0;
  }
}
@media screen and (max-width: 639px) {
  .info, .blog,
  .post_single {
    flex-wrap: wrap-reverse;
    padding: 0px 20px 0;
    border-top: none;
    margin: 84px auto;
  }
}
@media screen and (max-width: 959px) {
  .info .info_posts_box, .blog .info_posts_box,
  .post_single .info_posts_box {
    width: 100%;
  }
}
.info .info_posts_box .post-list .post_card, .blog .info_posts_box .post-list .post_card,
.post_single .info_posts_box .post-list .post_card {
  padding: 16px;
  border-bottom: #707070 1px solid;
}
@media screen and (max-width: 639px) {
  .info .info_posts_box .post-list .post_card, .blog .info_posts_box .post-list .post_card,
  .post_single .info_posts_box .post-list .post_card {
    padding: 12px 0;
  }
}
.info .info_posts_box .post-list .post_card .inner, .blog .info_posts_box .post-list .post_card .inner,
.post_single .info_posts_box .post-list .post_card .inner {
  display: flex;
}
.info .info_posts_box .post-list .post_card .inner .co1, .blog .info_posts_box .post-list .post_card .inner .co1,
.post_single .info_posts_box .post-list .post_card .inner .co1 {
  width: 201px;
  height: 125px;
}
@media screen and (max-width: 639px) {
  .info .info_posts_box .post-list .post_card .inner .co1, .blog .info_posts_box .post-list .post_card .inner .co1,
  .post_single .info_posts_box .post-list .post_card .inner .co1 {
    width: 25%;
    height: auto;
    aspect-ratio: 109/68;
  }
}
.info .info_posts_box .post-list .post_card .inner .co2, .blog .info_posts_box .post-list .post_card .inner .co2,
.post_single .info_posts_box .post-list .post_card .inner .co2 {
  padding-left: 20px;
}
.info .info_posts_box .post-list .post_card .inner .co2 .post_header, .blog .info_posts_box .post-list .post_card .inner .co2 .post_header,
.post_single .info_posts_box .post-list .post_card .inner .co2 .post_header {
  display: flex;
  margin-bottom: 20px;
}
.info .info_posts_box .post-list .post_card .inner .co2 .post_header .date, .blog .info_posts_box .post-list .post_card .inner .co2 .post_header .date,
.post_single .info_posts_box .post-list .post_card .inner .co2 .post_header .date {
  font-size: 18px;
  font-weight: bold;
  text-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  .info .info_posts_box .post-list .post_card .inner .co2 .post_header .date, .blog .info_posts_box .post-list .post_card .inner .co2 .post_header .date,
  .post_single .info_posts_box .post-list .post_card .inner .co2 .post_header .date {
    font-size: 15px;
  }
}
.info .info_posts_box .post-list .post_card .inner .co2 .post_header .category, .blog .info_posts_box .post-list .post_card .inner .co2 .post_header .category,
.post_single .info_posts_box .post-list .post_card .inner .co2 .post_header .category {
  width: 109px;
  margin-left: 20px;
  text-align: center;
  text-wrap: nowrap;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .info .info_posts_box .post-list .post_card .inner .co2 .post_header .category, .blog .info_posts_box .post-list .post_card .inner .co2 .post_header .category,
  .post_single .info_posts_box .post-list .post_card .inner .co2 .post_header .category {
    font-size: 12px;
    width: 88px;
    margin-left: 8px;
  }
}
.info .info_posts_box .post-list .post_card .inner .co2 a, .blog .info_posts_box .post-list .post_card .inner .co2 a,
.post_single .info_posts_box .post-list .post_card .inner .co2 a {
  color: #535353;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .info .info_posts_box .post-list .post_card .inner .co2 a, .blog .info_posts_box .post-list .post_card .inner .co2 a,
  .post_single .info_posts_box .post-list .post_card .inner .co2 a {
    font-size: 15px;
  }
}
.info .info_aside,
.info .post_aside, .blog .info_aside,
.blog .post_aside,
.post_single .info_aside,
.post_single .post_aside {
  width: 380px;
}
@media screen and (max-width: 1199px) {
  .info .info_aside,
  .info .post_aside, .blog .info_aside,
  .blog .post_aside,
  .post_single .info_aside,
  .post_single .post_aside {
    width: 320px;
  }
}
@media screen and (max-width: 959px) {
  .info .info_aside,
  .info .post_aside, .blog .info_aside,
  .blog .post_aside,
  .post_single .info_aside,
  .post_single .post_aside {
    width: 100%;
  }
}
.info .info_aside .category_box,
.info .info_aside .years_box,
.info .post_aside .category_box,
.info .post_aside .years_box, .blog .info_aside .category_box,
.blog .info_aside .years_box,
.blog .post_aside .category_box,
.blog .post_aside .years_box,
.post_single .info_aside .category_box,
.post_single .info_aside .years_box,
.post_single .post_aside .category_box,
.post_single .post_aside .years_box {
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .info .info_aside .category_box,
  .info .info_aside .years_box,
  .info .post_aside .category_box,
  .info .post_aside .years_box, .blog .info_aside .category_box,
  .blog .info_aside .years_box,
  .blog .post_aside .category_box,
  .blog .post_aside .years_box,
  .post_single .info_aside .category_box,
  .post_single .info_aside .years_box,
  .post_single .post_aside .category_box,
  .post_single .post_aside .years_box {
    padding: 30px 0;
  }
}
.info .info_aside .category_box h3,
.info .info_aside .years_box h3,
.info .post_aside .category_box h3,
.info .post_aside .years_box h3, .blog .info_aside .category_box h3,
.blog .info_aside .years_box h3,
.blog .post_aside .category_box h3,
.blog .post_aside .years_box h3,
.post_single .info_aside .category_box h3,
.post_single .info_aside .years_box h3,
.post_single .post_aside .category_box h3,
.post_single .post_aside .years_box h3 {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 639px) {
  .info .info_aside .category_box h3,
  .info .info_aside .years_box h3,
  .info .post_aside .category_box h3,
  .info .post_aside .years_box h3, .blog .info_aside .category_box h3,
  .blog .info_aside .years_box h3,
  .blog .post_aside .category_box h3,
  .blog .post_aside .years_box h3,
  .post_single .info_aside .category_box h3,
  .post_single .info_aside .years_box h3,
  .post_single .post_aside .category_box h3,
  .post_single .post_aside .years_box h3 {
    font-size: 15px;
    width: 106.5px;
  }
}
.info .info_aside .category_box .category-archive,
.info .info_aside .years_box .category-archive,
.info .post_aside .category_box .category-archive,
.info .post_aside .years_box .category-archive, .blog .info_aside .category_box .category-archive,
.blog .info_aside .years_box .category-archive,
.blog .post_aside .category_box .category-archive,
.blog .post_aside .years_box .category-archive,
.post_single .info_aside .category_box .category-archive,
.post_single .info_aside .years_box .category-archive,
.post_single .post_aside .category_box .category-archive,
.post_single .post_aside .years_box .category-archive {
  list-style: none;
}
.info .info_aside .category_box .category-archive li,
.info .info_aside .years_box .category-archive li,
.info .post_aside .category_box .category-archive li,
.info .post_aside .years_box .category-archive li, .blog .info_aside .category_box .category-archive li,
.blog .info_aside .years_box .category-archive li,
.blog .post_aside .category_box .category-archive li,
.blog .post_aside .years_box .category-archive li,
.post_single .info_aside .category_box .category-archive li,
.post_single .info_aside .years_box .category-archive li,
.post_single .post_aside .category_box .category-archive li,
.post_single .post_aside .years_box .category-archive li {
  margin-bottom: 10px;
}
.info .info_aside .category_box .category-archive li a,
.info .info_aside .years_box .category-archive li a,
.info .post_aside .category_box .category-archive li a,
.info .post_aside .years_box .category-archive li a, .blog .info_aside .category_box .category-archive li a,
.blog .info_aside .years_box .category-archive li a,
.blog .post_aside .category_box .category-archive li a,
.blog .post_aside .years_box .category-archive li a,
.post_single .info_aside .category_box .category-archive li a,
.post_single .info_aside .years_box .category-archive li a,
.post_single .post_aside .category_box .category-archive li a,
.post_single .post_aside .years_box .category-archive li a {
  text-decoration: none;
}
.info .info_aside .years_box .archive-year,
.info .post_aside .years_box .archive-year, .blog .info_aside .years_box .archive-year,
.blog .post_aside .years_box .archive-year,
.post_single .info_aside .years_box .archive-year,
.post_single .post_aside .years_box .archive-year {
  border-bottom: #1A1A1A solid 1px;
  font-size: 22px;
}
.info .info_aside .years_box li a,
.info .post_aside .years_box li a, .blog .info_aside .years_box li a,
.blog .post_aside .years_box li a,
.post_single .info_aside .years_box li a,
.post_single .post_aside .years_box li a {
  text-decoration: none;
}

.common_btn {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  background: #32373C;
  width: 50px;
  height: 150px;
  border-radius: 10px;
  padding: 28px 0;
}
@media screen and (max-width: 639px) {
  .common_btn {
    display: none;
  }
}
.common_btn .btn_inner .btn_img {
  width: 22.95px;
  height: auto;
  margin: auto;
}
.common_btn .btn_inner .btn_text {
  color: #fff;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: bold;
  writing-mode: vertical-rl;
  transform-origin: left;
  margin: auto;
}
.common_btn .btn_inner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

@media screen and (max-width: 639px) {
  .info_kv {
    margin-top: 70px;
    margin-bottom: 50px;
  }
  .info_kv h1 {
    font-size: 24px;
  }
  .info_kv p {
    font-size: 14px;
  }
}

.contact_title {
  padding-bottom: 45px;
}
@media screen and (max-width: 639px) {
  .contact_title {
    padding-top: 75px;
    padding-bottom: 51px;
  }
}

.contact_page {
  padding-top: 80px;
}

.contact_se {
  max-width: 1420px;
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 0 0 80px;
}
@media screen and (max-width: 1199px) {
  .contact_se {
    padding: 40px 20px 0;
  }
}
@media screen and (max-width: 639px) {
  .contact_se {
    padding: 0 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: 1199px) {
  .contact_se > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_se > p {
    text-align: start;
    font-size: 15px;
  }
}
.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;
  border-radius: 10px;
}
@media screen and (max-width: 1199px) {
  .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: #32373C;
  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 > p {
  text-align: start;
  color: #1A1A1A;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 959px) {
  .contact_area > p {
    font-size: 15px;
    font-weight: normal;
  }
}
.contact_area table {
  border-collapse: collapse;
  width: 100%;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.contact_area table tbody tr th {
  position: relative;
  background: #32373C;
  color: #fff;
  width: 30%;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
.contact_area table tbody tr th::before {
  content: "※";
  width: 20px;
  height: 20px;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .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 #32373C;
  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 .q1 th {
  border-top-left-radius: 10px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody .q1 th {
    border-top-right-radius: 10px;
  }
}
.contact_area table tbody .q1 td {
  border-top-right-radius: 10px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody .q1 td {
    border-top-right-radius: 0px;
  }
}
.contact_area table tbody .q4 th {
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody .q4 th {
    border-bottom-left-radius: 0px;
  }
}
.contact_area table tbody .q4 td {
  border-bottom-right-radius: 10px;
}
@media screen and (max-width: 639px) {
  .contact_area table tbody .q4 td {
    border-bottom-left-radius: 10px;
  }
}
.contact_area table tbody tr:last-child td {
  border-bottom: 1px solid #32373C;
}
.contact_area form > p {
  text-align: start;
  line-height: 1.7;
  font-size: 20px;
  font-weight: bold;
  color: #535353;
}
@media screen and (max-width: 1199px) {
  .contact_area form > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .contact_area form > p {
    font-size: 14px;
    color: #535353;
    font-weight: normal;
  }
}
.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: #32373C;
  color: #fff;
  padding: 18.5px 0;
  font-size: 25px;
  border-radius: 60px;
}
@media screen and (max-width: 639px) {
  .contact_area .button-area .submit_btn button {
    font-size: 20px;
  }
}
.contact_area .button-area p {
  display: inline-block;
}

.contact_info {
  margin-top: 60px;
  padding: 35px 0;
  border-top: #C5C5C5 solid 1px;
  border-bottom: #C5C5C5 solid 1px;
}
@media screen and (max-width: 639px) {
  .contact_info {
    padding: 22px 0;
  }
}
@media screen and (max-width: 639px) {
  .contact_info a {
    font-size: 15px;
  }
}
.contact_info p {
  position: relative;
  max-width: 400px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .contact_info p {
    font-size: 15px;
  }
}
.contact_info p::before {
  content: "";
  width: 10px;
  height: 10px;
  z-index: 1;
  background-image: url(img/contact/contact_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.contact_confirm p {
  margin: 30px 0 40px;
}
.contact_confirm table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #32373C;
}
@media screen and (max-width: 639px) {
  .contact_confirm table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.contact_confirm table tbody tr th {
  background: #32373C;
  color: #fff;
  width: 30%;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1199px) {
  .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 #32373C;
  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: 1199px) {
  .contact_thanks p {
    font-size: 16px;
  }
}

.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: #32373C;
  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: #32373C;
}/*# sourceMappingURL=asset.css.map */