/**
 * ATTENTION ------------------------------- 
 * このファイルは可能な限り編集しないでください。
 * サイト共通のCSSを追加したい場合は、common_custom.cssに記述してください。
 * -----------------------------------------
 */
@charset "UTF-8";
.hdg_slider .container {
  color: #00ae68;
  display: block;
  position: relative;
  width: 99%
}
.hdg_slider .note {
  font-size: .95vw
}
.hdg_slider .u-left {
  text-align: left;
  font-size: 1.2rem
}
.hdg_slider .text {
  width: 100%;
  padding-left: 5%
}
.hdg_slider .block {
  width: 100%;
  height: 8.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}
.hdg_slider .is-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left
}
.hdg_slider .is-2col .large {
  width: 15%;
  line-height: 1;
  font-size: 4.1vw;
  font-weight: 700;
  text-align: right
}
.hdg_slider .is-2col .large.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.hdg_slider .is-2col .large.left span {
  text-align: left
}
.hdg_slider .is-2col .large .symbol {
  font-size: 2.8vw
}
.hdg_slider .is-2col .text {
  width: 75%;
  font-size: 1.2vw;
  padding-left: 5%
}
.hdg_slider .swiper-slide.__no01 .splite_box {
  background-image: url(../png/pic_splite-01.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no01 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no02 .splite_box {
  background-image: url(../png/pic_splite-02.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no02 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no02 .is-2col .text {
  width: 60%
}
.hdg_slider .swiper-slide.__no02 .is-2col .large {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.hdg_slider .swiper-slide.__no02 .is-2col .large .symbol {
  font-weight: 100
}
.hdg_slider .swiper-slide.__no03 .splite_box {
  background-image: url(../png/pic_splite-03.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no03 .block {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.hdg_slider .swiper-slide.__no03 .is-2col .text {
  width: 70%
}
.hdg_slider .swiper-slide.__no03 .is-2col .large {
  width: 24%
}
.hdg_slider .swiper-slide.__no04 .splite_box {
  background-image: url(../png/pic_splite-04.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no04 .block {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.hdg_slider .swiper-slide.__no04 .is-2col .text {
  width: 55%
}
.hdg_slider .swiper-slide.__no04 .is-2col .large {
  width: 30%
}
.hdg_slider .swiper-slide.__no05 .splite_box {
  background-image: url(../png/pic_splite-05.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no05 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no05 .is-2col .text {
  width: 55%
}
.hdg_slider .swiper-slide.__no05 .is-2col .large {
  width: 40%
}
.hdg_slider .swiper-slide.__no06 .splite_box {
  background-image: url(../png/pic_splite-06.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no06 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no06 .is-2col .text {
  width: 75%
}
.hdg_slider .swiper-slide.__no06 .is-2col .large {
  width: 15%
}
.hdg_slider .swiper-slide.__no07 .splite_box {
  background-image: url(../png/pic_splite-07.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no07 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no07 .is-2col .text {
  width: 75%
}
.hdg_slider .swiper-slide.__no07 .is-2col .large {
  width: 15%
}
.hdg_slider .swiper-slide.__no08 .splite_box {
  background-image: url(../png/pic_splite-08.png);
  background-repeat: no-repeat;
  background-size: 5400% auto;
  background-position: top 0 left 0
}
.hdg_slider .swiper-slide.__no08 .block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.hdg_slider .swiper-slide.__no08 .is-2col .text {
  width: 65%
}
.hdg_slider .swiper-slide.__no08 .is-2col .large {
  width: 25%
}
@media screen and (max-width:425px) {
  .hdg_slider .note {
    font-size: 3vw
  }
  .hdg_slider .text {
    font-size: 3.4vw;
    padding-left: 5%
  }
  .hdg_slider .block {
    height: 26.5vw
  }
  .hdg_slider .is-2col .large {
    font-size: 10vw
  }
  .hdg_slider .is-2col .large .symbol {
    bottom: 6.8vw!important;
    font-size: 6.8vw
  }
  .hdg_slider .is-2col .text {
    font-size: 3.4vw;
    padding-left: 5%
  }
  .hdg_slider .swiper-slide.__no01 .large {
    width: 13%
  }
  .hdg_slider .swiper-slide.__no03 .is-2col .large {
    width: 18%
  }
  .hdg_slider .swiper-slide.__no05 .is-2col .large {
    width: 28%
  }
  .hdg_slider .swiper-slide.__no07 .is-2col .large {
    width: 13%
  }
}
@-webkit-keyframes global_button-hover {
  0% {
    background: #7bc859
  }
  100% {
    background: #079d71
  }
}
@keyframes global_button-hover {
  0% {
    background: #7bc859
  }
  100% {
    background: #079d71
  }
}
@-webkit-keyframes global_button-hover-gray {
  0% {
    background: #fff
  }
  100% {
    background: #d8dedc
  }
}
@keyframes global_button-hover-gray {
  0% {
    background: #fff
  }
  100% {
    background: #d8dedc
  }
}
/**
 * ATTENTION ------------------------------- 
 * このファイルは可能な限り編集しないでください。
 * サイト共通のCSSを追加したい場合は、common_custom.cssに記述してください。
 * -----------------------------------------
 */