.cp{
	margin-top: 50px;
	font-size: 12px;
	text-align: center;
	color: #999999;
}

.index-kv {
  padding: 25.43% 0 70%;
  position: relative
}
.index-kv_img {
  margin-top: 13%;
  position: relative
}
.index-kv_img01 {
  position: relative;
  z-index: 1
}
.index-kv_img01 img {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s
}
.index-kv_img01.on img {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.index-kv_img02 {
  width: 54%;
  position: absolute;
  top: 27vw;
  left: 23%;
  z-index: 2;
  -webkit-animation: big 0.5s ease 0s infinite alternate;
  animation: big 0.5s ease 0s infinite alternate
}
.index-kv_img02 img {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s
}
.index-kv_img02.on img {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.index-kv_img03 {
  width: 18.14%;
  -webkit-animation: yure 1s ease 0s infinite alternate;
  animation: yure 1s ease 0s infinite alternate;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  position: absolute;
  top: 32vw;
  right: -20px;
  z-index: 3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  opacity: 0
}
.index-kv_img03.on {
  right: 21vw;
  opacity: 1
}
.index-kv_img04 {
  width: 38%;
  position: absolute;
  top: -11vw;
  left: 4vw;
  z-index: 3;
  -webkit-animation: fukidashi02 4s ease 0s infinite alternate;
  animation: fukidashi02 4s ease 0s infinite alternate;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s
}
.index-kv_img04 img {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.index-kv_img04.on {
  opacity: 1
}
.index-kv_img04.on img {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.index-kv_text {
  width: 72.14%;
  margin: 5.43% auto 0
}
.broadcast {
  margin-top: 24.57%;
  padding-top: 17.14%;
  position: relative
}
.broadcast-ttl {
  width: 49vw;
  position: absolute;
  top: 0;
  left: 3vw;
  z-index: 1;
  -webkit-animation: fukidashi02 2s ease 0s infinite alternate;
  animation: fukidashi02 2s ease 0s infinite alternate;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}
.broadcast-box {
  width: 85.71%;
  margin: 0 auto;
  padding: 2.5%;
  border: 1vw solid #000;
  background: #FFF;
  border-radius: 10px
}
.broadcast-sttl {
  padding: 3.64% 0 2.91%;
  background: #008BD5;
  text-align: center;
  border-radius: 10px;
  color: #FFF
}
.broadcast-sttl_day {
  padding-bottom: 1.14vw;
  display: inline-block;
  font-size: 4.42857vw;
  border-bottom: 2px solid #FFF
}
.broadcast-sttl_main {
  margin-top: 1.43vw;
  display: block;
  font-size: 5.57143vw
}
.broadcast-text {
  margin-top: 2.43%;
  padding: 0 4%;
  font-size: 2.71429vw;
  line-height: 1.63
}
.cooperation {
  margin-top: 5.09%;
  padding: 0 4%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.cooperation_l {
  width: 30%;
  font-size: 2.71429vw;
  line-height: 1.21
}
.cooperation_r {
  width: 70%;
  font-size: 2.71429vw;
  line-height: 1.21
}
.broadcast-img {
  margin-top: 3.64%
}
@media screen and (min-width: 701px) {
  .index-kv {
    padding: 20px 0 330px;
    position: relative
  }
  .index-kv_img {
    width: 960px;
    margin: 0 auto
  }
  .index-kv_img01 {
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 1
  }
  .index-kv_img01 img {
    width: 110%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s
  }
  .index-kv_img01.on img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  .index-kv_img02 {
    width: 500px;
    position: absolute;
    top: 250px;
    left: 220px
  }
  .index-kv_img02 img {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
  }
  .index-kv_img02.on img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  .index-kv_img03 {
    width: 180px;
    -webkit-animation: yure 2s ease 0s infinite alternate;
    animation: yure 2s ease 0s infinite alternate;
    position: absolute;
    top: 280px;
    right: -40px;
    z-index: 3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
    opacity: 0
  }
  .index-kv_img03.on {
    right: 230px;
    opacity: 1
  }
  .index-kv_img04 {
    width: 250px;
    position: absolute;
    top: 10px;
    left: 60px
  }
  .index-kv_img04 img {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
  }
  .index-kv_img04.on img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  .index-kv_text {
    width: 709px;
    margin: 20px auto 0
  }
  .broadcast {
    width: 1000px;
    margin: 50px auto 0;
    padding-top: 65px;
    position: relative
  }
  .broadcast-ttl {
    width: 342px;
    position: absolute;
    top: 0;
    left: -97px
  }
  .broadcast-box {
    width: 1000px;
    margin: 0 auto;
    padding: 25px;
    border: 5px solid #000;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .broadcast-sttl {
    width: 100%;
    padding: 33px 0 19px;
    background: #008BD5;
    text-align: center;
    border-radius: 10px;
    color: #FFF
  }
  .broadcast-sttl_day {
    padding: 0 14px 6px;
    font-size: 3.1rem
  }
  .broadcast-sttl_main {
    margin-top: 13px;
    font-size: 3.9rem
  }
  .broadcast-textarea {
    width: 490px;
    margin-top: 20px
  }
  .broadcast-text {
    margin-top: 0;
    padding: 0;
    font-size: 1.9rem;
    line-height: 1.63
  }
  .cooperation {
    margin-top: 20px
  }
  .cooperation_l {
    width: 65px;
    font-size: 1.3rem;
    line-height: 1.38
  }
  .cooperation_r {
    width: 320px;
    font-size: 1.3rem;
    line-height: 1.38
  }
  .broadcast-img {
    width: 438px;
    margin-top: 20px
  }
}
.review {
  padding: 20% 0 70%;
  position: relative
}
.review-ttl {
  width: 50.71%;
  margin: 0 auto
}
.slider {
  margin-top: 5%;
  padding: 0.71% 0;
  background: #000
}
.slider02 {
  margin-top: 0.71%
}
.slider-img {
  width: 45vw
}
.detail {
  margin-top: 4.29%
}
.detail.on .detail_l {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.detail.on .detail_r {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.detail-ttl {
  width: 42.86%;
  margin: 0 auto
}
.detail-text {
  width: 36.71%;
  margin: 1.29% auto 0;
  font-size: 2.71429vw;
  line-height: 1.4;
  position: relative;
  z-index: 1
}
.detail_l {
  width: 42%;
  position: absolute;
  top: 80vw;
  left: -3vw;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s
}
.detail_l.on02 {
  -webkit-animation: yure02 4s ease 0s infinite alternate;
  animation: yure02 4s ease 0s infinite alternate
}
.detail_r {
  width: 29%;
  position: absolute;
  top: 88vw;
  right: -1vw;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.detail_r.on02 {
  -webkit-animation: yure02 2s ease 0s infinite alternate;
  animation: yure02 2s ease 0s infinite alternate;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s
}
.review-flex {
  margin-top: 6%
}
.tackle {
  width: 85.71%;
  margin: 1.71% auto 0;
  border: 1.14vw solid #000;
  background: #000;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.tackle-ttl {
  padding: 4.33% 0 3.17%;
  font-size: 4.14286vw;
  text-align: center;
  color: #FFF
}
.telling {
  width: 85.71%;
  margin: 2.86% auto 0;
  border: 1.14vw solid #000;
  background: #000;
  border-radius: 20px;
  overflow: hidden
}
.telling-ttl {
  padding: 4.33% 0 3.17%;
  font-size: 4.14286vw;
  text-align: center;
  color: #FFF
}
@media screen and (min-width: 701px) {
  .review {
    padding: 250px 0 330px;
    position: relative
  }
  .review-ttl {
    width: 461px;
    margin: 0 auto
  }
  .slider {
    margin-top: 35px;
    padding: 5px 0;
    background: #000
  }
  .slider02 {
    margin-top: 5px
  }
  .slider-img {
    width: 305px
  }
  .detail {
    margin-top: 30px
  }
  .detail-ttl {
    width: 511px;
    margin: 0 auto
  }
  .detail-text {
    width: 543px;
    margin: 15px auto 0;
    font-size: 1.9rem
  }
  .detail-text .small-text {
    padding-top: 15px;
    font-size: 1.3rem
  }
  .detail_l {
    width: 455px;
    position: absolute;
    top: 600px;
    left: calc(50% - 600px)
  }
  .detail_r {
    width: 350px;
    position: absolute;
    top: 670px;
    right: calc(50% - 630px)
  }
  .review-flex {
    width: 1000px;
    margin: 40px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1
  }
  .tackle {
    width: 492px;
    margin: 0;
    border: 7px solid #000;
    border-radius: 30px
  }
  .tackle-ttl {
    padding: 20px 0 15px;
    font-size: 2.4rem
  }
  .telling {
    width: 492px;
    margin: 0;
    border: 7px solid #000;
    border-radius: 30px
  }
  .telling-ttl {
    padding: 20px 0 15px;
    font-size: 2.4rem
  }
}
.present {
  width: 85.71%;
  margin: 2.86% auto 0;
  border: 1.14vw solid #000;
  background: #000;
  border-radius: 20px;
  overflow: hidden
}
.present-box {
  position: relative
}
.present-btn {
  width: 44.43vw;
  position: absolute;
  bottom: 3.43vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: transform 0.3s, -webkit-transform 0.3s;
  opacity: 0
}
.present-btn.on {
  opacity: 1
}
.present-textarea {
  padding: 3.5% 3.33% 5.67%;
  color: #FFF
}
.present-ttl {
  font-size: 4.14286vw;
  text-align: center
}
.present-text {
  margin-top: 4%;
  font-size: 3.14286vw;
  line-height: 1.45
}
.review-btn {
  width: 64.71%;
  margin: 5.14% auto 0;
  transition: transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: 0.4s;
  transition: 0.4s
}
.review-btn.on {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
@media screen and (min-width: 701px) {
  .present {
    width: 1000px;
    margin: 15px auto 0;
    border: 7px solid #000;
    background: #000;
    border-radius: 30px
  }
  .present-btn {
    width: 380px;
    position: absolute;
    bottom: 30px;
    left: 745px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .present-btn:hover {
    opacity: 0.7
  }
  .present-textarea {
    padding: 20px 0 25px;
    color: #FFF
  }
  .present-ttl {
    font-size: 2.4rem
  }
  .present-text {
    margin-top: 14px;
    font-size: 1.2rem;
    line-height: 1.66;
    text-align: center
  }
  .review-btn {
    width: 453px;
    margin: 29px auto 0
  }
  .review-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.book {
  padding: 26.43% 0 70%;
  position: relative
}
.book-ttl {
  width: 43.43%;
  position: absolute;
  top: 17vw;
  right: 7.14vw;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s
}
.book-ttl.on {
  top: 12.57vw;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s
}
.book-shark {
  width: 97.86%;
  position: absolute;
  top: -35.29vw;
  left: -52.43vw;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-animation: fukidashi02 3s ease 0s infinite alternate;
  animation: fukidashi02 3s ease 0s infinite alternate
}
.book-shark.on {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}
.book-kawachan {
  position: relative
}
.book-kawachan_img {
  width: 81%;
  margin-top: 2vw;
  margin-left: 1.71%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateY(100px);
  transform: translateY(100px)
}
.book-kawachan_img.on {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}
.book-kawachan_fukidashi {
  width: 41.57%;
  position: absolute;
  top: 3%;
  right: 3%;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-animation: yure 1s ease 0s infinite alternate;
  animation: yure 1s ease 0s infinite alternate
}
.book-kawachan_fukidashi.on {
  opacity: 1
}
.book-movie {
  width: 85.71%;
  margin: -44vw auto 0;
  border: 1.14vw solid #000;
  border-radius: 20px;
  background: #000;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.book-movie iframe {
  width: 100%;
  height: 46.43vw
}
.book-btn {
  width: 64.71%;
  margin: 4.86% auto 0;
  transition: transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: 0.4s;
  transition: 0.4s
}
.book-btn.on {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
@media screen and (min-width: 701px) {
  .book {
    padding: 150px 0 330px
  }
  .book-inner {
    width: 1000px;
    margin: 0 auto
  }
  .book-ttl {
    width: 395px;
    margin-bottom: 80px;
    position: static
  }
  .book-shark {
    width: 583px;
    position: absolute;
    top: 340px;
    left: calc(50% - 1000px);
    z-index: 3
  }
  .book-kawachan_img {
    width: 497px;
    margin-left: 0;
    position: absolute;
    top: -310px;
    right: 60px
  }
  .book-kawachan_fukidashi {
    width: 288px;
    position: absolute;
    top: -315px;
    right: -75px
  }
  .book-movie {
    width: 100%;
    margin: 25px auto 0;
    border: 7px solid #000;
    border-radius: 20px
  }
  .book-movie iframe {
    height: 550px
  }
  .book-btn {
    width: 453px;
    margin: 23px auto 0
  }
  .book-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.repeater {
  padding: 10% 0 0;
  position: relative
}
.repeater-ttl {
  width: 49.57%;
  margin: 0 auto
}
.repeater-box {
  width: 64.14%;
  margin: 0 auto
}
.repeater-box02 {
  margin-top: 6.7%
}
.repeater-box03 {
  margin-top: 1.79%
}
.repeater-img {
  position: relative
}
.repeater-img01 {
  margin-top: 7.43%
}
.repeater-img01 .repeater-img_photo {
  width: 78.35%;
  margin: 0 0 0 auto
}
.repeater-img01 .repeater-img_fukidashi {
  width: 38vw;
  top: 0;
  left: -11.14vw;
  -webkit-animation: fukidashi02 2s ease 0s infinite alternate;
  animation: fukidashi02 2s ease 0s infinite alternate
}
.repeater-img02 {
  margin-top: 7.43%
}
.repeater-img02 .repeater-img_photo {
  width: 78.35%;
  margin: 0 0 0 auto
}
.repeater-img02 .repeater-img_fukidashi {
  width: 38vw;
  top: 0;
  left: -11.14vw;
  -webkit-animation: fukidashi02 2s ease 0s infinite alternate;
  animation: fukidashi02 2s ease 0s infinite alternate;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s
}
.repeater-img03 {
  margin-top: 7.43%
}
.repeater-img03 .repeater-img_photo {
  width: 78.35%;
  margin: 0 0 0 auto
}
.repeater-img03 .repeater-img_fukidashi {
  width: 38vw;
  top: 0;
  left: -11.14vw;
  -webkit-animation: fukidashi02 2s ease 0s infinite alternate;
  animation: fukidashi02 2s ease 0s infinite alternate;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}
.repeater-img_fukidashi {
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.repeater-img_fukidashi.on {
  opacity: 1
}
.repeater-name {
  margin-top: 3.35%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.repeater-name01 .repeater-name_ja {
  width: 44.64%
}
.repeater-name01 .repeater-name_en {
  width: 44.87%;
  margin-left: 6.7%
}
.repeater-name02 .repeater-name_ja {
  width: 44.64%
}
.repeater-name02 .repeater-name_en {
  width: 28.44%;
  margin-left: 6.7%
}
.repeater-name03 .repeater-name_ja {
  width: 44.64%
}
.repeater-name03 .repeater-name_en {
  width: 44.87%;
  margin-left: 6.7%
}
.repeater-text {
  margin-top: 4.46%;
  font-size: 3.14286vw;
  line-height: 1.5
}
.repeater-comment {
  margin-top: 3.13%;
  padding-top: 5.13%
}
.repeater-comment--blue {
  background-image: url(../../img/index/blue-bd_sp.png);
  background-repeat: no-repeat;
  background-size: 100% auto
}
.repeater-comment--pink {
  background-image: url(../../img/index/pink-bd_sp.png);
  background-repeat: no-repeat;
  background-size: 100% auto
}
.repeater-comment--orange {
  background-image: url(../../img/index/orange-bd_sp.png);
  background-repeat: no-repeat;
  background-size: 100% auto
}
.repeater-comment_ttl {
  font-size: 3.85714vw
}
.repeater-comment_ttl--blue {
  color: #00C0FF
}
.repeater-comment_ttl--pink {
  color: #FF85FF
}
.repeater-comment_ttl--orange {
  color: #FF9200
}
.repeater-comment_text {
  margin-top: 2.68%;
  font-size: 3.14286vw;
  line-height: 1.5
}
.repeater-sns {
  margin-top: 3.35%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.repeater-sns_icon {
  width: 8.29vw;
  margin-left: 1.71vw
}
@media screen and (min-width: 701px) {
  .repeater {
    padding: 130px 0 0
  }
  .repeater-ttl {
    width: 453px;
    margin: 0 auto
  }
  .repeater-box {
    width: 760px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .repeater-box01 {
    margin-top: 45px
  }
  .repeater-box02 {
    margin-top: 70px
  }
  .repeater-box03 {
    margin-top: 70px
  }
  .repeater-img {
    position: relative
  }
  .repeater-img01 {
    margin-top: 0
  }
  .repeater-img01 .repeater-img_photo {
    width: 285px;
    margin: 0 0 0 auto
  }
  .repeater-img01 .repeater-img_fukidashi {
    width: 217px;
    top: -21px;
    left: -128px
  }
  .repeater-img02 {
    margin-top: 0
  }
  .repeater-img02 .repeater-img_photo {
    width: 299px;
    margin: 0 0 0 auto
  }
  .repeater-img02 .repeater-img_fukidashi {
    width: 204px;
    top: 0;
    left: -114px
  }
  .repeater-img03 {
    margin-top: 0
  }
  .repeater-img03 .repeater-img_photo {
    width: 295px;
    margin: 0 0 0 auto
  }
  .repeater-img03 .repeater-img_fukidashi {
    width: 209px;
    top: 33px;
    left: -115px
  }
  .repeater-img_fukidashi {
    position: absolute
  }
  .repeater-name {
    margin-top: 0
  }
  .repeater-name01 .repeater-name_ja {
    width: 134px
  }
  .repeater-name01 .repeater-name_en {
    width: 134px;
    margin-left: 20px
  }
  .repeater-name02 .repeater-name_ja {
    width: 133px
  }
  .repeater-name02 .repeater-name_en {
    width: 83px;
    margin-left: 20px
  }
  .repeater-name03 .repeater-name_ja {
    width: 134px
  }
  .repeater-name03 .repeater-name_en {
    width: 134px;
    margin-left: 20px
  }
  .repeater-textarea {
    width: 400px;
    margin-left: 34px
  }
  .repeater-textarea01 {
    padding-top: 62px
  }
  .repeater-textarea02 {
    padding-top: 58px
  }
  .repeater-textarea03 {
    padding-top: 53px
  }
  .repeater-text {
    margin-top: 4.46%;
    font-size: 1.5rem;
    line-height: 1.46
  }
  .repeater-comment {
    margin-top: 16px;
    padding-top: 25px
  }
  .repeater-comment--blue {
    background-image: url(../../img/index/blue-bd_pc.png);
    background-repeat: repeat-x;
    background-size: auto
  }
  .repeater-comment--pink {
    background-image: url(../../img/index/pink-bd_pc.png);
    background-repeat: repeat-x;
    background-size: auto
  }
  .repeater-comment--orange {
    background-image: url(../../img/index/orange-bd_pc.png);
    background-repeat: repeat-x;
    background-size: auto
  }
  .repeater-comment_ttl {
    font-size: 1.8rem
  }
  .repeater-comment_text {
    margin-top: 2.68%;
    font-size: 1.5rem;
    line-height: 1.46
  }
  .repeater-sns {
    margin-top: 3.35%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .repeater-sns_icon {
    width: 26px;
    margin-left: 5px;
    transition: transform 0.3s, -webkit-transform 0.3s
  }
  .repeater-sns_icon:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
.bg01 {
  min-height: 100vh;
  background-image: url(../../img/index/puttern.jpg);
  background-size: 9vw auto
}
@media screen and (min-width: 701px) {
  .bg {
    min-width: 2500px
  }
  .bg01 {
    background-image: url(../../img/index/puttern.jpg);
    background-size: auto auto
  }
}
@media screen and (min-width: 2501px) {
  .bg img {
    width: 100%;
    height: auto
  }
}
section.stuck + section:not(.stuck) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
.fixed01 {
  width: 13.29%;
  position: fixed;
  z-index: 103;
  left: 0;
  bottom: 10%
}
.fixed02 {
  width: 25.57%;
  position: fixed;
  z-index: 103;
  right: 3%;
  bottom: 10px;
  -webkit-animation: fuwafuwa 1s ease 0s infinite alternate;
  animation: fuwafuwa 1s ease 0s infinite alternate;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.24, 0.31, 0.75);
  animation-timing-function: cubic-bezier(0.6, 0.24, 0.31, 0.75)
}
@media screen and (min-width: 701px) {
  .fixed01 {
    width: 82px;
    position: fixed;
    z-index: 103;
    left: 0;
    top: auto;
    bottom: 30%;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(../../img/index/fixed01-on_pc.png);
    background-repeat: no-repeat
  }
  .fixed01 a {
    position: relative;
    display: block
  }
  .fixed01 .fixed01-item {
    width: 74px;
    position: absolute;
    top: -50px;
    left: -10px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    z-index: -1
  }
  .fixed01 .fixed01-item img {
    z-index: -1
  }
  .fixed01 img {
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 1;
    display: block
  }
  .fixed01:hover .fixed01-item {
    top: -80px;
    left: 20px
  }
  .fixed01:hover .fixed01-item img {
    opacity: 1;
    z-index: -1
  }
  .fixed01:hover img {
    opacity: 0;
    -webkit-transition: 0;
    transition: 0
  }
  .fixed02 {
    width: 176px;
    position: fixed;
    z-index: 113;
    right: 44px;
    bottom: 240px;
    -webkit-transition: 0.3s;
    transition: 0.3s
  }
  .fixed02 a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: block
  }
  .fixed02:hover a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.footer-index {
  margin-top: 7.5%
}
@media screen and (min-width: 701px) {
  .footer-index {
    margin-top: 100px
  }
  .page-top {
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 100;
    -webkit-animation: fuwafuwa 1.5s ease 0s infinite alternate;
    animation: fuwafuwa 1.5s ease 0s infinite alternate;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.24, 0.31, 0.75);
    animation-timing-function: cubic-bezier(0.6, 0.24, 0.31, 0.75)
  }
  .page-top a {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s
  }
  .page-top:hover a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
/*# sourceMappingURL=index.css.map */