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

file name  : resort.css
author     : Abilive
style info : 旅婚
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
#abi_page {
  position: relative;
}
#abi_page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: var(--color-bg-base);
}

.wrp_res_concept .con_concept {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_res_concept .con_concept {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept {
    flex-direction: column-reverse;
  }
  .wrp_res_concept .con_concept:nth-of-type(n+2) {
    margin-top: 3.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_res_concept .con_concept .box_txt {
    width: calc(360 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_res_concept .con_concept .box_txt {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_txt {
    width: 82%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_txt {
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_txt .tmp_st {
    margin-right: -1em;
  }
}
.wrp_res_concept .con_concept .box_txt .txt {
  word-break: keep-all;
}
@media only screen and (min-width: 768px) {
  .wrp_res_concept .con_concept .box_txt .txt {
    margin-top: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_res_concept .con_concept .box_img {
    width: calc(720 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_res_concept .con_concept .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_img {
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_res_concept .con_concept .box_img {
    margin-left: calc(115 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_res_concept .con_concept .box_img {
    margin-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_res_concept .con_concept .box_img {
    margin-left: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .wrp_resort {
    margin-top: 11.78rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort {
    margin-top: 10.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort {
    margin-top: 6em;
  }
}
.wrp_resort .con_int {
  display: flex;
  flex-direction: column-reverse;
}
.wrp_resort .con_int .box_txt {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_txt {
    padding-top: 12.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_txt {
    padding-top: 8.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt {
    padding-top: 4em;
  }
}
.wrp_resort .con_int .box_txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
  background: url(../../resort/images/bg_resort.png) bottom no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_txt::before {
    height: 40vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_txt::before {
    height: 45vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt::before {
    height: 100vw;
  }
}
.wrp_resort .con_int .box_txt .inn_txt {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_txt .inn_txt {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_resort .con_int .box_txt .inn_txt {
    max-width: calc(1260px * ((18 + 0) / 14));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_txt .inn_txt {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt .inn_txt {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    margin-top: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    line-height: 2.8;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_txt .inn_txt .int_txt {
    line-height: 2;
  }
}
.wrp_resort .con_int .box_slide .swiper-pagination-bullets {
  padding-top: 0;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_slide .swiper-pagination-bullets {
    bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_slide .swiper-pagination-bullets {
    bottom: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_slide .swiper-pagination-bullets {
    bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_slide .btn_slide_prev {
    left: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_slide .btn_slide_prev {
    left: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_slide .btn_slide_prev {
    left: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_int .box_slide .btn_slide_next {
    right: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_int .box_slide .btn_slide_next {
    right: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_int .box_slide .btn_slide_next {
    right: 1em;
  }
}
.wrp_resort .con_int .box_slide .swiper-prev::before, .wrp_resort .con_int .box_slide .swiper-next::before {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_sche {
    margin-top: 11.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_sche {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .res_tab {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .res_tab {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_sche .res_tab ul > li {
    width: calc(500 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_sche .res_tab ul > li {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .res_tab ul > li {
    width: 45%;
  }
}
.wrp_resort .con_sche .res_tab ul > li button {
  height: auto;
}
.wrp_resort .con_sche .tab_inner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_sche .tab_inner {
    width: calc(1180 / 1440 * 100%);
    max-width: calc(1180px);
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_resort .con_sche .tab_inner {
    max-width: calc(1180px * ((18 + 0) / 14));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_sche .tab_inner {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_resort .con_sche .tab_inner {
    margin-top: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_sche .tab_inner {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche {
    width: calc(410 / 1180 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche:nth-of-type(n+2) {
    margin-left: calc(12 / 1180 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche:nth-of-type(n+2) {
    margin-left: 0;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche > .tmp_st .num {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  color: #C3BCB5;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche > .tmp_st .num {
    font-size: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche > .tmp_st .num {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche > .tmp_st .num .fszl {
    font-size: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche > .tmp_st .num .fszl {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list {
    margin-top: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list {
    margin-top: 1.5em;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
  display: flex;
  width: 100%;
  position: relative;
  --time: 4.64rem;
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
    padding-left: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
    padding-left: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
    padding-bottom: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li {
    --time: 4.5rem;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li::before {
  content: "";
  position: absolute;
  top: .75rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 1;
  background: var(--color-text-body);
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li::before {
    top: .5rem;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li::after {
  content: "";
  position: absolute;
  top: 1rem;
  left: 3px;
  width: 0;
  height: 100%;
  z-index: -1;
  border: 1px dashed var(--color-text-body);
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .time {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  width: var(--time);
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .time {
    font-size: 1.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .time {
    font-size: 1.33rem;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .box_txt {
  width: calc(100% - var(--time));
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .box_txt .txt {
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .box_txt .txt {
    font-size: 0.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li .box_txt .txt {
    font-size: 0.73rem;
  }
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li.sche_end::before, .wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li.sche_end::after {
  content: none;
}
.wrp_resort .con_sche .tab_inner .inner_sche .sche_list > li.sche_end .box_txt {
  margin-left: var(--time);
}
