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

 file name  : style.css
 author     : Ability Consultant
 style info : What is Halekulani Okinawa Wedding
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_ltr, .con_rtl, .con_timeschedule .box_inner .box_intro, .con_timeschedule .box_inner .box_desc {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* -----------------------------------------------------------
	setting
----------------------------------------------------------- */
#contents {
  background-size: 97%;
}
@media only screen and (max-width: 767px) {
  #contents {
    background-size: contain;
  }
}

/* -----------------------------------------------------------
	.con_pgtitl_下層ページメイン画像
----------------------------------------------------------- */
.con_pgtitle .main {
  background: url(../wedding/style/images/img_main.jpg) no-repeat;
  background-position: center;
}
.con_pgtitle[data-inview] .txt_up {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  opacity: 0;
  /*
  transition: 時間(s:秒) cssプロパティ イージング(ease-in-out ease-in ease-out) 遅延(s,秒),
      0.5s opacity;
  */
}
.con_pgtitle[data-inview] .txt_ups {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  opacity: 0;
}
.con_pgtitle[data-inview].inview_done .txt_up {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_pgtitle[data-inview].inview_done .txt_ups {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

/* -----------------------------------------------------------
	.con_ltr con_rtl
----------------------------------------------------------- */
.con_ltr,
.con_rtl {
  position: relative;
  margin-bottom: 180px;
}
.con_ltr .st_basic,
.con_rtl .st_basic {
  text-align: left;
  color: #7bc1ee;
  margin-bottom: 0.76923rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .st_basic,
  .con_rtl .st_basic {
    margin-bottom: 1.53846rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .st_basic,
  .con_rtl .st_basic {
    margin-bottom: 1.53846rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_ltr .st_basic,
  .con_rtl .st_basic {
    line-height: 1;
  }
}
.con_ltr .ttl,
.con_rtl .ttl {
  /* @include fsz-cha(35, 29, 24); */
  font-size: 3.25vh;
  letter-spacing: 0.05em;
  font-weight: normal;
  /* font-family: $f_min; */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .ttl,
  .con_rtl .ttl {
    font-size: 3.7vh;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .ttl,
  .con_rtl .ttl {
    font-size: 1.45em;
  }
}
.con_ltr .txt,
.con_rtl .txt {
  margin-top: 1.53846rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .txt,
  .con_rtl .txt {
    margin-top: 0.38462rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .txt,
  .con_rtl .txt {
    margin-top: 0.76923rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr,
  .con_rtl {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr,
  .con_rtl {
    margin-bottom: 80px;
  }
}
.con_ltr .box_img,
.con_rtl .box_img {
  position: relative;
}
.con_ltr .box_img[data-inview] .move_img,
.con_rtl .box_img[data-inview] .move_img {
  -webkit-transform: scale(1.1) rotate(1deg);
          transform: scale(1.1) rotate(1deg);
  /*縮尺(scale)回転(rotate)*/
  -webkit-transition: opacity 0.8s, -webkit-transform 10s cubic-bezier(0.15, 0.7, 0, 1);
  transition: opacity 0.8s, -webkit-transform 10s cubic-bezier(0.15, 0.7, 0, 1);
  transition: opacity 0.8s, transform 10s cubic-bezier(0.15, 0.7, 0, 1);
  transition: opacity 0.8s, transform 10s cubic-bezier(0.15, 0.7, 0, 1), -webkit-transform 10s cubic-bezier(0.15, 0.7, 0, 1);
}
.con_ltr .box_img[data-inview].inview_done .move_img,
.con_rtl .box_img[data-inview].inview_done .move_img {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}
@media only screen and (max-width: 1024px) {
  .con_ltr .box_img,
  .con_rtl .box_img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_img,
  .con_rtl .box_img {
    margin-bottom: 0;
  }
}
.con_ltr .box_img img,
.con_rtl .box_img img {
  width: 100%;
}
.con_ltr .box_img::before,
.con_rtl .box_img::before {
  content: "";
  width: 0;
  height: 100%;
  background: #e3f6ff;
  position: absolute;
  top: 0;
  z-index: 1;
}
.con_ltr .box_img ul,
.con_rtl .box_img ul {
  display: none;
}
.con_ltr .box_img ul.slick-initialized,
.con_rtl .box_img ul.slick-initialized {
  display: block;
}
.con_ltr .box_img ul .slick-dots,
.con_rtl .box_img ul .slick-dots {
  display: none;
  /* position: absolute;
  width: 100%;
  bottom: -25px;
  z-index: 5;
  line-height: 0;
  text-align: right;
  right: 1em; */
}
.con_ltr .box_img ul .slick-dots li,
.con_rtl .box_img ul .slick-dots li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 15px;
  background: #eff6f8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .box_img ul .slick-dots li,
  .con_rtl .box_img ul .slick-dots li {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_img ul .slick-dots li,
  .con_rtl .box_img ul .slick-dots li {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_img ul .slick-dots li,
  .con_rtl .box_img ul .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.con_ltr .box_img ul .slick-dots li:first-child,
.con_rtl .box_img ul .slick-dots li:first-child {
  margin-left: 0;
}
.con_ltr .box_img ul .slick-dots li::before,
.con_rtl .box_img ul .slick-dots li::before {
  content: "";
  width: 0;
  height: 1px;
  background: #5ea4bf;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .box_img ul .slick-dots li::before,
  .con_rtl .box_img ul .slick-dots li::before {
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_img ul .slick-dots li::before,
  .con_rtl .box_img ul .slick-dots li::before {
    left: 8px;
  }
}
.con_ltr .box_img ul .slick-dots li button,
.con_rtl .box_img ul .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 5.5px;
  text-indent: -9999px !important;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_img ul .slick-dots li button,
  .con_rtl .box_img ul .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
.con_ltr .box_img ul .slick-dots li button:focus,
.con_rtl .box_img ul .slick-dots li button:focus {
  outline: none;
}
.con_ltr .box_img ul .slick-dots li.slick-active,
.con_rtl .box_img ul .slick-dots li.slick-active {
  border-radius: 50%;
  background: #5ea4bf;
  position: relative;
}
.con_ltr .box_img ul .slick-dots li.slick-active::before,
.con_rtl .box_img ul .slick-dots li.slick-active::before {
  -webkit-animation: sld_dots 3s linear forwards;
          animation: sld_dots 3s linear forwards;
}
@-webkit-keyframes sld_dots {
  0% {
    width: 0;
  }
  100% {
    width: 150%;
  }
}
@keyframes sld_dots {
  0% {
    width: 0;
  }
  100% {
    width: 150%;
  }
}
.con_ltr {
  max-width: 1720px;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .con_ltr {
    width: 90%;
  }
}
.con_ltr .box_img {
  width: 67.5%;
}
@media screen and (max-width: 1200px) {
  .con_ltr .box_img {
    width: 100%;
  }
}
.con_ltr .box_img::before {
  right: 0;
}
.con_ltr .box_detail {
  width: 42.1875%;
  /* margin-left: wCon(175, 1600); */
  position: absolute;
  background: #fff;
  padding: 4rem 4.5rem;
  right: 0;
  bottom: 0;
  /* transform: translateY(24%);
  -moz-transform: translateY(24%);transform: translateY(24%);
  -moz-transform: translateY(24%); */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ltr .box_detail {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_ltr .box_detail {
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .con_ltr .box_detail {
    width: 100%;
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  .con_ltr .box_detail {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_ltr .box_detail[data-inview] .txt_up {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  opacity: 0;
  /*
  transition: 時間(s:秒) cssプロパティ イージング(ease-in-out ease-in ease-out) 遅延(s,秒),
      0.5s opacity;
  */
}
.con_ltr .box_detail[data-inview] .txt_ups {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  opacity: 0;
}
.con_ltr .box_detail[data-inview].inview_done .txt_up {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_ltr .box_detail[data-inview].inview_done .txt_ups {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.con_rtl {
  max-width: 1720px;
  margin-right: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* @include cV(align-items, center, center, flex-start); */
}
@media screen and (max-width: 1200px) {
  .con_rtl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1024px) {
  .con_rtl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .con_rtl {
    width: 90%;
  }
}
.con_rtl .box_detail {
  width: 42.1875%;
  /* margin-right: wCon(175, 1600); */
  position: absolute;
  background: #fff;
  padding: 4rem 4.5rem;
  left: 0;
  bottom: 0;
  /* transform: translateY(24%);
  -moz-transform: translateY(24%);transform: translateY(24%);
  -moz-transform: translateY(24%); */
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rtl .box_detail {
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_rtl .box_detail {
    padding: 1.5rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .con_rtl .box_detail {
    width: 100%;
    position: static;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  .con_rtl .box_detail {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.con_rtl .box_detail[data-inview] .txt_up {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  opacity: 0;
  /*
  transition: 時間(s:秒) cssプロパティ イージング(ease-in-out ease-in ease-out) 遅延(s,秒),
      0.5s opacity;
  */
}
.con_rtl .box_detail[data-inview] .txt_ups {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  opacity: 0;
}
.con_rtl .box_detail[data-inview].inview_done .txt_up {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_rtl .box_detail[data-inview].inview_done .txt_ups {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_rtl .box_img {
  width: 67.5%;
}
@media screen and (max-width: 1200px) {
  .con_rtl .box_img {
    width: 100%;
  }
}
.con_rtl .box_img::before {
  left: 0;
}
.con_rtl .box_img ul {
  display: none;
}
.con_rtl .box_img ul.slick-initialized {
  display: block;
}

.garden .st_sub,
.terrace .st_sub,
.party .st_sub {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .garden .st_sub,
  .terrace .st_sub,
  .party .st_sub {
    font-size: 14px;
  }
}

/* .garden {
  .box_detail {
	@include mq(pc) {
	  margin-left: wCon(131, 1600);
	}
	@include mq(min_max_w, 1400px, 1490px) {
	  margin-left: 5%;
	  width: 35%;
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(592, 1600);
	  margin-left: wCon(80, 1600);
	}
  }
  .box_img {
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(900, 1600);
	}
  }
} */
/* .terrace {
  .box_detail {
	.ttl {
	  letter-spacing: 0.25em;
	}
	@include mq(pc) {
	  width: wCon(520, 1600);
	  margin-right: wCon(79, 1600);
	  margin-left: wCon(97, 1600);
	}
	@include mq(min_max_w, 1400px, 1470px) {
	  width: 35%;
	  margin-left: 2%;
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: 39%;
	  margin-left: 0;
	  margin-right: 5%;
	}
  }
  .box_img {
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(840, 1600);
	}
  }
} */
/* .party {
  .box_detail {
	@include mq(pc) {
	  margin-left: wCon(130, 1600);
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: 37%;
	  margin-left: 5%;
	}
  }
  .box_img {
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(900, 1600);
	}
  }
}

.cuisine {
  .box_detail {
	@include mq(pc) {
	  margin-right: wCon(149, 1600);
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(512, 1600);
	  // margin-left: wCon(100, 1600);
	}
  }
  .box_img {
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(900, 1600);
	}
  }
}

.brides {
  .box_detail {
	@include mq(pc) {
	  width: wCon(483, 1600);
	  // margin-right: wCon(110, 1600);
	  margin-left: wCon(131, 1600);
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(540, 1600);
	}
  }
  .box_img {
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(840, 1600);
	}
  }
}

.flowr {
  .box_detail {
	@include mq(pc) {
	  @include mq(pc) {
		width: wCon(457, 1600);
		margin-right: wCon(146, 1600);
		margin-left: wCon(97, 1600);
	  }
	}
  }
}

.paper {
  .box_detail {
	@include mq(pc) {
	  width: wCon(436, 1600);
	  margin-right: 0;
	  margin-left: wCon(188, 1600);
	}
	@include mq(min_max_w, 1025px, 1399px) {
	  width: wCon(500, 1600);
	  margin-right: 0;
	}
  }
  .box_img {
	@include mq(pc) {
	  width: wCon(700, 1600);
	  margin-left: wCon(98, 1600);
	}
	@include mq(tab) {
	  width: 100%;
	}
  }
} */
/* .spa {
  .box_detail {
	@include mq(pc) {
	  width: wCon(436, 1600);
	  margin-left: wCon(105, 1600);
	  margin-right: wCon(154, 1600);
	  @include mq(min_max_w, 1400px, 1470px) {
		width: 29%;
		margin-right: 7%;
	  }
	  @include mq(min_max_w, 1025px, 1399px) {
		width: 32%;
		margin-left: 5%;
		margin-right: 5%;
	  }
	}
  }
  .box_img {
	@include mq(pc) {
	  width: wCon(700, 1600);
	}
  }
} */
.btn_basic a > span {
  z-index: 9;
}

html.lower #contents .con_topicpath {
  max-width: 1600px;
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html.lower #contents .con_topicpath {
    margin-top: 110px;
  }
}
@media only screen and (max-width: 767px) {
  html.lower #contents .con_topicpath {
    margin-top: 100px;
  }
}

#footer {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    margin-top: 10px;
  }
}
#footer .con_pgtop .pgtop a .wrp {
  z-index: 9;
}

/* -----------------------------------------------------------
	  con_timeschedule
  ----------------------------------------------------------- */
.con_timeschedule {
  background: url(../wedding/style/images/bg_schedule.jpg) no-repeat;
  background-color: #dce1dc;
  background-size: contain;
}
@media only screen and (max-width: 1024px) {
  .con_timeschedule {
    background-size: 100%;
  }
}
.con_timeschedule .box_inner {
  padding: 3rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner {
    padding: 2.5rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner {
    padding: 2rem 0;
  }
}
.con_timeschedule .box_inner[data-inview] .txt_up {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out;
  transition: 0.4s transform ease-out, 0.5s opacity ease-out, 0.4s -webkit-transform ease-out;
  opacity: 0;
  /*
  transition: 時間(s:秒) cssプロパティ イージング(ease-in-out ease-in ease-out) 遅延(s,秒),
      0.5s opacity;
  */
}
.con_timeschedule .box_inner[data-inview] .txt_ups {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s;
  transition: 0.4s transform ease-out 0.2s, 0.5s opacity ease-out 0.3s, 0.4s -webkit-transform ease-out 0.2s;
  opacity: 0;
}
.con_timeschedule .box_inner[data-inview].inview_done .txt_up {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_timeschedule .box_inner[data-inview].inview_done .txt_ups {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_timeschedule .box_inner .st_basic {
  color: #fff;
  padding: 22vh 0 10vh;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .st_basic {
    padding: 15vh 0 10vh;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .st_basic {
    padding: 2rem 0;
  }
}
.con_timeschedule .box_inner .box_intro {
  max-width: 1180px;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_intro {
    width: 90%;
  }
}
.con_timeschedule .box_inner .box_intro .txt_intro {
  text-align: center;
  padding: 6rem 0 4rem;
  font-size: 1.75vh;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_intro .txt_intro {
    padding: 2.5rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_intro .txt_intro {
    padding: 2rem 0 0.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_intro .txt_intro {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_intro .txt_intro {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_intro .txt_intro {
    width: 95%;
    margin: 0 auto;
  }
}
.con_timeschedule .box_inner .box_intro .img {
  padding: 2rem 0 5rem;
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_intro .img {
    padding: 1.5rem 0 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_intro .img {
    width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_intro .img {
    width: 70%;
    margin: 0 auto;
  }
}
.con_timeschedule .box_inner .box_intro .img img {
  display: block;
  margin: 0 auto;
}
.con_timeschedule .box_inner .box_desc {
  text-align: center;
  margin: 3rem auto 4rem;
  font-size: 1.8vh;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_desc {
    margin: 3rem auto 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_desc {
    margin: 2rem auto 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_timeschedule .box_inner .box_desc {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_desc {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_timeschedule .box_inner .box_desc {
    width: 90%;
    text-align: left;
  }
}