/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit::after {
  background: url(../img/onsen/pagetit_bg.png) center;
  background-size: cover;
}

.onsen_mv {
  max-width: 980px;
  margin: 0 auto 40px;
}
.onsen_mv .common_slide {
  margin-bottom: 104px;
}

.onsen_col {
  margin-top: 80px;
}
.onsen_col .col_item {
  width: 47.5%;
  max-width: 512px;
}
.onsen_col .col_item .item_img {
  margin-bottom: 20px;
}
.onsen_col .col_item:nth-of-type(2n) {
  margin-top: 64px;
}

@media screen and (max-width: 810px) {
  .onsen_mv {
    width: 100vw;
    margin: 0 -20px 40px;
  }
  .onsen_mv img {
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .onsen_mv .common_slide {
    margin-bottom: 80px;
  }
  .onsen_col {
    max-width: 70%;
    margin: 64px auto 0;
  }
  .onsen_col .col_item {
    width: 100%;
    max-width: 100%;
  }
  .onsen_col .col_item .item_img {
    margin-bottom: 16px;
  }
  .onsen_col .col_item:nth-of-type(2n) {
    margin-top: 0;
  }
  .onsen_col .col_item + .col_item {
    margin-top: 40px;
  }
}
/* ---------------------------------------------------
		page_nav_wrap
------------------------------------------------------ */
.page_nav_wrap {
  margin-top: 72px;
  padding: 192px 0 112px;
  background: url(../img/common/bg_nami.png) no-repeat center top 180px;
}
@media screen and (min-width: 2001px) {
  .page_nav_wrap {
    background-size: 100%;
  }
}

@media screen and (max-width: 810px) {
  .page_nav_wrap {
    margin-top: 0;
    padding: 72px 0 72px;
    background: url(../img/common/bg_nami.png) no-repeat center top 100px;
    background-size: 1000px;
  }
}
/* ---------------------------------------------------
	openair
------------------------------------------------------ */
#openair {
  padding: 88px 0 88px;
  background: url(../img/onsen/openair_bg_01.png) no-repeat left calc(50vw - 1000px) bottom 200px;
}

@media screen and (max-width: 810px) {
  #openair {
    padding: 72px 0 72px;
    background: url(../img/onsen/openair_bg_01.png) no-repeat left -30vw bottom 120vw;
    background-size: 100vw;
  }
}
/* ---------------------------------------------------
	large
------------------------------------------------------ */
#large {
  padding: 88px 0 88px;
  background: url(../img/onsen/large_bg_01.png) no-repeat right calc(50vw - 1000px) bottom 160px;
}

@media screen and (max-width: 810px) {
  #large {
    padding: 72px 0 72px;
    background: url(../img/onsen/large_bg_01.png) no-repeat right -20vw bottom 120vw;
    background-size: 100vw;
  }
}
/* ---------------------------------------------------
		private
------------------------------------------------------ */
#private {
  padding: 88px 0 88px;
  background: url(../img/onsen/private_bg_01.png) no-repeat left calc(50vw - 1000px) bottom;
}
#private .table {
  margin-top: 24px;
}

@media screen and (max-width: 810px) {
  #private {
    padding: 72px 0 72px;
    background: url(../img/onsen/private_bg_01.png) no-repeat left -20vw top 20vw;
    background-size: 100vw;
  }
  #private .table {
    margin-top: 24px;
  }
}
/* ---------------------------------------------------
	info
------------------------------------------------------ */
#info {
  padding: 96px 0 192px;
}

@media screen and (max-width: 810px) {
  #info {
    padding: 72px 0 96px;
  }
}