@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
/*=========================
　CSS変数（LPの幅）
===========================*/
:root {
  --column-width: 1280px;
  --column-width-sm: 1000px;
  --column-width-lg: 1600px;
}

/*=========================
　CSS変数（フォントサイズ）
===========================*/
/*=========================
　CSS変数（カラー）
===========================*/
:root {
  /* フォントのベーカラー */
  --font-color: #333;
  /* --font-seconde-color: #999999; */
  /* 主要な色 */
  --color-main: #0e122d;
  /* --color-base: #000; */
  /* --color-sub: #000; */
  /* --color-accent: #000; */
  /* モノクロカラー */
  --color-white: #fff;
  --color-gray-50: #fafafa;
  --color-gray-100: #f3f3f3;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #d4d4d4;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #737373;
  --color-gray-600: #525252;
  --color-gray-700: #404040;
  --color-gray-800: #262626;
  --color-gray-900: #171717;
  --color-gray-950: #0a0a0a;
  --color-gray: #45443d;
  --color-black: #000;
  /* 基本カラー */
  --color-red: #d66d5a; /* レッド (例: アラートや強調表示) */
  --color-blue: #65a0c7; /* ブルー (例: リンクや行動を促すボタン) */
  --color-green: #5f7546; /* グリーン (例: 成功や承認) */
  --color-yellow: #dbce39; /* イエロー (例: 警告や注意) */
  --color-orange: #fa8c16; /* オレンジ (例: 強調表示やアクセント) */
  --color-purple: #722ed1; /* パープル */
  --color-pink: #cf6357; /* ピンク */
  --color-brown: #7a5a32; /* ブラウン */
  /* 状態カラー */
  --color-success: var(--color-green); /* 成功 */
  --color-warning: var(--color-yellow); /* 警告 */
  --color-error: var(--color-red); /* エラー */
  --color-info: var(--color-blue); /* 情報 */
}

.ly_mainContents {
  --main-mt: 0;
}

.scrollActive-top {
  opacity: 0;
  -webkit-transform: translateY(3%);
  transform: translateY(3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: transform 0.5s, opacity 0.5s, filter 1s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s, -webkit-transform 0.5s, -webkit-filter 1s;
}
.scrollActive-top.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.scrollActive-left {
  opacity: 0;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: transform 0.5s, opacity 0.5s, filter 1s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s, -webkit-transform 0.5s, -webkit-filter 1s;
}
.scrollActive-left.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.scrollActive-right {
  opacity: 0;
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: transform 0.5s, opacity 0.5s, filter 1s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s;
  transition: transform 0.5s, opacity 0.5s, filter 1s, -webkit-transform 0.5s, -webkit-filter 1s;
}
.scrollActive-right.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.ly_mainContents > .bg {
  background-color: var(--color-red);
}

.bl_anchor {
  padding: 0.5em 0 1.5em;
}
@media only screen and (max-width: 767px) {
  .bl_anchor {
    padding: 0.5em 0 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .bl_anchor {
    --anchor-col: 5;
  }
}
@media only screen and (max-width: 767px) {
  .bl_anchor {
    --anchor-col: 2;
  }
}
.bl_anchor .bl_anchor_item {
  color: var(--color-white);
}
.bl_anchor .bl_anchor_item .bl_anchor_lnk {
  border-bottom: 1px solid var(--color-white);
}
.bl_anchor .bl_anchor_item .bl_anchor_lnk::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-bottom: 1px solid var(--color-white);
  border-right: 1px solid var(--color-white);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_anchor .bl_anchor_item .bl_anchor_lnk .bl_anchor_item_ttl {
    font-size: 0.9em;
  }
}

.bl_intro {
  margin-top: 15rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_intro {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_intro {
    margin-top: 10rem;
  }
}
.bl_intro {
  margin-bottom: 15rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_intro {
    margin-bottom: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_intro {
    margin-bottom: 10rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1035px) {
  .bl_intro .bl_cards {
    --min-w: 275px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_intro .bl_cards {
    --min-w: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .bl_intro .bl_cards {
    --gap: 2rem 2rem;
  }
}
.bl_intro .bl_cards p {
  font-weight: bold;
}

.bl_aria {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
}
.bl_aria:first-child {
  margin-top: 15rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_aria:first-child {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_aria:first-child {
    margin-top: 15rem;
  }
}
.bl_aria .bl_bg {
  height: 100%;
  width: 100%;
  z-index: 1;
}
.bl_aria .bl_bg::before, .bl_aria .bl_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
.bl_aria .bl_bg > * {
  position: relative;
  z-index: 5;
}
.bl_aria .bl_bg .bg-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: normal;
}
.bl_aria .bl_bg_atte {
  width: 90vw;
  max-width: 800px;
  font-size: 0.85em;
  margin: 0 auto 3em;
}
.bl_aria#lnk_01 .bl_bg {
  background: #dce5d3;
}
@media only screen and (min-width: 1025px) {
  .bl_aria#lnk_01 .bl_bg::before {
    background: linear-gradient(90deg, #f4f7f9 2px, transparent 2px) 0 0/60px 140px, linear-gradient(30deg, transparent 50%, #f4f7f9 50%, #f4f7f9 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(-30deg, transparent 50%, #f4f7f9 50%, #f4f7f9 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(90deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px)) 0 0/120px 70px, linear-gradient(0deg, #f4f7f9 2px, transparent 1px) 0 0/40px 70px;
  }
  .bl_aria#lnk_01 .bl_bg::after {
    background: linear-gradient(90deg, #fff 20px, transparent 20px) 20px 0/60px 70px, linear-gradient(-60deg, transparent calc(50% - 2px), #f4f7f9 calc(50% - 2px), #f4f7f9 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px, linear-gradient(60deg, transparent calc(50% - 2px), #f4f7f9 calc(50% - 2px), #f4f7f9 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px;
  }
  .bl_aria#lnk_01 .bl_bg .bg-fade {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #dce5d3), color-stop(50%, transparent));
    background: linear-gradient(to bottom, #dce5d3 15%, transparent 50%);
  }
}
.bl_aria#lnk_01 .bl_bg .el_ttl::before {
  background: var(--color-green);
}
.bl_aria#lnk_01 .bl_bg .bl_horizTable th {
  border-bottom: 5px solid var(--color-green);
}
.bl_aria#lnk_01 .bl_bg .bl_horizTable td {
  border-bottom: 1px solid var(--color-green);
}
.bl_aria#lnk_02 .bl_bg {
  background: #e3e2e0;
}
@media only screen and (min-width: 1025px) {
  .bl_aria#lnk_02 .bl_bg::before {
    background: linear-gradient(90deg, #f4f7f9 2px, transparent 2px) 0 0/60px 140px, linear-gradient(30deg, transparent 50%, #f4f7f9 50%, #f4f7f9 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(-30deg, transparent 50%, #f8f8f7 50%, #f8f8f7 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(90deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px)) 0 0/120px 70px, linear-gradient(0deg, #f8f8f7 2px, transparent 1px) 0 0/40px 70px;
  }
  .bl_aria#lnk_02 .bl_bg::after {
    background: linear-gradient(90deg, #fff 20px, transparent 20px) 20px 0/60px 70px, linear-gradient(-60deg, transparent calc(50% - 2px), #f8f8f7 calc(50% - 2px), #f8f8f7 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px, linear-gradient(60deg, transparent calc(50% - 2px), #f8f8f7 calc(50% - 2px), #f8f8f7 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px;
  }
  .bl_aria#lnk_02 .bl_bg .bg-fade {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #e3e2e0), color-stop(50%, transparent));
    background: linear-gradient(to bottom, #e3e2e0 15%, transparent 50%);
  }
}
.bl_aria#lnk_02 .bl_bg .el_ttl::before {
  background: var(--color-gray);
}
.bl_aria#lnk_02 .bl_bg .bl_horizTable th {
  border-bottom: 5px solid var(--color-gray);
}
.bl_aria#lnk_02 .bl_bg .bl_horizTable td {
  border-bottom: 1px solid var(--color-gray);
}
.bl_aria#lnk_03 .bl_bg {
  background: #e0e9ee;
}
@media only screen and (min-width: 1025px) {
  .bl_aria#lnk_03 .bl_bg::before {
    background: linear-gradient(90deg, #f4f7f9 2px, transparent 2px) 0 0/60px 140px, linear-gradient(30deg, transparent 50%, #f4f7f9 50%, #f4f7f9 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(-30deg, transparent 50%, #f4f7f9 50%, #f4f7f9 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(90deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px)) 0 0/120px 70px, linear-gradient(0deg, #f4f7f9 2px, transparent 1px) 0 0/40px 70px;
  }
  .bl_aria#lnk_03 .bl_bg::after {
    background: linear-gradient(90deg, #fff 20px, transparent 20px) 20px 0/60px 70px, linear-gradient(-60deg, transparent calc(50% - 2px), #f4f7f9 calc(50% - 2px), #f4f7f9 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px, linear-gradient(60deg, transparent calc(50% - 2px), #f4f7f9 calc(50% - 2px), #f4f7f9 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px;
  }
  .bl_aria#lnk_03 .bl_bg .bg-fade {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #e0e9ee), color-stop(50%, transparent));
    background: linear-gradient(to bottom, #e0e9ee 15%, transparent 50%);
  }
}
.bl_aria#lnk_03 .bl_bg .el_ttl::before {
  background: var(--color-blue);
}
.bl_aria#lnk_03 .bl_bg .bl_horizTable th {
  border-bottom: 5px solid var(--color-blue);
}
.bl_aria#lnk_03 .bl_bg .bl_horizTable td {
  border-bottom: 1px solid var(--color-blue);
}
.bl_aria#lnk_04 .bl_bg {
  background: #f7ebea;
}
@media only screen and (min-width: 1025px) {
  .bl_aria#lnk_04 .bl_bg::before {
    background: linear-gradient(90deg, #fbf5f5 2px, transparent 2px) 0 0/60px 140px, linear-gradient(30deg, transparent 50%, #fbf5f5 50%, #fbf5f5 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(-30deg, transparent 50%, #fbf5f5 50%, #fbf5f5 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(90deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px)) 0 0/120px 70px, linear-gradient(0deg, #fbf5f5 2px, transparent 1px) 0 0/40px 70px;
  }
  .bl_aria#lnk_04 .bl_bg::after {
    background: linear-gradient(90deg, #fff 20px, transparent 20px) 20px 0/60px 70px, linear-gradient(-60deg, transparent calc(50% - 2px), #fbf5f5 calc(50% - 2px), #fbf5f5 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px, linear-gradient(60deg, transparent calc(50% - 2px), #fbf5f5 calc(50% - 2px), #fbf5f5 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px;
  }
  .bl_aria#lnk_04 .bl_bg .bg-fade {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #f7ebea), color-stop(50%, transparent));
    background: linear-gradient(to bottom, #f7ebea 15%, transparent 50%);
  }
}
.bl_aria#lnk_04 .bl_bg .el_ttl::before {
  background: var(--color-pink);
}
.bl_aria#lnk_04 .bl_bg .bl_horizTable th {
  border-bottom: 5px solid var(--color-pink);
}
.bl_aria#lnk_04 .bl_bg .bl_horizTable td {
  border-bottom: 1px solid var(--color-pink);
}
.bl_aria#lnk_05 .bl_bg {
  background: #fbf9df;
}
@media only screen and (min-width: 1025px) {
  .bl_aria#lnk_05 .bl_bg::before {
    background: linear-gradient(90deg, #fcf8f7 2px, transparent 2px) 0 0/60px 140px, linear-gradient(30deg, transparent 50%, #fcf8f7 50%, #fcf8f7 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(-30deg, transparent 50%, #fcf8f7 50%, #fcf8f7 calc(50% + 2px), transparent calc(50% + 2px)) 0 0/120px 70px, linear-gradient(90deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px)) 0 0/120px 70px, linear-gradient(0deg, #fcf8f7 2px, transparent 1px) 0 0/40px 70px;
  }
  .bl_aria#lnk_05 .bl_bg::after {
    background: linear-gradient(90deg, #fff 20px, transparent 20px) 20px 0/60px 70px, linear-gradient(-60deg, transparent calc(50% - 2px), #fcf8f7 calc(50% - 2px), #fcf8f7 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px, linear-gradient(60deg, transparent calc(50% - 2px), #fcf8f7 calc(50% - 2px), #fcf8f7 calc(50% + 1px), transparent calc(50% + 1px)) 0 0/40px 70px;
  }
  .bl_aria#lnk_05 .bl_bg .bg-fade {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #fbf9df), color-stop(50%, transparent));
    background: linear-gradient(to bottom, #fbf9df 15%, transparent 50%);
  }
}
.bl_aria#lnk_05 .bl_bg .el_ttl::before {
  background: var(--color-yellow);
}
.bl_aria#lnk_05 .bl_bg .bl_horizTable th {
  border-bottom: 5px solid var(--color-yellow);
}
.bl_aria#lnk_05 .bl_bg .bl_horizTable td {
  border-bottom: 1px solid var(--color-yellow);
}
.bl_aria .el_ttl {
  margin: 10rem 0 5rem;
}
@media only screen and (max-width: 767px) {
  .bl_aria .el_ttl {
    margin: 6rem 0 2rem;
  }
}
.bl_aria .bl_cards {
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-w), 380px));
  --gap: 8rem 2.6041666667vw;
}
@media only screen and (max-width: 767px) {
  .bl_aria .bl_cards {
    --gap: 7rem 2rem;
  }
}
.bl_aria .bl_cards {
  --item-num: 8;
  margin-bottom: 10rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_aria .bl_cards {
    margin-bottom: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_aria .bl_cards {
    margin-bottom: 15rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1315px) {
  .bl_aria .bl_cards {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-w), 295px));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bl_aria .bl_cards {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-w), 330px));
  }
}
.bl_aria .bl_cards .bl_cards_item .bl_cards_imgWrapper {
  margin-top: -3rem;
}
.bl_aria .bl_cards .bl_cards_item .bl_cards_ttl {
  font-weight: bold;
}
.bl_aria .bl_cards .bl_cards_item .bl_horizTable tr:first-child {
  height: 91.6px;
}
@media only screen and (min-width: 768px) {
  .bl_aria .bl_cards .bl_cards_item .bl_horizTable tr:first-child {
    height: 135.5px;
  }
}
@media only screen and (max-width: 767px) {
  .bl_aria .bl_cards .bl_cards_item .bl_horizTable tr:first-child {
    height: 73.6px;
  }
}
@media only screen and (min-width: 768px) {
  .bl_aria .bl_cards .bl_cards_item .bl_horizTable {
    margin-top: -1rem;
  }
}
.bl_aria .bl_cards .bl_cards_item .el_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  margin-left: auto;
  --btn-bg-color: var(--color-white);
  --btn-txt-color: var(--font-color);
}
.bl_aria .bl_cards .bl_cards_item .el_btn img {
  margin-right: 5px;
}
.bl_aria .bl_cards .bl_cards_item .el_btn.jr img {
  width: 77px;
}
.bl_aria .bl_cards .bl_cards_item .el_btn.wester img {
  width: 22px;
}

.bl_cards_item p {
  font-size: 1.2em;
}
.bl_cards_item p .normal-txt {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.7;
  margin-top: 0.4em;
}

#footer {
  margin-top: 0;
  background-color: var(--color-gray-700);
}

#parts-hotel_group {
  margin-inline: calc(50% - 50vw);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
#parts-hotel_group .con_grp {
  display: -ms-grid;
  display: grid;
  margin-inline: auto;
  max-width: 1280px;
  width: 95%;
}
@media only screen and (min-width: 768px) {
  #parts-hotel_group .con_grp {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  #parts-hotel_group .con_grp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  #parts-hotel_group .con_grp .box_grp {
    margin-block: 2em;
  }
}
#parts-hotel_group .con_grp .box_grp .st {
  text-align: center;
}
#parts-hotel_group .con_grp .box_grp .st img {
  height: clamp(70px, 4svh, 120px);
}
#parts-hotel_group .con_grp .box_grp .st img + .txt_caption {
  display: block;
  margin-top: 1em;
}
#parts-hotel_group .con_grp .box_grp .st a {
  color: #fff;
  text-decoration: none;
}
#parts-hotel_group .con_grp .box_grp .st a::before, #parts-hotel_group .con_grp .box_grp .st a::after {
  content: none !important;
}
#parts-hotel_group .con_grp .box_grp ul li {
  text-align: center;
  width: 100%;
  margin-bottom: 0.5em;
}
#parts-hotel_group .con_grp .box_grp ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 0.85em;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
#parts-hotel_group .con_grp .box_grp details summary {
  position: relative;
  list-style: none;
}
#parts-hotel_group .con_grp .box_grp details summary::marker {
  content: none;
}
#parts-hotel_group .con_grp .box_grp details summary::-webkit-details-marker {
  display: none;
}
@media only screen and (min-width: 768px) {
  #parts-hotel_group .con_grp .box_grp details summary {
    pointer-events: none;
  }
  #parts-hotel_group .con_grp .box_grp details summary .ico_toggle {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #parts-hotel_group .con_grp .box_grp details summary {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: opacity 0.1s ease-in;
            transform: opacity 0.1s ease-in;
  }
  #parts-hotel_group .con_grp .box_grp details summary:hover {
    opacity: 0.7;
    -webkit-transform: opacity 0.1s ease-in;
            transform: opacity 0.1s ease-in;
  }
  #parts-hotel_group .con_grp .box_grp details summary .ico_toggle {
    display: block;
    color: #fff;
    position: relative;
    margin: 1em auto 0;
    height: 1em;
    width: 1em;
  }
  #parts-hotel_group .con_grp .box_grp details summary .ico_toggle::before, #parts-hotel_group .con_grp .box_grp details summary .ico_toggle::after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 1em;
    height: 2px;
    background-color: currentColor;
  }
  #parts-hotel_group .con_grp .box_grp details summary .ico_toggle::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 767px) {
  #parts-hotel_group .con_grp .box_grp details[open] .ico_toggle::after {
    content: none;
  }
}
#parts-hotel_group .con_grp .box_grp .box_detail {
  margin-top: 1em;
}

.btn_grp {
  width: 90%;
  margin: 3rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .btn_grp {
    margin-bottom: 1.5em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.btn_grp .el_btn {
  width: auto;
  padding-right: 3.8em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.btn_grp a {
  text-align: center;
  text-decoration: none;
  font-size: 0.85em;
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
.btn_grp a:hover {
  opacity: 0.7;
  -webkit-transform: opacity 0.1s ease-in;
          transform: opacity 0.1s ease-in;
}
@media only screen and (min-width: 768px) {
  .btn_grp a {
    padding-right: 1em;
    margin-left: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .btn_grp a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .btn_grp a {
    width: 350rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .btn_grp a {
    padding: 0.5em 0.5em 1em;
    margin: -0.5em;
    width: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .btn_grp a .t {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .btn_grp a {
    border-width: 0;
    min-height: 2em;
  }
  .btn_grp a:hover, .touch .btn_grp a.touchstart {
    background-color: transparent;
  }
  .touch .btn_grp a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .touch .btn_grp a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .mouse .btn_grp a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
  }
  .btn_grp a:hover, .touch .btn_grp a.touchstart {
    opacity: 0.7;
  }
  .touch .btn_grp a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .touch .btn_grp a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
@media only screen and (min-width: 768px) {
  .btn_grp a:first-of-type {
    margin-left: 0;
  }
  .btn_grp a::before {
    content: "";
    width: 1px;
    height: 1rem;
    background-color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 0.5rem);
    right: 0;
  }
}

#copyright {
  text-align: center;
  color: #fff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 0.85em;
}

.bl_intro_body_title {
  font-size: 1.3em;
}