/*16*1.75/2*/
.index {
  /*==========*/
  /* main-sec */
  /*==========*/
  /*=======*/
  /* movie */
  /*=======*/
  /*=======*/
  /* point  */
  /*=======*/
  /*=======*/
  /* note  */
  /*=======*/
  /*=============*/
  /* kyosoryoku  */
  /*=============*/
  /*=======*/
  /* spot  */
  /*=======*/
  /*=======*/
  /* flor  */
  /*=======*/
}
.index .main-sec {
  position: relative;
  padding-top: 104px;
  background-color: #DFF2F2;
  -webkit-animation: bgcolor 25s infinite 5s;
          animation: bgcolor 25s infinite 5s;
}
@media (max-width: 767px) {
  .index .main-sec {
    padding-top: 96px;
  }
}
.index .main-sec .tab-cts {
  transition: 0.4s ease-in-out;
  display: block;
  -webkit-animation: tab-view 1s ease-in-out forwards;
          animation: tab-view 1s ease-in-out forwards;
}
.index .main-sec .tab-cts.disnon {
  display: none;
}
@-webkit-keyframes tab-view {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tab-view {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.index .main-sec .move-img {
  position: absolute;
  width: 100vw;
  top: 40px;
  left: 0;
  -webkit-animation: 15s linear infinite fuwafuwa-right;
          animation: 15s linear infinite fuwafuwa-right;
  z-index: 1;
}
@media (max-width: 767px) {
  .index .main-sec .move-img {
    top: 24px;
    -webkit-animation: 7s linear infinite fuwafuwa-right;
            animation: 7s linear infinite fuwafuwa-right;
  }
  .index .main-sec .move-img img {
    width: 56px;
  }
}
.index .main-sec .main-img-area {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}
.index .main-sec .main-img-area .main-logo {
  position: absolute;
  top: 50px;
  left: 170px;
  z-index: 3;
  opacity: 0;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .main-logo {
    width: 45.74%;
    top: 3.378%;
    left: 11.486%;
  }
}
.index .main-sec .main-img-area.view .main-logo {
  -webkit-animation: bounce-in-top 2s both 0.5s;
          animation: bounce-in-top 2s both 0.5s;
  opacity: 1;
}
.index .main-sec .main-img-area .inner {
  overflow-x: auto;
  z-index: 2;
}
.index .main-sec .main-img-area .inner .list-pict li {
  position: absolute;
}
.index .main-sec .main-img-area .inner .list-pict li.type01 {
  top: 56px;
  right: 580px;
  -webkit-animation: fuwafuwa01 5.5s ease-in-out 0.3s infinite alternate;
          animation: fuwafuwa01 5.5s ease-in-out 0.3s infinite alternate;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-pict li.type01 {
    width: 20px;
    top: 16px;
    right: 250px;
  }
}
.index .main-sec .main-img-area .inner .list-pict li.type02 {
  top: 88px;
  right: 500px;
  -webkit-animation: fuwafuwa01 7s ease-in-out infinite alternate;
          animation: fuwafuwa01 7s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-pict li.type02 {
    width: 24px;
    top: 32px;
    right: 200px;
  }
}
.index .main-sec .main-img-area .inner .scroll-area {
  position: relative;
  width: 1480px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .scroll-area {
    width: 640px;
  }
}
.index .main-sec .main-img-area .inner .scroll {
  margin-top: -64px;
  text-align: center;
  -webkit-animation: bound 2s ease-in-out infinite 0.5s;
          animation: bound 2s ease-in-out infinite 0.5s;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .scroll {
    width: 32px;
    margin: 0 auto;
  }
}
.index .main-sec .main-img-area .inner .list-img li {
  position: absolute;
  display: none;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-img li {
    display: block !important;
  }
}
.index .main-sec .main-img-area .inner .list-img li.img01 {
  top: 260px;
  right: 450px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-img li.img01 {
    width: 55px;
    top: 108px;
    right: 198px;
  }
}
.index .main-sec .main-img-area .inner .list-img li.img02 {
  top: 286px;
  left: 480px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-img li.img02 {
    width: 46px;
    top: 126px;
    left: 210px;
  }
}
.index .main-sec .main-img-area .inner .list-img li.img03 {
  top: 406px;
  left: 690px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-img li.img03 {
    width: 90px;
    top: 174px;
    left: 300px;
  }
}
.index .main-sec .main-img-area .inner .list-img li.img04 {
  top: 390px;
  right: 380px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-img li.img04 {
    width: 64px;
    top: 164px;
    right: 160px;
  }
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-point {
    display: none;
  }
}
.index .main-sec .main-img-area .inner .list-point li {
  position: absolute;
}
.index .main-sec .main-img-area .inner .list-point li.point01 {
  top: 220px;
  right: 480px;
  -webkit-animation: fuwafuwa01 6s ease-in-out 0.5s infinite alternate;
          animation: fuwafuwa01 6s ease-in-out 0.5s infinite alternate;
}
.index .main-sec .main-img-area .inner .list-point li.point02 {
  top: 244px;
  left: 516px;
  -webkit-animation: fuwafuwa01 6s ease-in-out 0.2s infinite alternate;
          animation: fuwafuwa01 6s ease-in-out 0.2s infinite alternate;
}
.index .main-sec .main-img-area .inner .list-point li.point03 {
  top: 367px;
  left: 810px;
  -webkit-animation: fuwafuwa01 6s ease-in-out 0.6s infinite alternate;
          animation: fuwafuwa01 6s ease-in-out 0.6s infinite alternate;
}
.index .main-sec .main-img-area .inner .list-point li.point04 {
  top: 360px;
  right: 420px;
  -webkit-animation: fuwafuwa01 6s ease-in-out 0.3s infinite alternate;
          animation: fuwafuwa01 6s ease-in-out 0.3s infinite alternate;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .inner .list-pop {
    display: none;
  }
}
.index .main-sec .main-img-area .inner .list-pop li {
  display: none;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area {
  position: absolute;
  max-width: 260px;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: 0px 0px 15px -5px #84BBD9;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area#point-pop01 {
  top: 256px;
  left: 1030px;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area#point-pop02 {
  top: 260px;
  left: 200px;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area#point-pop03 {
  top: 466px;
  right: 600px;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area#point-pop04 {
  top: 446px;
  left: 920px;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area dl dt {
  margin-bottom: 8px;
  color: #0079C3;
  font-weight: bold;
  line-height: 1.3;
}
.index .main-sec .main-img-area .inner .list-pop .pop-area dl dd {
  font-size: 12px;
}
.index .main-sec .main-img-area .list-clud li {
  position: absolute;
  width: 20%;
  z-index: 0;
}
.index .main-sec .main-img-area .list-clud li.type01 {
  width: 264px;
  left: 50%;
  top: 50%;
  margin-left: 600px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .list-clud li.type01 {
    width: 135px;
    top: 25%;
    margin-left: 160px;
  }
}
.index .main-sec .main-img-area .list-clud li.type02 {
  width: 149px;
  right: 50%;
  top: 75%;
  margin-right: 200px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .list-clud li.type02 {
    width: 75px;
    top: 70%;
    margin-right: 48px;
  }
}
.index .main-sec .main-img-area .list-clud li.type03 {
  width: 331px;
  right: 50%;
  top: 60%;
  margin-right: 500px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .list-clud li.type03 {
    width: 165px;
    top: 55%;
    margin-right: 120px;
  }
}
.index .main-sec .main-img-area .list-clud li.type04 {
  width: 306px;
  left: 50%;
  bottom: 10%;
  margin-left: 500px;
}
@media (max-width: 767px) {
  .index .main-sec .main-img-area .list-clud li.type04 {
    width: 153px;
    bottom: 20%;
    margin-left: 160px;
  }
}
.index .main-sec .msg-area {
  margin-top: 320px;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area {
    margin-top: 80px;
  }
}
.index .main-sec .msg-area .contents {
  position: relative;
  z-index: 1;
}
.index .main-sec .msg-area .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .wrap {
    display: block;
  }
}
.index .main-sec .msg-area .wrap.reverse {
  flex-direction: row-reverse;
}
.index .main-sec .msg-area .wrap .img {
  position: relative;
}
.index .main-sec .msg-area .wrap .img .list-img {
  margin-bottom: 0;
}
.index .main-sec .msg-area .wrap .img .list-img li {
  overflow: hidden;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 50%;
  box-shadow: 0px 0px 15px -5px #84BBD9;
  text-align: center;
}
.index .main-sec .msg-area .wrap .img .list-fukidashi {
  margin-bottom: 0;
}
.index .main-sec .msg-area .wrap .img .list-fukidashi li {
  position: absolute;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .list-clud {
    display: none;
  }
}
.index .main-sec .msg-area .list-clud li {
  position: absolute;
  z-index: 0;
}
.index .main-sec .msg-area .msg01 {
  position: relative;
  margin-bottom: 180px;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg01 {
    margin-bottom: 90px;
  }
}
.index .main-sec .msg-area .msg01 .wrap .txt {
  width: 64.492%; /*712/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg01 .wrap .txt {
    width: 100%;
    margin-bottom: 40px;
  }
}
.index .main-sec .msg-area .msg01 .wrap .txt .txt01 {
  margin-bottom: 44.943%; /*320/712*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg01 .wrap .txt .txt01 {
    margin-bottom: 40px;
  }
}
.index .main-sec .msg-area .msg01 .wrap .txt .txt02 {
  width: 90.589%; /*645/712*/
}
.index .main-sec .msg-area .msg01 .wrap .img {
  width: 34.963%; /*386/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg01 .wrap .img {
    width: 100%;
    max-width: 193px;
    margin-left: auto;
  }
}
.index .main-sec .msg-area .msg01 .wrap .img .list-img li.img01 {
  margin-bottom: 16.58%; /*64/386*/
}
.index .main-sec .msg-area .msg01 .wrap .img .list-img li.img02 {
  width: 65.544%; /*253/386*/
  margin-left: auto;
}
.index .main-sec .msg-area .msg01 .wrap .img .list-fukidashi li.fuki01 {
  top: 23.361%; /*164/702*/
  left: -54.922%; /*-212/386*/
  width: 72.797%; /*281/386*/
}
.index .main-sec .msg-area .msg01 .wrap .img .list-fukidashi li.fuki02 {
  top: 50.284%; /*353/702*/
  left: 6.476%; /*25/386*/
  width: 49.481%; /*191/386*/
}
.index .main-sec .msg-area .msg01 .list-clud li.type01 {
  top: -37.037%; /*-260/702*/
  right: 50%;
  width: 318px;
  margin-right: 343px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type02 {
  top: 11.111%; /*78/702*/
  right: 50%;
  width: 157px;
  margin-right: 650px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type03 {
  top: 35.612%; /*250/702*/
  right: 50%;
  width: 318px;
  margin-right: 717px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type04 {
  top: -22.364%; /*-157/702*/
  left: 50%;
  width: 120px;
  margin-left: 470px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type05 {
  top: 3.276%; /*23/702*/
  left: 50%;
  width: 306px;
  margin-left: 556px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type06 {
  top: 44.729%; /*314/702*/
  left: 50%;
  width: 149px;
  margin-left: 800px;
}
.index .main-sec .msg-area .msg01 .list-clud li.type07 {
  bottom: -2.279%; /*-16/702*/
  left: 50%;
  z-index: 2;
  width: 149px;
  margin-left: 247px;
}
.index .main-sec .msg-area .msg02 {
  position: relative;
  margin-bottom: 180px;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg02 {
    margin-bottom: 90px;
  }
}
.index .main-sec .msg-area .msg02 .wrap .txt {
  width: 62.228%; /*687/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg02 .wrap .txt {
    width: 100%;
    margin-bottom: 40px;
  }
}
.index .main-sec .msg-area .msg02 .wrap .txt .txt01 {
  width: 96.943%; /*666/687*/
  margin-bottom: 46.676%; /*330/707*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg02 .wrap .txt .txt01 {
    margin-bottom: 40px;
  }
}
.index .main-sec .msg-area .msg02 .wrap .txt .txt02 {
  width: 87.336%; /*600/687*/
  margin-left: auto;
}
.index .main-sec .msg-area .msg02 .wrap .img {
  width: 37.5%; /*414/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg02 .wrap .img {
    width: 100%;
    max-width: 207px;
  }
}
.index .main-sec .msg-area .msg02 .wrap .img .list-img li.img01 {
  margin-bottom: 9.903%; /*41/414*/
}
.index .main-sec .msg-area .msg02 .wrap .img .list-img li.img02 {
  width: 61.111%; /*253/414*/
  margin-right: auto;
}
.index .main-sec .msg-area .msg02 .wrap .img .list-fukidashi li.fuki01 {
  top: 22.913%; /*162/707*/
  right: -43.961%; /*-182/414*/
  width: 55.797%; /*231/414*/
}
.index .main-sec .msg-area .msg02 .wrap .img .list-fukidashi li.fuki02 {
  top: 53.465%; /*378/707*/
  right: 7.004%; /*29/414*/
  width: 50.241%; /*208/414*/
}
.index .main-sec .msg-area .msg02 .list-clud li.type01 {
  top: -16.831%; /*-119/707*/
  right: 50%;
  width: 120px;
  margin-right: 823px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type02 {
  top: 13.295%; /*94/707*/
  right: 50%;
  width: 318px;
  margin-right: 575px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type03 {
  top: 54.031%; /*382/707*/
  right: 50%;
  width: 149px;
  margin-right: 900px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type04 {
  top: 82.036%; /*580/707*/
  right: 50%;
  z-index: 2;
  width: 149px;
  margin-right: 177px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type05 {
  bottom: -1.697%; /*-12/707*/
  right: 50%;
  width: 120px;
  margin-right: 614px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type06 {
  top: -3.111%; /*-22/707*/
  left: 50%;
  width: 218px;
  margin-left: 548px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type07 {
  top: 28.005%; /*198/707*/
  left: 50%;
  width: 120px;
  margin-left: 819px;
}
.index .main-sec .msg-area .msg02 .list-clud li.type08 {
  bottom: -7.779%; /*-55/707*/
  left: 50%;
  width: 218px;
  margin-left: 615px;
}
.index .main-sec .msg-area .msg03 {
  position: relative;
  margin-bottom: 208px;
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg03 {
    margin-bottom: 104px;
  }
}
.index .main-sec .msg-area .msg03 .wrap .txt {
  width: 42.572%; /*470/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg03 .wrap .txt {
    width: 100%;
    margin-bottom: 40px;
  }
}
.index .main-sec .msg-area .msg03 .wrap .img {
  width: 26.721%; /*295/1104*/
}
@media (max-width: 767px) {
  .index .main-sec .msg-area .msg03 .wrap .img {
    width: 100%;
    max-width: 148px;
    margin-left: auto;
  }
}
.index .main-sec .msg-area .msg03 .wrap .img .list-fukidashi li.fuki01 {
  top: 0;
  left: -75.932%; /*-224/295*/
  width: 83.05%; /*245/295*/
}
.index .main-sec .msg-area .msg03 .list-clud li.type01 {
  bottom: 14.576%; /*43/295*/
  right: 50%;
  width: 318px;
  margin-right: 704px;
}
.index .main-sec .msg-area .msg03 .list-clud li.type02 {
  top: 49.152%; /*145/295*/
  left: 50%;
  width: 157px;
  margin-left: 834px;
}
.index .main-sec .msg-area .msg03 .list-clud li.type03 {
  bottom: -32.254%; /*-104/295*/
  left: 50%;
  width: 321px;
  margin-left: 793px;
}
.index .main-sec .about-area .area01 {
  position: relative;
}
.index .main-sec .about-area .area01 .contents {
  position: relative;
  z-index: 1;
}
.index .main-sec .about-area .area01 .list-clud li {
  position: absolute;
  z-index: 0;
}
.index .main-sec .about-area .area01 .list-clud li.type01 {
  width: 158px;
  right: 50%;
  top: 30%;
  margin-right: 480px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area01 .list-clud li.type01 {
    width: 79px;
    top: 20%;
    margin-right: 30%;
  }
}
.index .main-sec .about-area .area01 .list-clud li.type02 {
  width: 219px;
  right: 50%;
  top: 80%;
  margin-right: 560px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area01 .list-clud li.type02 {
    width: 110px;
    top: auto;
    bottom: -10%;
    margin-right: 30%;
  }
}
.index .main-sec .about-area .area01 .list-clud li.type03 {
  width: 321px;
  left: 50%;
  top: 40%;
  margin-left: 480px;
  z-index: 2;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area01 .list-clud li.type03 {
    width: 160px;
    margin-left: 30%;
  }
}
.index .main-sec .about-area .area01 .list-clud li.type04 {
  width: 146px;
  left: 50%;
  bottom: 0;
  margin-left: 560px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area01 .list-clud li.type04 {
    width: 73px;
    margin-left: 30%;
  }
}
.index .main-sec .about-area .area02 {
  position: relative;
}
.index .main-sec .about-area .area02 .contents {
  position: relative;
  z-index: 1;
}
.index .main-sec .about-area .area02 .list-clud li {
  position: absolute;
  z-index: 0;
}
.index .main-sec .about-area .area02 .list-clud li.type01 {
  width: 121px;
  right: 50%;
  top: 30%;
  margin-right: 520px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area02 .list-clud li.type01 {
    width: 60px;
    margin-right: 40%;
  }
}
.index .main-sec .about-area .area02 .list-clud li.type02 {
  width: 317px;
  right: 50%;
  top: 90%;
  margin-right: 120px;
  z-index: 2;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area02 .list-clud li.type02 {
    width: 158px;
    top: 100%;
    margin-right: 30%;
  }
}
.index .main-sec .about-area .area02 .list-clud li.type03 {
  width: 219px;
  left: 50%;
  top: 30%;
  margin-left: 500px;
  z-index: 2;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area02 .list-clud li.type03 {
    width: 109px;
    top: 10%;
    margin-left: 30%;
  }
}
.index .main-sec .about-area .area02 .list-clud li.type04 {
  width: 149px;
  left: 50%;
  bottom: -40%;
  margin-left: 600px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .area02 .list-clud li.type04 {
    display: none;
  }
}
.index .main-sec .about-area .wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .wrap {
    display: block;
  }
}
.index .main-sec .about-area .list-img li {
  border-radius: 50%;
  box-shadow: 0px 0px 15px -5px #84BBD9;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .list-img li {
    width: 50%;
    margin: 0 -25% 0 auto;
  }
}
.index .main-sec .about-area .list-img li:nth-child(2) {
  width: 50%;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .list-img li:nth-child(2) {
    width: 30%;
    margin: 0 auto 0 -15%;
  }
}
.index .main-sec .about-area .txt {
  color: #0079C3;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .txt .heading-area {
    margin-top: -80%;
  }
}
.index .main-sec .about-area .txt .note {
  width: 150%;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .txt .note {
    width: 100%;
    margin-top: 24px;
    text-align: center;
  }
}
.index .main-sec .about-area .box {
  margin-top: 110px;
  padding: 0 24px 32px;
  border-radius: 8px;
  box-shadow: 0px 0px 15px -5px #84BBD9;
  background-color: #FFF;
  text-align: center;
}
@media (max-width: 767px) {
  .index .main-sec .about-area .box {
    text-align: left;
  }
}
.index .main-sec .about-area .box h3 {
  margin-bottom: 40px;
  transform: translateY(-20px);
}
@media (max-width: 767px) {
  .index .main-sec .about-area .box h3 {
    width: 80%;
    margin: 0 auto 24px;
  }
}
.index .movie-sec {
  padding-top: 104px;
  background-color: #DFF2F2;
  -webkit-animation: bgcolor 25s infinite 5s;
          animation: bgcolor 25s infinite 5s;
}
@media (max-width: 767px) {
  .index .movie-sec {
    padding-top: 64px;
  }
}
.index .movie-sec h2 {
  margin-bottom: 56px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .movie-sec h2 {
    max-width: 286px;
    margin: 0 auto 128px;
  }
}
.index .movie-sec .bg-area {
  z-index: 1;
  padding: 0 0 80px;
  border-radius: 50% 50% 0 0/175px 175px 0 0;
  background-image: repeating-linear-gradient(90deg, #EEE, #EEE 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #EEE, #EEE 1px, #FFF 1px, #FFF 32px);
}
@media (max-width: 767px) {
  .index .movie-sec .bg-area {
    padding: 72px 0 80px;
    border-radius: 50% 50% 0 0/1% 1% 0 0;
    background-image: none;
    background: #FFF;
  }
}
.index .movie-sec .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .index .movie-sec .wrap {
    display: block;
    margin-top: -144px;
  }
}
.index .movie-sec .wrap .cell {
  width: 45.289%; /*500/1104*/
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell {
    width: 100%;
    margin-bottom: 56px;
  }
}
.index .movie-sec .wrap .cell .movie-area .inner {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  border-radius: 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell .movie-area .inner {
    border-radius: 0;
  }
}
.index .movie-sec .wrap .cell .movie-area iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0px;
  left: 0px;
}
.index .movie-sec .wrap .cell .txt-area .txt-img {
  margin: 32px 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell .txt-area .txt-img {
    margin: 24px 0 20px;
  }
}
.index .movie-sec .wrap .cell .txt-area .txt {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell:nth-child(1) .txt-area .txt-img {
    max-width: 200px;
    margin: 24px auto 20px;
  }
}
@media (max-width: 767px) {
  .index .movie-sec .wrap .cell:nth-child(2) .txt-area .txt-img {
    max-width: 218px;
    margin: 24px auto 20px;
  }
}
.index .point-sec {
  padding-top: 80px;
  padding-bottom: 400px;
  background: url(../images/point_bg01.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (max-width: 767px) {
  .index .point-sec {
    padding-top: 48px;
    padding-bottom: 240px;
  }
}
.index .point-sec .h-point {
  margin-bottom: 72px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .point-sec .h-point {
    margin-bottom: 40px;
  }
}
.index .point-sec .txt-wrap {
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .index .point-sec .txt-wrap {
    margin-bottom: 40px;
  }
}
.index .point-sec .txt-wrap .txt01 {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .point-sec .txt-wrap .txt01 {
    margin-bottom: 16px;
  }
}
.index .point-sec .main-wrap {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .index .point-sec .main-wrap {
    max-width: 480px;
    margin: 0 auto 48px;
  }
}
.index .point-sec .main-wrap .movie-area {
  position: relative;
  z-index: 1;
  width: 72%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index .point-sec .main-wrap .movie-area {
    width: 76.716%; /*514/670*/
  }
}
.index .point-sec .wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .index .point-sec .wrap {
    display: block;
  }
}
.index .point-sec .wrap .cell {
  width: 48%;
}
@media (max-width: 767px) {
  .index .point-sec .wrap .cell {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .index .point-sec .wrap .cell:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .index .point-sec .wrap .movie-wrap {
    max-width: 360px;
    margin: 0 auto;
  }
}
.index .point-sec .wrap .movie-wrap .movie-area {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index .point-sec .wrap .movie-wrap .movie-area {
    width: 76.716%; /*514/670*/
  }
}
.index .point-sec .wrap .movie-wrap .movie-area .inner {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .index .point-sec .wrap .movie-wrap .movie-area .inner {
    border-radius: 8px;
  }
}
.index .point-sec .wrap .movie-wrap .movie-area .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.index .point-sec .wrap .movie-wrap .txt-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -25%;
  padding: 30% 24px 24px;
  border: 2px solid #112D43;
  border-bottom-width: 4px;
  border-radius: 16px;
  background-color: #FFF;
}
@media (max-width: 767px) {
  .index .point-sec .wrap .movie-wrap .txt-area {
    margin-top: -64px;
    padding: 80px 32px 20px;
    border-radius: 8px;
  }
}
.index .point-sec .wrap .movie-wrap .txt-area .ic {
  width: 20%;
}
.index .point-sec .wrap .movie-wrap .txt-area .data-txt {
  width: 75%;
}
.index .point-sec .wrap .movie-wrap .txt-area .data-txt dt {
  font-size: min(32px, 2.898vw); /*32/1104*/
  font-weight: bold;
}
@media (max-width: 767px) {
  .index .point-sec .wrap .movie-wrap .txt-area .data-txt dt {
    font-size: 18px;
  }
}
.index .note-sec {
  position: relative;
  margin-top: -320px;
  padding: 160px 0 8%;
  border-radius: 50% 50% 0 0/25% 25% 0 0;
  background: #DFF1F1;
}
@media (max-width: 767px) {
  .index .note-sec {
    margin-top: -160px;
    padding: 96px 0 25%;
    border-radius: 50% 50% 0 0/20% 20% 0 0;
  }
}
.index .note-sec .wrap {
  position: relative;
  display: flex;
  z-index: 1;
}
@media (max-width: 767px) {
  .index .note-sec .wrap {
    display: block;
  }
}
.index .note-sec .wrap .txt {
  position: relative;
  width: 90%;
  z-index: 1;
}
@media (max-width: 767px) {
  .index .note-sec .wrap .txt {
    width: 100%;
  }
}
.index .note-sec .wrap .img {
  position: relative;
  width: 54%;
  margin-top: 10%;
  margin-left: -22%;
  z-index: 0;
}
@media (max-width: 767px) {
  .index .note-sec .wrap .img {
    width: 50%;
    margin: -10% 0 0 auto;
  }
}
@media (max-width: 767px) {
  .index .note-sec .list-clud {
    display: none;
  }
}
.index .note-sec .list-clud li {
  position: absolute;
  z-index: 0;
}
.index .note-sec .list-clud li.type01 {
  width: 321px;
  right: 50%;
  top: 30%;
  margin-right: 633px;
}
.index .note-sec .list-clud li.type02 {
  width: 148px;
  right: 50%;
  top: 60%;
  margin-right: 682px;
}
.index .note-sec .list-clud li.type03 {
  width: 305px;
  left: 50%;
  top: 20%;
  margin-left: 506px;
}
.index .note-sec .list-clud li.type04 {
  width: 206px;
  left: 50%;
  top: 40%;
  margin-left: 714px;
}
.index .note-sec .list-clud li.type05 {
  width: 206px;
  left: 50%;
  top: 60%;
  margin-left: 498px;
}
.index .kyosoryoku-sec {
  background-color: #DFF1F1;
}
.index .kyosoryoku-sec .bg-area {
  background: url(../images/kyosoryoku_bg01.svg) no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 296px 0 16%;
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area {
    background: url(../images/kyosoryoku_bg01_sp.svg) no-repeat;
    background-size: cover;
    background-position: top center;
  }
}
@media (max-width: 1440px) {
  .index .kyosoryoku-sec .bg-area .wrap {
    padding: 0 120px;
  }
}
@media (max-width: 1023px) {
  .index .kyosoryoku-sec .bg-area .wrap {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .wrap {
    padding: 0;
  }
}
.index .kyosoryoku-sec .bg-area .wrap .txt-box {
  position: relative;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 4px 4px 12px 0px rgba(22, 95, 124, 0.25);
  margin-bottom: 16px;
  padding: 0 80px 96px;
}
@media (max-width: 1023px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box {
    padding: 48px 80px 24px;
  }
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box {
    max-width: 560px;
    margin: 0 auto 88px;
    padding: 0 16px 24px;
  }
}
.index .kyosoryoku-sec .bg-area .wrap .txt-box .h-kyosoryoku {
  position: relative;
  top: -112px;
  margin-bottom: -80px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .h-kyosoryoku {
    top: -96px;
    margin-bottom: -64px;
  }
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .h-kyosoryoku {
    max-width: 400px;
    top: -48px;
    margin: 0 auto -24px;
  }
}
.index .kyosoryoku-sec .bg-area .wrap .txt-box .txt01 {
  text-align: center;
}
.index .kyosoryoku-sec .bg-area .wrap .txt-box .img01 {
  position: absolute;
  bottom: 8px;
  left: -360px;
}
@media (max-width: 1023px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .img01 {
    max-width: 320px;
    bottom: 36%;
    left: -120px;
  }
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .img01 {
    max-width: 200px;
    bottom: initial;
    top: -36%;
    left: -32px;
  }
}
@media (max-width: 414px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .img01 {
    top: -50%;
  }
}
.index .kyosoryoku-sec .bg-area .wrap .txt-box .img02 {
  position: absolute;
  bottom: -64px;
  right: -328px;
}
@media (max-width: 1023px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .img02 {
    max-width: 280px;
    bottom: -80px;
    right: -176px;
  }
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .wrap .txt-box .img02 {
    max-width: 160px;
    bottom: -104px;
    right: -32px;
  }
}
.index .kyosoryoku-sec .bg-area .btn {
  margin-bottom: 220px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .kyosoryoku-sec .bg-area .btn {
    max-width: 400px;
    margin: 0 auto 80px;
  }
}
.index .spot-sec {
  position: relative;
  margin-top: -20%;
  padding: 120px 0 25%;
  z-index: 1;
  border-radius: 50% 50% 0 0/20% 20% 0 0;
  background-image: repeating-linear-gradient(90deg, #EEE, #EEE 1px, transparent 1px, transparent 32px), repeating-linear-gradient(0deg, #EEE, #EEE 1px, #FFF 1px, #FFF 32px);
}
@media (max-width: 767px) {
  .index .spot-sec {
    /*margin-top: 64px;*/
    padding: 56px 0 64px;
    border-radius: 50% 50% 0 0/5% 5% 0 0;
    background-image: repeating-linear-gradient(90deg, #EEE, #EEE 1px, transparent 1px, transparent 16px), repeating-linear-gradient(0deg, #EEE, #EEE 1px, #fff 1px, #fff 16px);
  }
}
.index .spot-sec .h-spot01 {
  text-align: center;
}
@media (max-width: 767px) {
  .index .spot-sec .h-spot01 {
    max-width: 250px;
    margin: 0 auto;
  }
}
.index .spot-sec .txt-area {
  position: relative;
  max-width: 1192px;
  margin: 0 auto 170px;
}
@media (max-width: 767px) {
  .index .spot-sec .txt-area {
    margin-bottom: 80px;
  }
}
.index .spot-sec .txt-area .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index .spot-sec .txt-area .img {
    position: static;
  }
}
.index .spot-sec .txt-area .txt {
  width: 55%;
  max-width: 640px;
  margin: 40px auto 0;
  text-align: center;
}
@media (max-width: 767px) {
  .index .spot-sec .txt-area .txt {
    width: 100%;
    margin-top: 24px;
    padding: 0 24px;
    text-align: left;
  }
}
.index .spot-sec .h-spot02 {
  margin-bottom: 40px;
  text-align: center;
  color: #0079C3;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .index .spot-sec .h-spot02 {
    margin-bottom: 32px;
    font-size: 24px;
  }
}
.index .spot-sec .list-spot {
  display: flex;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot {
    display: block;
  }
}
.index .spot-sec .list-spot li {
  width: 48%;
  margin-top: 240px;
  padding: 0 16px;
  border: 2px solid #333;
  border-bottom-width: 4px;
  border-radius: 8px;
  background-color: #FFF;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot li {
    width: 100%;
    max-width: 480px;
    margin: 50% auto 0;
  }
}
.index .spot-sec .list-spot li + li {
  margin-left: 4%;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot li + li {
    margin-left: auto;
  }
}
.index .spot-sec .list-spot figure {
  max-width: 337px;
  width: 80%;
  margin-top: -40%;
  margin-bottom: -8px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.index .spot-sec .list-spot dl dt {
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot dl dt {
    margin-bottom: 16px;
  }
}
.index .spot-sec .list-spot .spot-img01 {
  max-width: 224px;
  margin: 0 auto 16px;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot .spot-img01 {
    max-width: 160px;
  }
}
.index .spot-sec .list-spot .spot-img02 {
  max-width: 230px;
  margin: 0 auto 16px;
}
@media (max-width: 767px) {
  .index .spot-sec .list-spot .spot-img02 {
    max-width: 160px;
  }
}
.index .flor-sec {
  position: relative;
  margin-top: -20%;
  padding-top: 160px;
  border-radius: 50% 50% 0 0/15% 15% 0 0;
  background: url(../images/floor_tx01.svg) #CCD9DD;
  background-repeat: no-repeat;
  background-position: 0 50%;
  z-index: 1;
}
@media (max-width: 767px) {
  .index .flor-sec {
    padding-top: 15%;
    background: #CCD9DD;
  }
}
@media (max-width: 767px) {
  .index .flor-sec {
    margin-top: -32px;
    padding-top: 64px;
    border-radius: 50% 50% 0 0/5% 5% 0 0;
  }
}
.index .flor-sec h2 {
  width: 50%;
  margin-bottom: 5%;
  font-size: 22px;
  font-weight: bold;
  color: #0079C3;
  line-height: 1.3;
}
@media (max-width: 1023px) {
  .index .flor-sec h2 {
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
  }
}
.index .flor-sec .list-img {
  font-size: 0;
}
.index .flor-sec .list-img li {
  max-width: 540px;
  border-radius: 16px;
  box-shadow: 0px 0px 15px -5px #84BBD9;
  font-size: 16px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .index .flor-sec .list-img li {
    width: 76%;
  }
}
.index .flor-sec .list-img li:nth-child(n+2) {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: -50px;
}
@media (max-width: 1023px) {
  .index .flor-sec .list-img li:nth-child(n+2) {
    max-width: 300px;
    width: 42%;
  }
}
.index .flor-sec .wrap {
  margin-bottom: 72px;
}
.index .flor-sec .wrap::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap {
    max-width: 540px;
    margin: 0 auto 64px;
  }
}
.index .flor-sec .wrap h2, .index .flor-sec .wrap .list-dot, .index .flor-sec .wrap .list-illust {
  width: 48%;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap h2, .index .flor-sec .wrap .list-dot, .index .flor-sec .wrap .list-illust {
    width: 100%;
  }
}
.index .flor-sec .wrap .list-img {
  width: 50%;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap .list-img {
    width: 100%;
    margin-bottom: 24px;
  }
}
.index .flor-sec .wrap.img-right h2, .index .flor-sec .wrap.img-right .list-dot, .index .flor-sec .wrap.img-right .list-illust {
  float: left;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap.img-right h2, .index .flor-sec .wrap.img-right .list-dot, .index .flor-sec .wrap.img-right .list-illust {
    float: none;
  }
}
.index .flor-sec .wrap.img-right .list-img {
  float: right;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap.img-right .list-img {
    float: none;
  }
}
.index .flor-sec .wrap.img-left h2, .index .flor-sec .wrap.img-left .list-dot, .index .flor-sec .wrap.img-left .list-illust {
  float: right;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap.img-left h2, .index .flor-sec .wrap.img-left .list-dot, .index .flor-sec .wrap.img-left .list-illust {
    float: none;
  }
}
.index .flor-sec .wrap.img-left .list-img {
  float: left;
}
@media (max-width: 1023px) {
  .index .flor-sec .wrap.img-left .list-img {
    float: none;
  }
}
.index .flor-sec .pict {
  max-width: 759px;
  margin: 0 auto 72px;
}
.index .flor-sec .flor01 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor01 .list-img li:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.index .flor-sec .flor01 .list-img li:nth-child(2) {
  margin-left: -64px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor01 .list-img li:nth-child(2) {
    margin-left: 0;
  }
}
.index .flor-sec .flor01 .list-illust li:nth-child(1) {
  max-width: 227px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor01 .list-illust li:nth-child(1) {
    position: absolute;
    top: 30%;
    left: 16px;
    width: 28%;
  }
}
.index .flor-sec .flor01 .list-illust li:nth-child(2) {
  position: absolute;
  right: 8px;
  top: 60%;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor01 .list-illust li:nth-child(2) {
    width: 10%;
    top: 48%;
    right: 30%;
  }
}
.index .flor-sec .flor02 {
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor02 .list-img {
    text-align: right;
  }
}
.index .flor-sec .flor02 .list-img li:nth-child(2) {
  transform: translateX(64px);
}
@media (max-width: 1023px) {
  .index .flor-sec .flor02 .list-img li:nth-child(2) {
    transform: translateX(0);
  }
}
.index .flor-sec .flor02 .list-img li:nth-child(3) {
  transform: translateX(80px);
}
@media (max-width: 1023px) {
  .index .flor-sec .flor02 .list-img li:nth-child(3) {
    transform: translateX(0);
    margin-left: 8px;
  }
}
.index .flor-sec .flor02 .list-illust li:nth-child(1) {
  max-width: 254px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor02 .list-illust li:nth-child(1) {
    position: absolute;
    width: 40%;
    top: 25%;
    right: 0;
  }
}
.index .flor-sec .flor02 .list-illust li:nth-child(2) {
  position: absolute;
  right: 0;
  top: 60%;
}
.index .flor-sec .flor03 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor03 {
    margin-bottom: 16px;
  }
  .index .flor-sec .flor03 .list-img li:nth-child(1) {
    width: 100%;
  }
}
.index .flor-sec .flor03 .list-illust li {
  max-width: 166px;
  margin: 0 0 0 auto;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor03 .list-illust li {
    position: absolute;
    top: 45%;
    right: 16px;
    width: 30%;
  }
}
.index .flor-sec .flor04 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor04 .list-img li:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.index .flor-sec .flor04 .list-img li:nth-child(2) {
  transform: translateX(64px);
}
@media (max-width: 1023px) {
  .index .flor-sec .flor04 .list-img li:nth-child(2) {
    transform: translateX(0);
  }
}
.index .flor-sec .flor04 .list-img li:nth-child(3) {
  transform: translateX(80px);
}
@media (max-width: 1023px) {
  .index .flor-sec .flor04 .list-img li:nth-child(3) {
    transform: translateX(0);
    margin-left: 8px;
  }
}
.index .flor-sec .flor04 .list-illust {
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor04 .list-illust {
    display: block;
  }
  .index .flor-sec .flor04 .list-illust li:nth-child(1) {
    position: absolute;
    width: 23%;
    left: 0;
    top: 18%;
  }
}
.index .flor-sec .flor04 .list-illust li:nth-child(2) {
  margin-top: 20%;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor04 .list-illust li:nth-child(2) {
    position: absolute;
    width: 15%;
    right: 8px;
    top: 30%;
    margin-top: 0;
  }
}
.index .flor-sec .flor05 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor05 .list-img li:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.index .flor-sec .flor05 .list-img li:nth-child(2) {
  margin-left: -64px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor05 .list-img li:nth-child(2) {
    margin-left: 0;
  }
}
.index .flor-sec .flor05 .list-illust li {
  max-width: 274px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor05 .list-illust li {
    position: absolute;
    top: 45%;
    right: 16px;
    width: 30%;
  }
}
.index .flor-sec .flor06 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor06 .list-img li:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.index .flor-sec .flor06 .list-img li:nth-child(2) {
  transform: translateX(120%);
}
@media (max-width: 1023px) {
  .index .flor-sec .flor06 .list-img li:nth-child(2) {
    transform: translateX(0);
    margin-left: 8px;
  }
}
.index .flor-sec .flor06 .list-illust {
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor06 .list-illust {
    display: block;
  }
  .index .flor-sec .flor06 .list-illust li:nth-child(1) {
    position: absolute;
    width: 23%;
    left: 0;
    top: 15%;
  }
}
.index .flor-sec .flor06 .list-illust li:nth-child(2) {
  margin-top: 30%;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor06 .list-illust li:nth-child(2) {
    position: absolute;
    width: 23%;
    right: 8px;
    bottom: 5em;
    margin-top: 0;
  }
}
.index .flor-sec .flor07 {
  position: relative;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor07 .list-img li:nth-child(1) {
    margin: 0 0 0 auto;
  }
}
.index .flor-sec .flor07 .list-img li:nth-child(2) {
  margin-left: -64px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor07 .list-img li:nth-child(2) {
    margin-left: 0;
  }
}
.index .flor-sec .flor07 .list-illust li {
  max-width: 341px;
  margin-top: 64px;
}
@media (max-width: 1023px) {
  .index .flor-sec .flor07 .list-illust li {
    position: absolute;
    bottom: 5em;
    right: 16px;
    width: 40%;
  }
}
.index .flor-sec .slide-wrap {
  display: -ms-grid;
}
.index .flor-sec .slide-wrap .list-slider {
  display: flex;
  min-width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-animation: 50s linear infinite sliderAnimation;
          animation: 50s linear infinite sliderAnimation;
}
.index .flor-sec .slide-wrap .list-slider li {
  position: relative;
  height: 280px;
  width: 400px;
  margin: 0 8px;
}
@media (max-width: 1023px) {
  .index .flor-sec .slide-wrap .list-slider li {
    height: 140px;
    width: 200px;
    margin: 0 4px;
  }
}
.index .flor-sec .last-img {
  padding: 32px 0 24px;
  -webkit-animation: 30s linear infinite fuwafuwa-left;
          animation: 30s linear infinite fuwafuwa-left;
}
@media (max-width: 1023px) {
  .index .flor-sec .last-img {
    padding: 24px 0 16px;
    -webkit-animation: 20s linear infinite fuwafuwa-left;
            animation: 20s linear infinite fuwafuwa-left;
  }
  .index .flor-sec .last-img img {
    width: 40px;
  }
}
/*# sourceMappingURL=index.css.map */