.index-section-title h1,
.index-section-title h2,
.index-section-title h3,
.index-section-title h4,
.index-section-title h5 {
  text-align: center;
  color: #ffffff;
  font-size: 3.6rem;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .index-section-title h1,
.index-section-title h2,
.index-section-title h3,
.index-section-title h4,
.index-section-title h5 {
    font-size: 2.2rem;
  }
}
.index-section-title + h1,
.index-section-title + h2,
.index-section-title + h3,
.index-section-title + h4,
.index-section-title + h5,
.index-section-title + header,
.index-section-title + section,
.index-section-title + div,
.index-section-title + p,
.index-section-title + table,
.index-section-title + ul,
.index-section-title + ol,
.index-section-title + dl {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .index-section-title + h1,
.index-section-title + h2,
.index-section-title + h3,
.index-section-title + h4,
.index-section-title + h5,
.index-section-title + header,
.index-section-title + section,
.index-section-title + div,
.index-section-title + p,
.index-section-title + table,
.index-section-title + ul,
.index-section-title + ol,
.index-section-title + dl {
    margin-top: 40px;
  }
}

.note-wrap {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .note-wrap {
    margin-top: 40px;
  }
}

/* # =================================================================
   # slider
   # ================================================================= */
.kyujou-slider {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .kyujou-slider {
    margin-top: 20px;
  }
}

.kyujou-slider-content {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .kyujou-slider-content {
    padding: 0 12.5px;
  }
}

.kyujou-slider-content_img_wrap {
  width: 100%;
  padding-top: 56.33%;
  position: relative;
  overflow: hidden;
}

.kyujou-slider-content_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.kyujou-slider-content_inner:hover .kyujou-slider-content_img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
  .kyujou-slider-content_img {
    -webkit-transition: 0s;
    transition: 0s;
  }
  .kyujou-slider-content_inner:hover .kyujou-slider-content_img {
    -webkit-transform: none;
            transform: none;
  }
}

.kyujou-slider-content_text {
  text-align: center;
  margin-top: 20px;
}
.kyujou-slider-content_text p {
  color: #0087ef;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  padding-left: 24px;
  position: relative;
  display: inline-block;
}
.kyujou-slider-content_text p:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/kureha_mktg/kyujou_sekai/img/index_icon_arrow.svg") center center/contain no-repeat;
}
.kyujou-slider-content_inner:hover .kyujou-slider-content_text p {
  text-decoration: underline;
  color: #3dabff;
}
@media only screen and (max-width: 767px) {
  .kyujou-slider-content_text {
    margin-top: 15px;
  }
  .kyujou-slider-content_text p {
    font-size: 15px;
  }
  .kyujou-slider-content_inner:hover .kyujou-slider-content_text p {
    text-decoration: none;
    color: #0087ef;
  }
}

.slick-prev,
.slick-next {
  z-index: 10;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #ffffff;
  top: 0;
  bottom: 45px;
  margin: auto 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: none;
          transform: none;
}
.slick-prev::before,
.slick-next::before {
  content: "";
  width: 13px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-position: center center;
  background-size: 13px 22px;
  background-repeat: no-repeat;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: #ffffff;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
  .slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    bottom: 40px;
  }
  .slick-prev::before,
.slick-next::before {
    width: 9px;
    height: 16px;
    background-size: 9px 16px;
  }
}

.slick-prev {
  left: 116px;
}
.slick-prev:before {
  background-image: url("/kureha_mktg/kyujou_sekai/img/index_icon_before.svg");
  right: 4px;
}
@media only screen and (max-width: 767px) {
  .slick-prev {
    left: 24px;
  }
  .slick-prev:before {
    right: 2px;
  }
}

.slick-next {
  right: 116px;
}
.slick-next:before {
  background-image: url("/kureha_mktg/kyujou_sekai/img/index_icon_next.svg");
  left: 4px;
}
@media only screen and (max-width: 767px) {
  .slick-next {
    right: 24px;
  }
  .slick-next:before {
    left: 2px;
  }
}