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

 file name  : bluezones.css
 author     : Ability Consultant
 style info : Blue Zones Retreat
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_trainer .box_trainer, .con_details .box_details {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
/* -----------------------------------------------------------
	ページ固有・汎用スタイル
----------------------------------------------------------- */
.word_type-en {
  /* 日本語ページ内にある英単語は <span class="word_type-en">英単語</span> で囲ってください。 */
  font-family: "Gilda Display", serif;
}

.box_title .tl_basic span,
.box_text .tl_basic span {
  /* 本文中の中見出しに使用 */
  font-size: 125%;
}
.box_title .tl_basic span.jp,
.box_text .tl_basic span.jp {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.box_title .text,
.box_text .text {
  margin-bottom: 1em;
}
.box_title .text:last-of-type,
.box_text .text:last-of-type {
  margin-bottom: 0;
}

.box_btn .btn_more {
  /*  */
  padding-left: 0;
}
.box_btn .btn_more a span {
  text-transform: inherit;
}

/* -----------------------------------------------------------
	con_pgtitle
----------------------------------------------------------- */
.con_pgtitle .period {
  margin-bottom: 1em;
}
.con_pgtitle .period span {
  padding: 0.5em 1em;
  background: #EDF3EC;
}
@media only screen and (max-width: 767px) {
  .con_pgtitle .period span {
    padding: 0.5em 0.8em;
  }
}

/* -----------------------------------------------------------
	.con_slideitem
----------------------------------------------------------- */
.con_slideitem {
  position: relative;
  overflow: hidden;
  margin: 5em auto 0;
}
@media only screen and (max-width: 767px) {
  .con_slideitem {
    margin: 3em auto 0;
  }
}
.con_slideitem .box_slide .slide_detail .slick-list {
  overflow: visible;
  padding: 0 !important;
}
.con_slideitem .box_slide .slide_detail .slide {
  float: left;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_slideitem .box_slide .slide_detail .slide .box_img {
    padding-left: 3%;
  }
}
@media print {
  .con_slideitem .box_slide .slide_detail .slide .box_img {
    padding-left: 3%;
  }
}
.ie8 .con_slideitem .box_slide .slide_detail .slide .box_img {
  padding-left: 3%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slide .box_img {
    padding: 0 2%;
  }
}
.con_slideitem .box_slide .slide_detail .slide .box_text {
  padding-right: 3%;
}
@media only screen and (min-width: 1025px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text {
    width: 35%;
    position: absolute;
    left: 66.5%;
    top: 10%;
    max-width: 550px;
    padding-right: 3%;
  }
}
@media print {
  .con_slideitem .box_slide .slide_detail .slide .box_text {
    width: 35%;
    position: absolute;
    left: 66.5%;
    top: 10%;
    max-width: 550px;
    padding-right: 3%;
  }
}
.ie8 .con_slideitem .box_slide .slide_detail .slide .box_text {
  width: 35%;
  position: absolute;
  left: 66.5%;
  top: 10%;
  max-width: 550px;
  padding-right: 3%;
}
@media only screen and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text {
    width: 90%;
    margin: 5% auto;
    padding: 0 2%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text {
    width: 95%;
    margin: 5% auto 0;
  }
}
.con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
  font-size: 225%;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
    font-size: 3.1vw;
    letter-spacing: .08em;
  }
}
@media print {
  .con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
    font-size: 3.1vw;
    letter-spacing: .08em;
  }
}
.ie8 .con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
  font-size: 3.1vw;
  letter-spacing: .08em;
}
@media only screen and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic {
    font-size: 150%;
  }
}
.con_slideitem .box_slide .slide_detail .slide .box_text .tl_basic span {
  padding-left: 0;
}
.con_slideitem .box_slide .slide_detail .slide .box_text .btn_more {
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slide .box_text .btn_more {
    width: 50%;
  }
}
.con_slideitem .box_slide .slide_detail .slick-arrow {
  position: absolute;
  display: inline-block;
  z-index: 10;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow {
    top: 45%;
  }
}
.con_slideitem .box_slide .slide_detail .slick-arrow:after {
  content: '';
  width: 5em;
  height: 5em;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  position: absolute;
  top: calc(50% - 2.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    width: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    width: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    height: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    height: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    top: calc(50% - .5em);
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow:after {
    top: 0;
  }
}
.con_slideitem .box_slide .slide_detail .slick-arrow.slick-prev {
  left: 7%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow.slick-prev {
    left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow.slick-prev {
    left: 3%;
  }
}
.con_slideitem .box_slide .slide_detail .slick-arrow.slick-prev:after {
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 0;
}
.con_slideitem .box_slide .slide_detail .slick-arrow.slick-next {
  right: 7%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow.slick-next {
    right: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slideitem .box_slide .slide_detail .slick-arrow.slick-next {
    right: 3%;
  }
}
.con_slideitem .box_slide .slide_detail .slick-arrow.slick-next:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

/* -----------------------------------------------------------
	.con_trainer
----------------------------------------------------------- */
.con_trainer {
  background-color: #eff6f8;
  margin-top: 3em;
  padding-block: 5em;
}
@media only screen and (max-width: 767px) {
  .con_trainer {
    padding-block: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_trainer .box_trainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media print {
  .con_trainer .box_trainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.ie8 .con_trainer .box_trainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .con_trainer .box_trainer {
    flex-wrap: wrap;
  }
}
.con_trainer .box_trainer .box_text .tl_basic {
  margin-block: 2em 1em;
}
.con_trainer .box_trainer .box_text > .img {
  margin-bottom: 2em;
  max-width: 460px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_trainer .box_trainer .box_text > .img {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .con_trainer .box_trainer .box_text > .img {
    max-width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_trainer .box_trainer .box_text > .img {
    margin-top: 2em;
  }
}
.con_trainer .box_trainer .box_img {
  margin-bottom: 2em;
  order: -1;
}
.con_trainer .box_trainer .box_text,
.con_trainer .box_trainer .box_img {
  max-width: 47.5%;
}
@media only screen and (max-width: 767px) {
  .con_trainer .box_trainer .box_text,
  .con_trainer .box_trainer .box_img {
    max-width: 100%;
  }
}
.con_trainer .box_trainer .box_btn .btn_more {
  margin-top: 0;
}

/* -----------------------------------------------------------
	.con_details
----------------------------------------------------------- */
.con_details {
  margin-block: 8.125em;
}
@media only screen and (max-width: 767px) {
  .con_details {
    margin-block: 4em;
  }
}
.con_details .box_details .box_title {
  margin-bottom: 1em;
}
.con_details .box_details .box_title .tl_basic {
  text-align: left;
}
.con_details .box_details .box_title .tl_basic span {
  vertical-align: text-top;
  font-size: 250%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_details .box_details .box_title .tl_basic span {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_details .box_details .box_title .tl_basic span {
    font-size: 144%;
  }
}
.con_details .box_details .box_title .tl_basic span .word_type-en {
  font-size: clamp(14px, 2vw, 18px);
}
.con_details .box_details .tbl_basic {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}
.con_details .box_details .tbl_basic tr th {
  width: 25%;
}
.con_details .box_details .tbl_basic tr th span {
  font-size: 130%;
  margin: 0 .5em;
}
.con_details .box_details .tbl_basic tr td {
  padding: 1em;
  text-align: left;
}
.con_details .box_details .tbl_basic tr td .text {
  margin-bottom: 1em;
}
.con_details .box_details .tbl_basic tr td .txt_deco_marker {
  background-color: #abdcef;
  display: inline-block;
  font-weight: 600;
  padding: 0 .25em;
  text-shadow: 1px 1px 1px #fff;
}
.con_details .box_details .tbl_basic tr td .box_att .att_txt {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
.con_details .box_details .copyright {
  margin-top: 2em;
  text-align: center;
}
.con_details .box_details .box_reserve {
  text-align: center;
}
.con_details .box_details .box_reserve .txt {
  margin-bottom: 2em;
}

/* -----------------------------------------------------------
	.con_inq
----------------------------------------------------------- */
.con_inq {
  margin-bottom: 6.875em;
}
.con_inq .box_inq .box_title {
  margin-bottom: 2em;
}
.con_inq .box_inq .box_title .tl_basic {
  text-align: center;
}
.con_inq .box_inq .box_title .tl_basic span {
  font-size: 250%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_inq .box_inq .box_title .tl_basic span {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_inq .box_inq .box_title .tl_basic span {
    font-size: 144%;
  }
}

.con_inq_temp .box_inq .btn_basic a {
  pointer-events: none;
  background: #ccc !important;
  color: #666 !important;
  cursor: not-allowed;
  text-decoration: none;
  opacity: 0.7;
}
.con_inq_temp .box_inq .btn_basic a span {
  background: #ccc !important;
  color: #666 !important;
}