@charset "UTF-8";
/*#####################################################################
 #
 # 秋旅　LPスタイルシート
 #
 #####################################################################*/
/*
 ========== メディアクエリガイド ==========

 1.全体共通設定
 2.通常コンテンツ幅 （max-width:1520px）
 3.小型ノートPC版 （max-width:1280px）
 4.大型タブレット版 （max-width:960px）
 5.主にタブレット版 （max-width:768px）
 6.主にスマホ版 （max-width:640px）

 */
/*#####################################################################
 *
 * 1.全体共通設定
 *
 #####################################################################*/
/***********************************************************
 * レイアウト基本構成
 */
/***********************************************************
 * エレメンツ個別設定
 */
#lp_container {
  font-size: 20px;
  color: #525252;
  padding-bottom: 5vw;
}

/***********************************************************
 * タグ別設定
 */
#lp_container a {
  transition: all 0.5s 0s ease;
  text-decoration: none;
}

#lp_container img {
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
}

#lp_container header {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% auto;
  background-color: transparent;
}
.performance #lp_container header {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/top_header_bg.webp);
}
.staging #lp_container header {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/top_header_bg.webp);
}
.develop #lp_container header {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/top_header_bg.webp);
}

#lp_container header #header {
  overflow: hidden;
}

#lp_container header #header .header_block {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-bottom: clamp(5rem, -7.11rem + 25.2vw, 23.125rem);
}

#lp_container header #header .header_block .logo_wrap {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100% auto;
  background-color: transparent;
  padding: 5vw 0vw 10vw 7vw;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  margin-right: 2vw;
}
.performance #lp_container header #header .header_block .logo_wrap {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/header_logo_bg.webp);
}
.staging #lp_container header #header .header_block .logo_wrap {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/header_logo_bg.webp);
}
.develop #lp_container header #header .header_block .logo_wrap {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/header_logo_bg.webp);
}

#lp_container header #header .header_block .logo_wrap .logo {
  position: relative;
  z-index: 9;
}

#lp_container header #header .header_block .logo_wrap .lead_text {
  position: relative;
  font-size: 1.5vw;
  z-index: 9;
}

#lp_container header #header .header_block .logo_wrap .logo_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 8;
  mix-blend-mode: multiply;
  top: 0;
  left: 3vw;
}

#lp_container header #header .header_block .logo_wrap .logo_bg img {
  width: 100%;
  height: auto;
}

#lp_container header #header .header_block .text_box {
  color: #430000;
  padding-top: 8vw;
  line-height: 2em;
  margin-left: 7vw;
  font-size: clamp(1.1rem, 0.799rem + 0.63vw, 1.55rem);
  text-shadow: 0 0 0.5vw white, 0 0 0.5vw white;
}

#lp_container header #header .kouyou_map {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% auto;
  background-color: transparent;
  height: 45vw;
  position: relative;
}
.performance #lp_container header #header .kouyou_map {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/top_text_bg.webp);
}
.staging #lp_container header #header .kouyou_map {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/top_text_bg.webp);
}
.develop #lp_container header #header .kouyou_map {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/top_text_bg.webp);
}

#lp_container header #header .kouyou_map .map_box {
  position: absolute;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% auto;
  background-color: transparent;
  right: 8vw;
  top: -13vw;
  padding: 3vw 3vw;
  max-width: 980px;
  box-sizing: border-box;
  aspect-ratio: 1/1.2;
}
.performance #lp_container header #header .kouyou_map .map_box {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/kouyou_map.webp);
}
.staging #lp_container header #header .kouyou_map .map_box {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/kouyou_map.webp);
}
.develop #lp_container header #header .kouyou_map .map_box {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/kouyou_map.webp);
}

#lp_container header #header .kouyou_map .map_box .text_wrap {
  padding-right: 19vw;
}

#lp_container header #header .kouyou_map .map_box .text_wrap h2 {
  font-size: 230%;
  font-weight: bold;
  color: #e94b0e;
  margin-bottom: 0.3em;
}

#lp_container header #header .kouyou_map .map_box .text_wrap h3 {
  font-size: 105%;
  font-weight: bold;
  margin-bottom: 2em;
}

#lp_container header #header .kouyou_map .map_box .text_wrap .detail_text {
  font-size: 70%;
  line-height: 2em;
}

#lp_container header #header .kouyou_map .photo_box {
  position: absolute;
  z-index: 10;
  display: inline-block;
}

#lp_container header #header .kouyou_map .photo_box.photo01 {
  left: 8vw;
  top: 20vw;
  width: 22.7vw;
}

#lp_container header #header .kouyou_map .photo_box.photo02 {
  left: 25vw;
  bottom: 9vw;
  width: 29vw;
}

#lp_container header #header .kouyou_map .photo_box.photo03 {
  right: -2vw;
  bottom: 14vw;
  width: 29vw;
}

#lp_container section {
  background: #ffffff;
}

#lp_container section .section_block {
  max-width: calc(1520px + 8vw);
  margin: 0 auto 5em;
}

#lp_container section .section_block .section_wrap {
  margin: 0 4vw;
  display: flex;
  flex-wrap: nowrap;
}

#lp_container section .section_block .section_wrap .content_box {
  padding-bottom: 2em;
}

#lp_container section .section_block .section_wrap .content_box.img_box {
  width: 30%;
  margin-top: -1.5em;
}

#lp_container section .section_block .section_wrap .content_box.text_box {
  width: 70%;
  position: relative;
  padding-left: 3vw;
  padding-right: 1vw;
  box-sizing: border-box;
}

#lp_container section .section_block .section_wrap .content_box.text_box .label_part {
  display: inline-block;
  border-radius: 0 0 0.5em 0.5em;
  padding: 0.5em 2em;
  color: #fff;
  font-size: 80%;
  line-height: 100%;
}

#lp_container section .section_block .section_wrap .content_box.text_box .section_header {
  margin-top: 3em;
  border-bottom: 1px solid #525252;
  padding-bottom: 0.7em;
  margin-bottom: 1em;
}

#lp_container section .section_block .section_wrap .content_box.text_box .section_header .area_meta {
  font-size: 80%;
  margin-bottom: 0.5em;
}

#lp_container section .section_block .section_wrap .content_box.text_box .section_header h4 {
  font-size: 145%;
  font-weight: bold;
}

#lp_container section .section_block .section_wrap .content_box.text_box .section_header h4 .name_box {
  display: inline-block;
}

#lp_container section .section_block .section_wrap .content_box.text_box.color_red h4 {
  color: #903b38;
}

#lp_container section .section_block .section_wrap .content_box.text_box.color_red .label_part {
  background: #903b38;
}

#lp_container section .section_block .section_wrap .content_box.text_box.color_blue h4 {
  color: #385785;
}

#lp_container section .section_block .section_wrap .content_box.text_box.color_blue .label_part {
  background: #385785;
}

#lp_container section .section_block .section_wrap .content_box.text_box .content_block {
  line-height: 2em;
  margin-bottom: 2em;
  letter-spacing: 0.1em;
  font-size: 86%;
}

#lp_container section .section_block .section_wrap .content_box.text_box .content_block p {
  margin-bottom: 1em;
}

#lp_container section .section_block .section_wrap .content_box.text_box .content_block .access_info:before {
  content: "";
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100% 100%;
  background-color: transparent;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.3em;
}
.performance #lp_container section .section_block .section_wrap .content_box.text_box .content_block .access_info:before {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/map_marker.webp);
}
.staging #lp_container section .section_block .section_wrap .content_box.text_box .content_block .access_info:before {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/map_marker.webp);
}
.develop #lp_container section .section_block .section_wrap .content_box.text_box .content_block .access_info:before {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/map_marker.webp);
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts {
  width: 48%;
  text-align: center;
  display: block;
  color: #ffffff;
  text-decoration: none;
  border-radius: 0.3em;
  padding: 1em;
  box-sizing: border-box;
  line-height: 100%;
  position: relative;
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_site {
  background: #de8d8e;
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_plan {
  background: #a78d8e;
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts:after {
  content: "";
  position: absolute;
  right: 1vw;
  top: 1em;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.8936%2012.0986%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%3E%20%3Cpolygon%20class%3D%22cls-1%22%20style%3D%22fill%3A%20%23fff%22%20points%3D%22.8438%2012.0986%200%2011.2549%205.2061%206.0493%200%20.8438%20.8438%200%206.8936%206.0493%20.8438%2012.0986%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat scroll center center/100% 100% transparent;
}

#lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts:hover {
  opacity: 0.7;
}

#lp_container .facility_list {
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  box-shadow: -3px 0 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 12;
  transition: all 0.3s ease-out;
  transform: translate(100%, 0);
  opacity: 0;
  visibility: hidden;
}

#lp_container .facility_list.shows {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

#lp_container .facility_list .list_wrap {
  background: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  padding: 3vw 7vw 3vw 2vw;
}

#lp_container .facility_list .list_wrap h3 {
  margin-bottom: 1vw;
  font-size: 150%;
}

#lp_container .facility_list .list_wrap h4 {
  margin-bottom: 1vw;
  font-size: 120%;
}

#lp_container .facility_list .list_wrap ul {
  margin-bottom: 2vw;
  padding-left: 1em;
}

#lp_container .facility_list .list_wrap ul li {
  margin-bottom: 1em;
}

#lp_container .facility_list .list_wrap ul li a {
  padding-left: 0.5em;
  border-left: 3px solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

#lp_container .facility_list .list_wrap ul li a.color_red {
  border-color: #903b38;
}

#lp_container .facility_list .list_wrap ul li a.color_blue {
  border-color: #385785;
}

#lp_container .facility_list .list_wrap ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #999;
  transition: all 0.3s;
  width: 0;
}

#lp_container .facility_list .list_wrap ul li a:hover:after {
  width: 100%;
}

#lp_container .side_box {
  position: fixed;
  right: 2vw;
  top: calc(50% - (4em));
  z-index: 100;
}

#lp_container .side_box .list_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

#lp_container .side_box .list_btn a {
  cursor: pointer;
  background: #430000;
  color: #ffffff;
  border-radius: 4em;
  padding: 2em 0.6em;
  text-align: center;
}

#lp_container .side_box .list_btn a span {
  vertical-align: middle;
}

#lp_container .side_box .list_btn a:hover {
  background: #e1c69e;
  color: #430000;
}

#lp_container .side_box .move_top {
  margin-top: 1em;
}

#lp_container .side_box .move_top a {
  width: 100%;
  aspect-ratio: 1/1;
  text-align: center;
  background: #430000;
  color: #ffffff;
  border-radius: 4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  font-size: 0.7em;
  text-align: center;
}

#lp_container .side_box .move_top a:hover {
  background: #e1c69e;
  color: #430000;
}

#lp_container .side_box .move_top a:before {
  content: "▲";
  position: absolute;
  top: 0.5em;
  left: calc(50% - 0.35em);
  font-size: 0.6em;
}

#lp_container .side_box .move_top a span {
  display: inline-block;
  margin-top: 0.5em;
  letter-spacing: 0.1em;
}

#lp_container .fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.0s ease-out;
}

#lp_container .fadein.slidein-left {
  transform: translate(-20%, 0);
}

#lp_container .fadein.slidein-right {
  transform: translate(20%, 0);
}

#lp_container .fadein.slidein-bottom {
  transform: translate(0, 20%);
}

#lp_container .fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/***********************************************************
 * ページ個別設定
 */
/*==================== トップページ ====================*/
#lp_container {
  letter-spacing: 0.2em;
}

#lp_container .color_orange {
  color: #d98e0a;
}

#lp_container .section_nav {
  background: #f0d29d;
  text-align: center;
}

#lp_container .section_nav nav {
  display: inline-flex;
  justify-content: center;
  gap: 0;
}

#lp_container .section_nav nav a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 1em 2em 2em;
  border-left: 1px solid #fff;
}

#lp_container .section_nav nav a:last-child {
  border-right: 1px solid #fff;
}

@media all and (max-width: 830px) and (min-width: 641px) {
  #lp_container .section_nav nav a {
    font-size: 2.1vw;
  }
}

#lp_container .section_nav nav a:after {
  position: absolute;
  content: "▼";
  color: #ffffff;
  bottom: 1.5em;
  left: calc(50% - 0.5em);
  font-size: 70%;
}

#lp_container .section_nav nav a:hover {
  color: #ffffff;
  background-color: #e9b981;
}

#lp_container .section_body {
  background: rgba(0, 0, 0, 0.05);
}

#lp_container .section_title {
  text-align: center;
  padding: 6em 0 7em;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom;
  background-size: auto;
  background-color: transparent;
}
.performance #lp_container .section_title {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
}
.staging #lp_container .section_title {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}
.develop #lp_container .section_title {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}

#lp_container .section_title h3 {
  display: inline-block;
  font-size: 2em;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#lp_container .section_title h3 span {
  display: block;
}

#lp_container .section_title h3 .eng_text {
  border-bottom: 1px solid #525252;
  margin-bottom: 0.3em;
}

#lp_container .section_title h3 .jpn_text {
  font-size: 50%;
}

#lp_container .article_space {
  padding: 6em 0;
}

#lp_container .article_space.left {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left 0;
  background-size: auto;
  background-color: transparent;
}
.performance #lp_container .article_space.left {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_left_bg.webp);
}
.staging #lp_container .article_space.left {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_left_bg.webp);
}
.develop #lp_container .article_space.left {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_left_bg.webp);
}

#lp_container .article_space.right {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom;
  background-size: auto;
  background-color: transparent;
}
.performance #lp_container .article_space.right {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
}
.staging #lp_container .article_space.right {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}
.develop #lp_container .article_space.right {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}

#lp_container .article_space.no_bg {
  background: none;
  padding: 2em 0;
}

@media all and (min-width: 1300px) {
  #lp_container .twin_block {
    overflow-x: hidden;
    background-color: white;
  }
  #lp_container .twin_block .basein {
    width: 100%;
    margin: 0;
    padding: .5%;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #lp_container .twin_block .basein > section {
    width: 31.3%;
    margin: 1% 1%;
  }
  #lp_container .twin_block .basein > section .section_block {
    margin-bottom: 0;
    width: auto;
    height: 100%;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap {
    flex-direction: column;
    margin: 0;
    height: 100%;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.img_box {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.img_box img {
    width: 100%;
    max-width: inherit;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.text_box {
    width: 100%;
    height: 100%;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-bottom: 7vw;
    margin-bottom: 3vw;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.text_box .btn_block {
    position: absolute;
    bottom: 0;
    left: 3vw;
    width: calc(100% - 6vw);
    flex-direction: column;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.text_box .btn_block a {
    width: 100%;
  }
  #lp_container .twin_block .basein > section .section_block .section_wrap .content_box.text_box .btn_block a:first-child {
    margin-bottom: 1%;
  }
  #lp_container .twin_block .twin_only {
    display: inline-block;
  }
}

#lp_container .twin_only {
  display: none;
}

#lp_container #content01 .article_header {
  text-align: center;
  padding: 6em 0 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom;
  background-size: auto;
  background-color: transparent;
}
.performance #lp_container #content01 .article_header {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
}
.staging #lp_container #content01 .article_header {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}
.develop #lp_container #content01 .article_header {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
}

#lp_container #content01 .article_header h2 {
  display: inline-block;
  width: 30vw;
  border-bottom: 1px solid;
  padding-bottom: 0.5em;
  font-size: 125%;
}

#lp_container #content01 .article_header .visual_title {
  font-size: 250%;
  padding: 2% 0 5%;
}

#lp_container #content01 .visual_block {
  display: flex;
  justify-content: end;
  padding-bottom: 6vw;
  overflow: hidden;
}

#lp_container #content01 .visual_block .text_box {
  width: 500px;
  margin-left: 1em;
  padding-right: 1em;
  box-sizing: border-box;
}

#lp_container #content01 .visual_block .text_box .visual_title {
  margin-bottom: 1em;
}

#lp_container #content01 .visual_block .text_box .lead_text {
  font-size: 200%;
  margin-bottom: 1em;
  font-weight: bold;
}

#lp_container #content01 .visual_block .text_box .detail_text {
  margin-bottom: 6em;
  letter-spacing: 0.1em;
  font-size: 91%;
  line-height: 2em;
}

#lp_container #content01 .visual_block .link_btn a {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  background: #e1c69e;
  border-radius: 0.3em;
  padding: 1em 6vw;
  box-sizing: border-box;
  line-height: 100%;
  position: relative;
  transition: all 0.3s;
}

#lp_container #content01 .visual_block .link_btn a:after {
  content: "";
  position: absolute;
  right: 1vw;
  top: 1em;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.8936%2012.0986%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%3E%20%3Cpolygon%20class%3D%22cls-1%22%20style%3D%22fill%3A%20%23000000%22%20points%3D%22.8438%2012.0986%200%2011.2549%205.2061%206.0493%200%20.8438%20.8438%200%206.8936%206.0493%20.8438%2012.0986%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat scroll center center/100% 100% transparent;
}

#lp_container #content01 .visual_block .link_btn a:hover {
  opacity: 0.8;
}

#lp_container #content01 .visual_block .img_box {
  max-width: 52%;
  text-align: right;
}

#lp_container #content01 .visual_block .img_box img {
  width: 100%;
}

#lp_container #content01 .visual_block .d_none {
  display: none;
}

#lp_container #content01 section:last-child .section_block {
  margin-bottom: 0;
}

#lp_container #content02 {
  /*.header_img {
			display: flex;
			overflow: hidden;
			.img_box {
				width: 50%;
				img {
					width: 100%;
				}
			}
		}*/
}

#lp_container #content02 .article_wrap {
  position: relative;
}

#lp_container #content02 .article_wrap .section_body {
  width: 100%;
  z-index: -1;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all linear;
}

#lp_container #content02 .article_wrap .section_body.actives {
  z-index: 11;
  position: static;
  visibility: visible;
  opacity: 1;
}

#lp_container #content02 .article_header {
  padding-top: 6vw;
  position: relative;
}

#lp_container #content02 .article_header .header_block {
  position: relative;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% auto;
  background-color: transparent;
}
.performance #lp_container #content02 .article_header .header_block {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/arti02_header_bg_01.webp);
}
.staging #lp_container #content02 .article_header .header_block {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_01.webp);
}
.develop #lp_container #content02 .article_header .header_block {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_01.webp);
}

#lp_container #content02 .article_header .header_block .text_box {
  position: relative;
  left: 19vw;
  width: 33vw;
}

#lp_container #content02 .article_header .header_block .text_box h2 {
  border-bottom: 1px solid #5f5f5f;
  margin-bottom: 2.5vw;
  font-size: 180%;
  font-weight: bold;
}

#lp_container #content02 .article_header .header_block .text_box .visual_title {
  font-size: 4.2vw;
  line-height: 120%;
  margin-bottom: 8vw;
  font-weight: bold;
}

#lp_container #content02 .article_header .header_block .photo_box {
  position: absolute;
  right: 0;
  top: 0;
  width: 40.3vw;
  text-align: right;
}

#lp_container #content02 .article_header .detail_block {
  position: relative;
  padding-top: 5vw;
  padding-bottom: 34vw;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% auto;
  background-color: transparent;
}
.performance #lp_container #content02 .article_header .detail_block {
  background-image: url(https://img.dormy-hotels.com/information/autumn/img/arti02_header_bg_02.webp);
}
.staging #lp_container #content02 .article_header .detail_block {
  background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_02.webp);
}
.develop #lp_container #content02 .article_header .detail_block {
  background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_02.webp);
}

#lp_container #content02 .article_header .detail_block .photo_box {
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  width: 48vw;
}

#lp_container #content02 .article_header .detail_block .text_box {
  position: relative;
  left: 53vw;
  width: 32vw;
}

#lp_container #content02 .article_header .detail_block .text_box .detail_title {
  font-size: 1.9vw;
  margin-bottom: 2vw;
  font-weight: bold;
}

#lp_container #content02 .article_header .detail_block .text_box .detail_title .indent2 {
  margin-left: 2em;
}

#lp_container #content02 .article_header .detail_block .text_box .detail_text {
  font-size: 90%;
  line-height: 2em;
}

#lp_container #content02 .article_header .detail_block .sub_photo {
  position: absolute;
  right: 0;
  bottom: 10vw;
  width: 28vw;
  text-align: right;
}

#lp_container #content02 .navi_bar {
  /*.navi_visual {
				margin-bottom: 7em;
				img {
					width: 100%;
				}
			}*/
}

#lp_container #content02 .navi_bar .navi_list {
  margin-bottom: 4em;
}

#lp_container #content02 .navi_bar .navi_list nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2em;
}

#lp_container #content02 .navi_bar .navi_list nav a {
  cursor: pointer;
  width: 7em;
  aspect-ratio: 1/1;
  text-align: center;
  background: #efefef;
  border-radius: 10em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
}

#lp_container #content02 .navi_bar .navi_list nav a.current {
  background: #e1c69e;
}

#lp_container #content02 .navi_bar .navi_list nav a:hover {
  background: #e1c69e;
}

#lp_container #content02 .navi_bar .navi_list nav a span {
  display: block;
  position: relative;
}

#lp_container #content02 .navi_bar .navi_list nav a span:after {
  content: "▼";
  position: absolute;
  bottom: -1.5em;
  left: calc(50% - 0.5em);
  font-size: 0.6em;
}

#lp_container #content03 .article_header {
  position: relative;
  /*background: url(./img/arti03_header_bg.webp) no-repeat scroll center top / 100% auto transparent;*/
  padding-top: 8vw;
  padding-bottom: 7vw;
}

#lp_container #content03 .article_header .header_wrap {
  margin: 0 auto;
  width: 42vw;
  padding-left: 8vw;
  box-sizing: border-box;
}

#lp_container #content03 .article_header .header_wrap .inner {
  width: 76%;
}

#lp_container #content03 .article_header .header_wrap h2 {
  border-bottom: 1px solid #5f5f5f;
  margin-bottom: 2.5vw;
  font-size: 180%;
  font-weight: bold;
}

#lp_container #content03 .article_header .header_wrap .visual_title {
  font-size: 400%;
  line-height: 120%;
  margin-bottom: 8vw;
  font-weight: bold;
}

#lp_container #content03 .article_header .header_wrap .lead_text {
  font-size: 180%;
  margin-bottom: 1em;
  font-weight: bold;
}

#lp_container #content03 .article_header .header_wrap .detail_text {
  line-height: 2em;
  font-size: 80%;
}

#lp_container #content03 .article_header .photo_box {
  position: absolute;
}

#lp_container #content03 .article_header .photo_box.photo01 {
  left: 0;
  top: 0;
  width: 31.5vw;
}

#lp_container #content03 .article_header .photo_box.photo02 {
  right: 0;
  top: 0;
  width: 34vw;
}

#lp_container #content03 .article_header .photo_box.photo03 {
  left: 0;
  bottom: 0;
  width: 24vw;
}

#lp_container #content03 .article_header .photo_box.photo04 {
  right: 0;
  bottom: 7vw;
  width: 23vw;
}

#lp_container #content03 .sub_visual {
  display: flex;
  justify-content: right;
  margin: 3vw 0 10vw;
}

#lp_container #content03 .other_block .other_header {
  text-align: center;
  margin-bottom: 3em;
}

#lp_container #content03 .other_block .other_header h3 {
  position: relative;
  display: inline-block;
  font-size: 170%;
  font-weight: bold;
}

#lp_container #content03 .other_block .other_header h3:after {
  position: absolute;
  content: "";
  width: 2em;
  border-bottom: 3px solid #525252;
  bottom: -0.5em;
  left: calc(50% - 1em);
  display: inline-block;
}

#lp_container #content03 .other_block .btn_block {
  display: flex;
  justify-content: center;
  gap: 2em;
}

#lp_container #content03 .other_block .btn_block .btn_box {
  position: relative;
  display: inline-block;
  width: 610px;
  text-align: center;
  border-radius: 0.5em;
  padding: 5em 3em 1em;
  box-sizing: border-box;
  transition: all 0.3;
}

#lp_container #content03 .other_block .btn_block .btn_box:hover {
  opacity: 0.8;
}

#lp_container #content03 .other_block .btn_block .btn_box.domitory {
  background: rgba(56, 87, 133, 0.2);
}

#lp_container #content03 .other_block .btn_block .btn_box.domitory .arrow {
  background: #385785;
}

#lp_container #content03 .other_block .btn_block .btn_box.hotel {
  background: rgba(144, 59, 56, 0.2);
}

#lp_container #content03 .other_block .btn_block .btn_box.hotel .arrow {
  background: #903b38;
}

#lp_container #content03 .other_block .btn_block .btn_box .title {
  position: absolute;
  left: 0;
  top: 1em;
  width: 100%;
  padding: 0 2vw;
  box-sizing: border-box;
}

#lp_container #content03 .other_block .btn_block .btn_box .arrow {
  position: absolute;
  display: inline-block;
  padding: 1.2em 0.5em;
  border-radius: 3em;
  right: 2em;
  top: calc(50% - 2em);
  box-sizing: border-box;
}

#lp_container #content03 .other_block .btn_block .btn_box .text {
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-size: 120%;
}

/*==================== ページ ====================*/
.sp {
  display: none;
}

/*#####################################################################

	2.通常コンテンツ幅 （max-width:1520px）

 #####################################################################*/
@media print, screen and (max-width: 1520px) {
  /***********************************************************
	 * レイアウト基本構成
	 */
  /***********************************************************
	 * エレメンツ個別設定
	 */
  /*==================== ヘッダー ====================*/
  /*==================== ナビゲーション ====================*/
  /*==================== サイドバー ====================*/
  /*==================== フッター ====================*/
  /***********************************************************
	 * タグ別設定
	 */
  #lp_container header #header .kouyou_map .photo_box.photo02 {
    bottom: clamp(0.625rem, -47.375rem + 52.5vw, 8.5rem);
  }
  /***********************************************************
	 * 階層別設定
	 */
  /*==================== メインページ ====================*/
  /*==================== サブページ ====================*/
  /***********************************************************
	 * ページ個別設定
	 */
  /*==================== トップページ ====================*/
  /*==================== ページ ====================*/
  /************************************************************
	 * 表示・非表示設定
	 */
}

/*#####################################################################

	3.小型ノートPC版 （max-width:1280px）

 #####################################################################*/
@media print, screen and (max-width: 1280px) {
  /***********************************************************
	 * レイアウト基本構成
	 */
  /***********************************************************
	 * エレメンツ個別設定
	 */
  /*==================== ヘッダー ====================*/
  /*==================== ナビゲーション ====================*/
  /*==================== サイドバー ====================*/
  /*==================== フッター ====================*/
  /***********************************************************
	 * タグ別設定
	 */
  #lp_container header #header .kouyou_map {
    height: 52vw;
    /*.photo_box {
						&.photo02 {
	  					left: unquote('clamp(0rem, -74rem + 100vw, 20rem)');
						}
						&.photo03 {
	  					bottom: unquote('clamp(3.938rem, -20.813rem + 36.25vw, 11.188rem)');
						}
					}*/
  }
  /***********************************************************
	 * 階層別設定
	 */
  /*==================== メインページ ====================*/
  /*==================== サブページ ====================*/
  /***********************************************************
	 * ページ個別設定
	 */
  /*==================== トップページ ====================*/
  #lp_container .section_title {
    padding: 9vw 0 11vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
    background-size: 30vw auto;
    background-color: transparent;
  }
  .performance #lp_container .section_title {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
  }
  .staging #lp_container .section_title {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  .develop #lp_container .section_title {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  #lp_container .section_title h3 {
    font-size: clamp(2rem, 0.997rem + 2.5vw, 3rem);
  }
  #lp_container .article_space {
    padding: 6vw 0 10vw;
  }
  #lp_container .article_space.left {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    background-size: 30vw auto;
    background-color: transparent;
  }
  .performance #lp_container .article_space.left {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_left_bg.webp);
  }
  .staging #lp_container .article_space.left {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_left_bg.webp);
  }
  .develop #lp_container .article_space.left {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_left_bg.webp);
  }
  #lp_container .article_space.right {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
    background-size: 30vw auto;
    background-color: transparent;
  }
  .performance #lp_container .article_space.right {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
  }
  .staging #lp_container .article_space.right {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  .develop #lp_container .article_space.right {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  #lp_container #content01 .visual_block .text_box {
    width: 40%;
    padding-left: 2vw;
    margin-left: 0;
  }
  #lp_container #content01 .visual_block .text_box .lead_text {
    font-size: 2.5vw;
  }
  #lp_container #content01 .visual_block .text_box .detail_text {
    margin-bottom: 5vw;
  }
  #lp_container #content01 .visual_block .img_box {
    width: 66%;
    text-align: right;
  }
  #lp_container #content01 .visual_block .img_box img {
    width: 100%;
  }
  #lp_container #content02 .article_header .header_block {
    margin-bottom: 3vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 35vw 7vw;
    background-size: 100% auto;
    background-color: transparent;
  }
  .performance #lp_container #content02 .article_header .header_block {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/arti02_header_bg_01.webp);
  }
  .staging #lp_container #content02 .article_header .header_block {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_01.webp);
  }
  .develop #lp_container #content02 .article_header .header_block {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_01.webp);
  }
  #lp_container #content02 .article_header .header_block .text_box {
    left: 5vw;
    width: 50vw;
  }
  #lp_container #content02 .article_header .header_block .text_box h2 {
    font-size: 2.8vw;
  }
  #lp_container #content02 .article_header .header_block .text_box .visual_title {
    font-size: 5vw;
    margin-bottom: 0;
  }
  #lp_container #content02 .article_header .detail_block {
    position: relative;
    padding-top: 5vw;
    padding-bottom: 34vw;
  }
  #lp_container #content02 .article_header .detail_block .text_box {
    position: relative;
    left: 53vw;
    width: 44vw;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_title {
    font-size: 2.7vw;
    margin-bottom: 2vw;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_title .indent2 {
    margin-left: 2em;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_text {
    font-size: 90%;
    line-height: 2em;
  }
  #lp_container #content02 .navi_bar {
    /*.navi_visual {
					margin-bottom: 7em;
					img {
						width: 100%;
					}
				}*/
  }
  #lp_container #content02 .navi_bar .navi_list {
    margin-bottom: 4em;
  }
  #lp_container #content02 .navi_bar .navi_list nav {
    gap: 3vw;
  }
  #lp_container #content02 .navi_bar .navi_list nav a {
    width: 12vw;
    font-size: 1.5vw;
  }
  #lp_container #content03 .article_header .header_wrap {
    width: 45vw;
    padding-left: 7vw;
  }
  #lp_container #content03 .article_header .header_wrap h2 {
    font-size: 2.8vw;
  }
  #lp_container #content03 .article_header .header_wrap .visual_title {
    font-size: 6.2vw;
  }
  #lp_container #content03 .article_header .header_wrap .lead_text {
    font-size: 2.4vw;
  }
  #lp_container #content03 .other_block .other_header h3 {
    font-size: 2.6vw;
  }
  #lp_container #content03 .other_block .btn_block {
    justify-content: space-between;
    gap: 2vw;
    padding: 0 2vw;
  }
  #lp_container #content03 .other_block .btn_block .btn_box {
    width: calc(100% / 2 - 2vw);
    padding: 5em 3em 1em;
    box-sizing: border-box;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .arrow {
    right: 3vw;
    width: 6vw;
    aspect-ratio: 1/1;
    padding: 1vw;
    top: calc(50% - 3vw);
    display: flex;
    align-items: center;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .arrow img {
    vertical-align: middle;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .text {
    font-size: 1.9vw;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_site, #lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_plan {
    letter-spacing: .3vw;
    font-size: 1.7vw;
  }
  /*==================== ページ ====================*/
  /************************************************************
	 * 表示・非表示設定
	 */
  .sp {
    display: none;
  }
}

/*#####################################################################

	4.大型タブレット版 （max-width:960px）

 #####################################################################*/
@media print, screen and (max-width: 960px) {
  /***********************************************************
	 * レイアウト基本構成
	 */
  /***********************************************************
	 * エレメンツ個別設定
	 */
  /*==================== ヘッダー ====================*/
  /*==================== ナビゲーション ====================*/
  /*==================== サイドバー ====================*/
  /*==================== フッター ====================*/
  /***********************************************************
	 * タグ別設定
	 */
  #lp_container header #header .kouyou_map {
    height: 70vw;
  }
  #lp_container header #header .kouyou_map .photo_box {
    /*&.photo02 {
							width: unquote('clamp(10.375rem, -29.834rem + 67.02vw, 17.375rem)');
						}*/
  }
  #lp_container header #header .kouyou_map .photo_box.photo01 {
    top: initial;
    left: 3vw;
    bottom: clamp(16.063rem, -30.921rem + 74.87vw, 30rem);
  }
  #lp_container section .section_block .section_wrap .content_box {
    width: initial;
  }
  #lp_container section .section_block .section_wrap .content_box.img_box {
    width: 35%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box {
    width: 65%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .label_part {
    display: inline-block;
    border-radius: 0 0 0.5em 0.5em;
    padding: 0.5em 2em;
    color: #fff;
    font-size: 80%;
    line-height: 100%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .section_header {
    margin-top: 3em;
    border-bottom: 1px solid #525252;
    padding-bottom: 0.7em;
    margin-bottom: 1em;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .section_header h4 {
    font-size: 145%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .content_block {
    line-height: 2em;
    margin-bottom: 2em;
    letter-spacing: 0.1em;
    font-size: 86%;
  }
  /***********************************************************
	 * 階層別設定
	 */
  /*==================== メインページ ====================*/
  /*==================== サブページ ====================*/
  /***********************************************************
	 * ページ個別設定
	 */
  /*==================== トップページ ====================*/
  #lp_container #content01 .visual_block {
    flex-wrap: wrap;
  }
  #lp_container #content01 .visual_block .md_content {
    width: 100%;
    padding: 10vw;
    box-sizing: border-box;
  }
  #lp_container #content01 .visual_block .md_content .detail_text {
    font-size: 2vw;
    margin-bottom: 3vw;
  }
  #lp_container #content01 .visual_block .d_none_md {
    display: none;
  }
  #lp_container #content01 .visual_block .d_block_md {
    display: block;
  }
  #lp_container #content03 .article_header {
    /*background: url(./img/arti03_header_bg_02.webp) no-repeat scroll center top / 100% auto transparent;*/
    overflow: hidden;
  }
  #lp_container #content03 .article_header .header_wrap {
    width: 60vw;
    padding-left: 0vw;
    margin: 0 0 0 auto;
    padding-right: 5vw;
  }
  #lp_container #content03 .article_header .header_wrap .inner {
    width: 62%;
  }
  #lp_container #content03 .article_header .header_wrap .lead_text {
    font-size: 3vw;
  }
  #lp_container #content03 .article_header .photo_box.photo02 {
    right: -100px;
  }
  #lp_container #content03 .article_header .photo_box.photo03 {
    left: 0;
    bottom: 28vw;
    width: 28vw;
  }
  #lp_container #content03 .article_header .photo_box.photo04 {
    right: initial;
    left: 0;
    bottom: 0vw;
    width: 32vw;
  }
  #lp_container #content03 .other_block .other_header h3 {
    font-size: 2.6vw;
  }
  #lp_container #content03 .other_block .btn_block {
    justify-content: space-between;
    gap: 2vw;
    padding: 0 2vw;
  }
  #lp_container #content03 .other_block .btn_block .btn_box {
    width: calc(100% / 2 - 2vw);
    padding: 5em 3em 1em;
    box-sizing: border-box;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .title {
    padding: 0 11vw;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .text {
    font-size: 1.9vw;
  }
  /*==================== ページ ====================*/
  /************************************************************
	 * 表示・非表示設定
	 */
  .tb {
    display: none;
  }
}

/*#####################################################################

	5.主にタブレット版 （max-width:768px）
	※スマホに継承させないものは、個別に640以下のスタイルに設定

 #####################################################################*/
@media print, screen and (max-width: 768px) {
  /***********************************************************
	 * レイアウト基本構成
	 */
  /***********************************************************
	 * エレメンツ個別設定
	 */
  /*==================== ヘッダー ====================*/
  /*==================== ナビゲーション ====================*/
  /*==================== サイドバー ====================*/
  /*==================== フッター ====================*/
  /***********************************************************
	 * タグ別設定
	 */
  #lp_container header #header .header_block .logo_wrap {
    padding: 5vw 0vw 10vw 7vw;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    margin-right: 2vw;
  }
  #lp_container header #header .header_block .logo_wrap .lead_text {
    font-size: 1.5vw;
  }
  #lp_container header #header .header_block .text_box {
    color: #430000;
    padding-top: 8vw;
    line-height: 2em;
    margin-left: 7vw;
    font-size: clamp(1.1rem, 0.799rem + 0.63vw, 1.55rem);
  }
  #lp_container header #header .kouyou_map {
    height: initial;
  }
  #lp_container header #header .kouyou_map .map_box {
    background-size: 120% auto;
    position: relative;
    right: 0;
    left: 0;
    max-width: initial;
    width: 90%;
    margin: 0 auto;
    border-radius: 6vw;
  }
  #lp_container header #header .kouyou_map .map_box .text_wrap h2 {
    font-size: 7vw;
  }
  #lp_container header #header .kouyou_map .map_box .text_wrap h3 {
    font-size: 3.3vw;
  }
  #lp_container header #header .kouyou_map .map_box .text_wrap .detail_text {
    font-size: 1.8vw;
    position: absolute;
    bottom: -8vw;
    left: 5vw;
  }
  #lp_container header #header .kouyou_map .photo_box {
    display: none;
  }
  #lp_container section .section_block {
    max-width: initial;
    padding: 1em;
    margin-bottom: 15vw;
  }
  #lp_container section .section_block .section_wrap {
    flex-wrap: wrap;
  }
  #lp_container section .section_block .section_wrap .content_box.img_box {
    width: 100%;
    margin-top: 0;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .label_part {
    border-radius: 0.5em;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_site, #lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts.btn_plan {
    letter-spacing: .2em;
    font-size: 100%;
  }
  /***********************************************************
	 * 階層別設定
	 */
  /*==================== メインページ ====================*/
  /*==================== サブページ ====================*/
  /***********************************************************
	 * ページ個別設定
	 */
  /*==================== トップページ ====================*/
  #lp_container #content01 .article_header h2 {
    font-size: 3.1vw;
  }
  #lp_container #content01 .article_header .visual_title {
    font-size: 130%;
    padding: 5%;
    text-align: center;
  }
  #lp_container #content01 .visual_block {
    flex-flow: column-reverse;
    margin-bottom: 10vw;
  }
  #lp_container #content01 .visual_block .text_box {
    width: 70vw;
    margin: 0 auto;
    padding-right: 0;
  }
  #lp_container #content01 .visual_block .text_box .visual_title {
    padding-right: 24vw;
    margin-bottom: 10vw;
  }
  #lp_container #content01 .visual_block .text_box .lead_text {
    font-size: 5.6vw;
  }
  #lp_container #content01 .visual_block .text_box .detail_text {
    font-size: 3.2vw;
  }
  #lp_container #content01 .visual_block .text_box .link_btn a {
    display: block;
    text-align: center;
  }
  #lp_container #content01 .visual_block .img_box {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin-bottom: 10vw;
  }
  #lp_container #content01 .visual_block .d_block_md {
    display: none;
  }
  #lp_container #content01 .visual_block .d_none_md {
    display: inherit;
  }
  #lp_container #content02 .article_header .detail_block .sub_photo {
    right: auto;
    bottom: 8vw;
    width: 48vw;
    left: 0;
  }
  /*==================== ページ ====================*/
  /************************************************************
	 * 表示・非表示設定
	 */
  .pc {
    display: none;
  }
}

/*#####################################################################

	6.主にスマホ版 （max-width:640px）

 #####################################################################*/
@media print, screen and (max-width: 640px) {
  /***********************************************************
	 * レイアウト基本構成
	 */
  /***********************************************************
	 * エレメンツ個別設定
	 */
  /*==================== ヘッダー ====================*/
  /*==================== ナビゲーション ====================*/
  /*==================== サイドバー ====================*/
  /*==================== フッター ====================*/
  /***********************************************************
	 * タグ別設定
	 */
  br.d_none {
    display: none;
  }
  #lp_container .sp {
    display: inline-block;
  }
  #lp_container header {
    background: none;
  }
  #lp_container header #header .header_block {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 top;
    background-size: cover;
    background-color: transparent;
    padding-bottom: 30vw;
    margin-bottom: -12vw;
    flex-direction: column;
  }
  .performance #lp_container header #header .header_block {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/top_header_bg.webp);
  }
  .staging #lp_container header #header .header_block {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/top_header_bg.webp);
  }
  .develop #lp_container header #header .header_block {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/top_header_bg.webp);
  }
  #lp_container header #header .header_block .logo_wrap {
    padding: 5vw 10vw;
    margin-right: 0;
    margin-bottom: 6vw;
  }
  #lp_container header #header .header_block .logo_wrap .logo_bg {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70%;
  }
  #lp_container header #header .header_block .logo_wrap .logo img {
    filter: drop-shadow(3px 3px 5px rgba(100, 0, 0, 0.5));
  }
  #lp_container header #header .header_block .logo_wrap .lead_text {
    font-size: 4vw;
    text-shadow: 0px 0px 5px #430000, 0px 0px 5px #430000, 3px 3px 5px #430000;
    line-height: 2em;
  }
  #lp_container header #header .header_block .text_box {
    padding-top: 0;
    margin-left: 0;
    padding-right: 10vw;
    padding-left: 10vw;
    text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 5px white, 0 0 5px white, 2px 2px 8px white;
    line-height: 1.7em;
    font-weight: bold;
  }
  #lp_container header #header .kouyou_map .map_box {
    aspect-ratio: 1 / 1.4;
  }
  #lp_container header #header .kouyou_map .map_box .text_wrap .detail_text {
    bottom: 4vw;
  }
  #lp_container section .section_block .section_wrap {
    flex-wrap: wrap;
  }
  #lp_container section .section_block .section_wrap .content_box {
    width: 100%;
    padding-bottom: 0;
  }
  #lp_container section .section_block .section_wrap .content_box.img_box {
    width: 100%;
    margin-bottom: 5vw;
    margin-top: 0;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .label_part {
    font-size: 60%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .section_header {
    margin-top: 1em;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .section_header h4 {
    font-size: clamp(1.063rem, -0.308rem + 5.77vw, 2rem);
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .content_block {
    font-size: 70%;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .btn_block {
    flex-wrap: wrap;
    gap: 1em;
  }
  #lp_container section .section_block .section_wrap .content_box.text_box .btn_block .btn_parts {
    width: 100%;
  }
  #lp_container .facility_list .list_wrap {
    font-size: 15px;
    padding: 10vw 8vw 7vw 4vw;
  }
  #lp_container .facility_list .list_wrap h3 {
    margin-bottom: 1em;
  }
  #lp_container .facility_list .list_wrap h4 {
    margin-bottom: 1em;
  }
  #lp_container .facility_list .list_wrap ul {
    margin-bottom: 2.5em;
  }
  #lp_container .facility_list .list_wrap ul li {
    margin-bottom: 1.3em;
  }
  #lp_container .facility_list .list_wrap ul li .name_box {
    display: inline-block;
  }
  #lp_container .side_box {
    top: calc(100% - 15em);
  }
  /***********************************************************
	 * 階層別設定
	 */
  /*==================== トップページ ====================*/
  #lp_container .section_nav nav {
    display: flex;
    justify-content: space-between;
    gap: initial;
    padding: 0;
  }
  #lp_container .section_nav nav a {
    padding: 3.5vw 0 6.5vw;
    font-size: 3vw;
    width: 100%;
  }
  #lp_container .section_nav nav a:after {
    position: absolute;
    content: "▼";
    color: #ffffff;
    bottom: 1.5em;
    left: calc(50% - 0.5em);
    font-size: 70%;
  }
  #lp_container .section_title {
    padding: 15vw 0 12vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
    background-size: 50vw auto;
    background-color: transparent;
  }
  .performance #lp_container .section_title {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/section_header_right_bg.webp);
  }
  .staging #lp_container .section_title {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  .develop #lp_container .section_title {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/section_header_right_bg.webp);
  }
  #lp_container .section_title h3 {
    font-size: 6vw;
  }
  #lp_container .section_title h3 span {
    display: block;
  }
  #lp_container .section_title h3 .eng_text {
    border-bottom: 1px solid #525252;
    margin-bottom: 0.3em;
  }
  #lp_container .section_title h3 .jpn_text {
    font-size: 50%;
  }
  #lp_container .article_space {
    padding: 15vw 0;
  }
  #lp_container .article_space.left {
    background: url(./img/section_header_left_bg.webp) no-repeat scroll left bottom/50vw auto transparent;
  }
  #lp_container .article_space.right {
    background: url(./img/section_header_right_bg.webp) no-repeat scroll right bottom/50vw auto transparent;
  }
  #lp_container #content01 .article_header {
    padding: 17vw 0;
    background: url(./img/section_header_right_bg.webp) no-repeat scroll right bottom/50vw auto transparent;
  }
  #lp_container #content01 .article_header h2 {
    display: inline-block;
    width: auto;
    font-size: 6vw;
    padding-bottom: 1vw;
  }
  #lp_container #content02 {
    /*.header_img {
				margin-bottom: 0;
			}*/
  }
  #lp_container #content02 .article_header {
    padding-top: 10vw;
    position: relative;
  }
  #lp_container #content02 .article_header .header_block {
    background: none;
  }
  #lp_container #content02 .article_header .header_block .text_box {
    position: static;
    left: initial;
    width: 70vw;
    margin: 0 auto;
  }
  #lp_container #content02 .article_header .header_block .text_box h2 {
    font-size: 5.6vw;
    margin-bottom: 5.5vw;
  }
  #lp_container #content02 .article_header .header_block .text_box .visual_title {
    font-size: 8vw;
  }
  #lp_container #content02 .article_header .header_block .photo_box {
    display: none;
  }
  #lp_container #content02 .article_header .detail_block {
    background: none;
    padding-bottom: 14vw;
  }
  #lp_container #content02 .article_header .detail_block .text_box {
    position: static;
    left: initial;
    width: 70vw;
    margin: 0 auto;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_title {
    font-size: 4.7vw;
    margin-bottom: 6vw;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_title .indent2 {
    margin-left: 0;
  }
  #lp_container #content02 .article_header .detail_block .text_box .detail_text {
    font-size: 80%;
  }
  #lp_container #content02 .article_header .detail_block .photo_box {
    display: none;
  }
  #lp_container #content02 .article_header .detail_block .sub_photo {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: transparent;
    width: 100%;
    position: static;
  }
  .performance #lp_container #content02 .article_header .detail_block .sub_photo {
    background-image: url(https://img.dormy-hotels.com/information/autumn/img/arti02_header_bg_04.webp);
  }
  .staging #lp_container #content02 .article_header .detail_block .sub_photo {
    background-image: url(https://staging-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_04.webp);
  }
  .develop #lp_container #content02 .article_header .detail_block .sub_photo {
    background-image: url(https://develop-img.kyoritsu-hotels.net/information/autumn/img/arti02_header_bg_04.webp);
  }
  #lp_container #content02 .article_header .detail_block .sub_photo img {
    visibility: hidden;
    width: 100%;
  }
  #lp_container #content02 .navi_bar {
    /*.navi_visual {
					margin-bottom: 15vw;
					height: 35vw;
					img {
						object-fit: cover;
					  width: 100%;
					  height: 100%;
					}
				}*/
  }
  #lp_container #content02 .navi_bar .navi_list {
    padding: 0 5vw;
  }
  #lp_container #content02 .navi_bar .navi_list nav {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 4vw;
  }
  #lp_container #content02 .navi_bar .navi_list nav a {
    width: calc(100% / 3 - 4vw);
    aspect-ratio: 1/1;
    height: auto;
    font-size: 3.5vw;
  }
  #lp_container #content03 .article_header {
    /*background: url(./img/arti03_header_bg_03.webp) no-repeat scroll center bottom/100% auto transparent;*/
    padding-top: 10vw;
    padding-bottom: 85vw;
    margin-bottom: 10vw;
  }
  #lp_container #content03 .article_header .header_wrap {
    width: 70vw;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
  }
  #lp_container #content03 .article_header .header_wrap .inner {
    width: 100%;
  }
  #lp_container #content03 .article_header .header_wrap h2 {
    font-size: 5.6vw;
    margin-bottom: 5.5vw;
  }
  #lp_container #content03 .article_header .header_wrap .visual_title {
    font-size: 8vw;
  }
  #lp_container #content03 .article_header .header_wrap .lead_text {
    font-size: 4.7vw;
    margin-bottom: 6vw;
  }
  #lp_container #content03 .article_header .header_wrap .detail_text {
    font-size: 80%;
  }
  #lp_container #content03 .article_header .photo_box.photo01 {
    left: 0;
    bottom: 29vw;
    width: 42vw;
    top: initial;
  }
  #lp_container #content03 .article_header .photo_box.photo02 {
    right: 4vw;
    left: initial;
    bottom: 42vw;
    width: 49vw;
    top: initial;
  }
  #lp_container #content03 .article_header .photo_box.photo03 {
    left: 8.5vw;
    bottom: 0vw;
    width: 38vw;
  }
  #lp_container #content03 .article_header .photo_box.photo04 {
    right: 0;
    left: initial;
    bottom: 3vw;
    width: 43vw;
  }
  #lp_container #content03 .sub_visual {
    display: flex;
    justify-content: right;
    margin: 3vw 0 10vw;
  }
  #lp_container #content03 .other_block {
    padding: 0 2vw;
  }
  #lp_container #content03 .other_block .other_header {
    margin-bottom: 9vw;
  }
  #lp_container #content03 .other_block .other_header h3 {
    font-size: 5.3vw;
  }
  #lp_container #content03 .other_block .btn_block {
    flex-wrap: wrap;
    gap: 2em;
  }
  #lp_container #content03 .other_block .btn_block .btn_box {
    width: 100%;
    padding: 15vw 3vw 3vw;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .title {
    padding: 0 24vw;
  }
  #lp_container #content03 .other_block .btn_block .btn_box .arrow {
    padding: 2vw;
    right: 6vw;
    width: 12vw;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    top: calc(50% - 6vw);
  }
  #lp_container #content03 .other_block .btn_block .btn_box .text {
    font-size: 3.7vw;
  }
  /*==================== サブページ ====================*/
  /***********************************************************
	 * ページ個別設定
	 */
  /*==================== トップページ ====================*/
  /*==================== ページ ====================*/
}