@charset "utf-8";

/* common */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a:hover {
  opacity: .7;
  transition: all .3s;
}
/* Loading背景画面設定　z-index: 5000000; がヘッダー */
.clsSplash {
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  z-index: 5000001;
  background:#000;
  text-align:center;
  color:#fff;
}

/* Loading 画像中央配置　*/
@media screen and (min-width: 701px) {
  .clsSplash__logo,
  .clsSplash__logo img {
    width: calc(686px / 2);
    height: calc(760px / 2);
  }
}
@media screen and (max-width: 700px) {
  .clsSplash__logo,
  .clsSplash__logo img {
    width:72.6vw;
  }
}
.clsSplash__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* splash z-index:3- */
.fadeAnime {
  opacity: 0;
  top: 0;
  left: 0;
}
.kvFadeAnime,
.kvFadeAnime1,
.kvFadeAnime2 {
  display: none;
  opacity: 0;
}
.fadeAnime1 {
  position: relative;
  animation: startAnime 1.5s linear forwards;
  animation-delay: 0.5s;
  z-index: 1;
}
.fadeAnime2 {
  position: absolute;
  animation: startAnime 2s linear forwards;
  animation-delay: 1.2s;
  z-index: 2;
}
.kvFadeAnime {
  animation: startAnime 1s linear forwards;
}
.kvFadeAnime1 {
  animation: startAnime 2s linear forwards;
}
.kvFadeAnime2 {
  animation: startAnime 1.5s linear forwards;
}
@keyframes startAnime {
  from {opacity: 0;}
  to {opacity: 1;}
}


/* topボタン */
@media screen and (min-width: 701px) {
  .pagetop {
    position: fixed;
    bottom: 30px;
    right: 15px;
    width: calc(144px / 2);
    height: calc(166px / 2);
    z-index: 100;
  }
}
@media screen and (max-width: 700px) {
  .pagetop {
    display: none;
    width: 15.5vw;
    height: 11.333vw;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 1000;
  }
}
.pagetop a {
  display: block;
  text-align: center;
}
.pagetop a:hover {
  display: block;
  text-align: center;
  text-decoration: none;
}


@media screen and (min-width: 701px) {
  .sp {display:none;}
}
@media screen and (max-width: 700px) {
  .pc {display:none;}
}


/* frame controll */
.el-d-section .mainarea {
  margin: 0 auto;
  max-width: 1440px;
}
@media screen and (min-width: 701px) {
  .el-d-section .mainarea {
    align-items: flex-start;
    display: flex;
  }
}


/* mainarea__cnt */
.el-d-section .mainarea__cnt {
  overflow: hidden;
  width: 1000px
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .el-d-section .mainarea__cnt {
    min-width:780px;
    max-width:calc(100% - 220px - ((100% - 1000px) / 2));
  }
}

@media screen and (max-width: 700px) {
  .el-d-section .mainarea__cnt {
    padding-bottom:0;
    width: 100%
  }
}

/* mainarea__nav */
.el-d-section.isScrollingUp .mainarea__nav {
  display: none;
}
@media screen and (min-width: 701px) {
  .el-d-section.isScrollingUp .mainarea__nav {
    display: block;
    top: 220px;
  }
}

.el-d-section .mainarea__nav {
  padding-top: 150px;
  position: sticky;
  top: 100px;
  width: 220px;
}

.el-d-section .mainarea__nav .navList li{
  padding: 0 0 30px;
}
.el-d-section .mainarea__nav .navList li img{
  opacity: .5;
}

.el-d-section .mainarea__nav .navList li:nth-child(1) img{
  opacity: 1.0;
}
.el-d-section .mainarea__nav .navList.onPf li:nth-child(1) img{
  opacity: .5;
}

.el-d-section .mainarea__nav .navList.onPf li:nth-child(2) img{
  opacity: 1.0;
}

.el-d-section .mainarea__nav .navList.onPf.onItem li:nth-child(1) img,
.el-d-section .mainarea__nav .navList.onPf.onItem li:nth-child(2) img{
  opacity: .5;
}
.el-d-section .mainarea__nav .navList.onPf.onItem li:nth-child(3) img{
  opacity: 1.0;
}


/* keyvisual area */
@media screen and (min-width: 701px) {
  .kv {
    margin:0 auto;
    max-width:1000px;
    max-height:750px;
    font-size:0;
    line-height:0;
    position:relative;
    z-index:100;
  }
  .kv_base {
    max-width:100%;
    position:relative;
  }
  .kv__lv1,
  .kv__lv2,
  .kv__lv3,
  .kv__lv4,
  .kv__lv5 {
    max-width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:105;
  }
  .kv__lv2,
  .kv__c1,
  .kv__c2,
  .kv__c3,
  .kv__c4,
  .kv__f1,
  .kv__f2 {position: absolute;z-index: 115;}
  .kv__c1 {
    width: 31.6%;
    top: 12%;
    left: -12.6%;
  }
  .kv__c2 {
    width: 22.5%;
    top: 17%;
    right: -8.6%;
  }
  .kv__c3 {
    width: 21.5%;
    bottom: 2.3%;
    left: 4.3%;
  }
  .kv__f1 {
    width: 12.5%;
    top: 25.5%;
    left: 15.5%;
  }
  .kv__f2 {
    width: 9.5%;
    top: 9.6%;
    right: 8.6%;
  }

  .kv__lv1 img,
  .kv__lv2 img,
  .kv__lv3 img,
  .kv__lv4 img,
  .kv__lv5 img,
  .kv__c1 img,
  .kv__c2 img,
  .kv__c3 img,
  .kv__c4 img,
  .kv__f1 img,
  .kv__f2 img {width:100%;}
}
@media screen and (max-width: 700px) {
  .kv {
    margin:0 auto;
    width:100%;
    font-size:0;
    line-height:0;
    position:relative;
    z-index:100;
  }
  .s1__base {
    width:100%;
  }
  .kv__lv1,
  .kv__lv2,
  .kv__lv3,
  .kv__lv4,
  .kv__lv5 {
    max-width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:105;
  }
  .kv__lv2,
  .kv__c1,
  .kv__c2,
  .kv__c3,
  .kv__c4,
  .kv__f1,
  .kv__f2 {position: absolute;z-index: 115;}
  .kv__c1 {
    width: 35.6%;
    top: 30%;
    left: -10.6%;
  }
  .kv__c2 {
    width: 38%;
    top: 0.6%;
    right: -16.6%;
  }
  .kv__c3 {
    width: 32.5%;
    bottom: 23.2%;
    left: -1.7%;
  }
  .kv__c4 {
    width: 26.5%;
    bottom: 29.6%;
    right: -2.7%;
  }
  .kv__f1 {
    width: 17.5%;
    top: 33.5%;
    left: 31.5%;
    z-index:102;
  }
  .kv__f2 {
    width: 13.5%;
    top: 15.9%;
    right: 2.6%;
  }
  .kv img,
  .kv__lv2 img,
  .kv__lv3 img,
  .kv__lv4 img,
  .kv__lv5 img,
  .kv__c1 img,
  .kv__c2 img,
  .kv__c3 img,
  .kv__c4 img,
  .kv__f1 img,
  .kv__f2 img {width:100%;}
}
.kv__c1 img {animation: yline 2s ease-in-out infinite alternate-reverse;}
.kv__c2 img {animation: yline 3s ease-in-out infinite alternate-reverse;}
.kv__c3 img {animation: yline 1.5s ease-in-out infinite alternate-reverse;}
.kv__c4 img {animation: yline 3.5s ease-in-out infinite alternate-reverse;}
.kv__f1 img {animation: xline 2s ease-in-out infinite alternate-reverse;}
.kv__f2 img {animation: xline 1s ease-in-out infinite alternate-reverse;}
@keyframes yline {
  0%   {transform: translate(-0.5%,-2%);}
  100% {transform: translate(0.5%,2%);}
}
@keyframes xline {
  0%   {transform: translate(2%,2%);}
  100% {transform: translate(-2%,-2%);}
}
/* section__1 area */
.s1 {
  margin:0 auto;
  max-width:1000px;
  font-size:0;
  line-height:0;
  position:relative;
  z-index:100;
}
.s1__i1 {
  width: calc(236px / 2);
  top: 108px;
  right: 246px;
}
.s1__i2 {
  width: calc(173px / 2);
  top: 364px;
  left: 114px;
}
.s1__i3 {
  width: calc(90px / 2);
  bottom: 190px;
  right: 108px;
}
.s1__i4 {
  width: calc(358px / 2);
  bottom: 9px;
  left: 14px;
}
.s1__i5 {
  width: calc(284px / 2);
  bottom: 30px;
  left: 238px;
}
.s1__i6 {
  width: calc(146px / 2);
  bottom: 23px;
  left: 491px;
}
.s1__i7 {
  width: calc(183px / 2);
  bottom: 66px;
  right: 204px;
}
.s1__i8 {
  width: calc(233px / 2);
  bottom: 1px;
  right: 35px;
}
.s1__c1 {
  width: calc(450px / 2);
  top: 97px;
  left: 29px;
}
.s1__c2 {
  width: calc(504px / 2);
  top: 31px;
  right: 2px;
}
.s1__c3 {
  width: calc(191px / 2);
  top: 297px;
  left: 4px;
}
.s1__c4 {
  width: calc(402px / 2);
  top: 305px;
  right: -57px;
}
.s1__c5 {
  width: calc(424px / 2);
  bottom: 35px;
  left: -25px;
}
.s1__c6 {
  width: calc(504px / 2);
  bottom: 21px;
  right: 0;
}
.s1__c7 {
  width: calc(500px / 2);
  bottom: 8px;
  right: 88px;
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s1 {
    margin:0 auto;
    width:100%;
    font-size:0;
    line-height:0;
    position:relative;
    z-index:100;
  }
  .s1__i1 {
    width: 12.2%;
    top: 15.7%;
    right: 24.3%;
  }
  .s1__i2 {
    width: 8.35%;
    top: 54.5%;
    left: 11.5%;
  }
  .s1__i3 {
    width: 4.8%;
    bottom: 28.2%;
    right: 10.6%;
  }
  .s1__i4 {
    width: 17.7%;
    bottom: 1.5%;
    left: 1.4%;
  }
  .s1__i5 {
    width: 13.8%;
    bottom: 4.8%;
    left: 24.1%;
  }
  .s1__i6 {
    width: 6.95%;
    bottom: 3.5%;
    left: 49.2%;
  }
  .s1__i7 {
    width: 9.75%;
    bottom: 9.6%;
    right: 19.7%;
  }
  .s1__i8 {
    width: 11.8%;
    bottom: 0.2%;
    right: 3.4%;
  }
  .s1__c1 {
    width: 22.9%;
    top: 14.5%;
    left: 2.4%;
  }
  .s1__c2 {
    width: 25.2%;
    top: 4.8%;
    right: 0.1%;
  }
  .s1__c3 {
    width: 10%;
    top: 44.1%;
    left: 0.1%;
  }
  .s1__c4 {
    width: 21%;
    top: 45.1%;
    right: -6.7%;
  }
  .s1__c5 {
    width: 21.9%;
    bottom: 4.6%;
    left: -2.9%;
  }
  .s1__c6 {
    width: 22%;
    bottom: 4.9%;
    right: 1%;
  }
  .s1__c7 {
    width: 25.5%;
    bottom: 1%;
    right: 8.5%;
  }
}
@media screen and (max-width: 700px) {
  .s1 {
    margin:0 auto;
    width:100%;
    font-size:0;
    line-height:0;
    position:relative;
    z-index:100;
  }
  .s1__i1 {
    width: 19.2vw;
    top: 31.1vw;
    right: 39vw;
  }
  .s1__i3 {
    width: 9.8vw;
    bottom: 59vw;
    right: 8.5vw;
  }
  .s1__i4 {
    width: 29.4vw;
    bottom: 3.6vw;
    left: 2.1vw;
  }
  .s1__i5 {
    width: 19.1vw;
    bottom: 58vw;
    left: 2vw;
  }
  .s1__i6 {
    width: 10.8vw;
    top: 55.5vw;
    left: 82vw;
  }
  .s1__i7 {
    width: 14.1vw;
    bottom: 11.8vw;
    right: 28.7vw;
  }
  .s1__i8 {
    width: 16.5vw;
    bottom: 2.4vw;
    right: 5.7vw;
  }
  .s1__c1 {
    width: 33.8vw;
    top: 30.5vw;
    left: -4.1vw;
  }
  .s1__c2 {
    width: 34vw;
    top: 24.1vw;
    right: -5.2vw;
  }
  .s1__c5 {
    width: 34vw;
    bottom: 8.2vw;
    left: -3.5vw;
  }
  .s1__c6 {
    width: 33vw;
    bottom: 6.2vw;
    right: 1.9vw;
  }
  .s1__c7 {
    width: 38vw;
    bottom: 2.5vw;
    right: 11.6vw;
  }
}
.s1__i1,
.s1__i2,
.s1__i3,
.s1__i4,
.s1__i5,
.s1__i6,
.s1__i7,
.s1__i8,
.s1__c1,
.s1__c2,
.s1__c3,
.s1__c4,
.s1__c5,
.s1__c6,
.s1__c7 {
  position:absolute;
}
.s1__base {
  width:100%;
}
.s1__base img,
.s1__i1 img,
.s1__i2 img,
.s1__i3 img,
.s1__i4 img,
.s1__i5 img,
.s1__i6 img,
.s1__i7 img,
.s1__i8 img,
.s1__c1 img,
.s1__c2 img,
.s1__c3 img,
.s1__c4 img,
.s1__c5 img,
.s1__c6 img,
.s1__c7 img {width:100%;}

.s1__i1,
.s1__i6,
.s1__i8 {
  animation: flowerMove1 10s linear infinite;
}
.s1__i4,
.s1__i6,
.s1__i7 {
  animation: flowerMove2 10s linear infinite;
}
.s1__i2,
.s1__i3 {
  animation: flowerMove2 12s linear infinite;
}
.s1__i5 {
  animation: flowerMove1 12s linear infinite;
}
.s1__c1,
.s1__c2,
.s1__c3,
.s1__c4,
.s1__c5 {animation: yline 3s  ease-in-out infinite alternate-reverse;}
.s1__c6 {animation: xline 4s  ease-in-out infinite alternate-reverse;}


@media screen and (min-width: 701px) {
  @keyframes flowerMove1 {
    0% { transform: translate(0,0); }
    25% { transform: translate(-5px,5px); }
    50% { transform: translate(0,0); }
    75% { transform: translate(-10px,10px); }
    100% { transform: translate(0,0); }
  }
  @keyframes flowerMove2 {
    0% { transform: translate(0,0); }
    25% { transform: translate(-5px,-5px); }
    50% { transform: translate(0,0); }
    75% { transform: translate(-10px,-10px); }
    100% { transform: translate(0,0); }
  }
}
@media screen and (max-width: 700px) {
  @keyframes flowerMove1 {
    0% { transform: translate(0,0); }
    25% { transform: translate(-0.833vw,-0.833vw); }
    50% { transform: translate(0,0); }
    75% { transform: translate(-1.667vw,-1.667vw); }
    100% { transform: translate(0,0); }
  }
  @keyframes flowerMove2 {
    0% { transform: translate(0,0); }
    25% { transform: translate(-0.833vw,0.833vw); }
    50% { transform: translate(0,0); }
    75% { transform: translate(-1.667vw,1.667vw); }
    100% { transform: translate(0,0); }
  }
}


/* section__2 area */
@media screen and (min-width: 1441px) {
  .s2 {
    margin:0 auto;
    padding:0 0 45px;
    max-width:1000px;
    font-size:0;
    line-height:0;
  }
  .s2 h2 {
    margin:0 auto;
    padding:63px 0 7px;
    width:calc(585px / 2);
  }
  .s2__prof-headtxt {
    margin:0 auto 23px;
    font-size:18px;
    line-height:36px;
    text-align:center;
  }
  .s2__txt-center {
    margin:0 auto 92px;
    font-size:20px;
    line-height:36px;
    text-align:center;
  }
  .s2__info-wrap {
    margin:0 0 70px;
    width:100%;
    display:flex;
  }
  .s2__info-wrap--bottom {
    margin:0;
    width:100%;
  }
  .s2__body {
    padding:25px 0 0 37px;
    width:50%;
  }
  .s2__body--bottom {
    padding:0;
    width:100%;
  }
  .s2__body-img {width:50%;}
  .s2__body-img--bottom {
    padding:15px 0 0 84px;
    width:100%;
  }
  .s2__i1 {
    margin:-20px 0 0 130px;
    width:360px;
  }
  .s2__i2 {
    margin:5px auto 23px;
    width:330px;
  }
  .s2__txt,
  .s2__txt-link {
    margin:0 0 30px;
    font-size:20px;
    line-height:30px;
    text-align:left;
  }
  .s2__txt {
    line-height:36px;
    text-align:center;
  }
  .s2__txt-link a:hover {
    color:#dd92a3;
    text-decoration:underline;
  }
  .s2 h2 img,
  .s2__i1 img {width:100%;}
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s2 {
    margin:0 auto;
    padding:0 0 45px;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s2 h2 {
    margin:0 auto;
    padding:6.75% 0 1.4%;
    width:29.25%;
  }
  .s2__prof-headtxt {
    margin:0 auto 2.9%;
    font-size:1.35vw;
    line-height:1.35vw;
    text-align:center;
  }
  .s2__txt-center {
    margin:0 auto 10.2%;
    font-size:1.35vw;
    line-height:1.35vw;
    text-align:center;
  }
  .s2__info-wrap {
    margin:0 0 7.5%;
    width:100%;
    display:flex;
  }
  .s2__info-wrap--bottom {
    margin:0;
    width:100%;
  }
  .s2__body {
    padding:0 0 0 4%;
    width:50%;
  }
  .s2__body--bottom {
    padding:0;
    width:100%;
  }
  .s2__body-img {width:50%;}
  .s2__body-img--bottom {
    padding:1.4% 0 0 8.5%;
    width:45%;
  }
  .s2__i1 {
    margin:-6.8% 0 0 24.8%;
    width:73%;
  }
  .s2__i2 {
    margin:0 auto 3%;
    width:34%;
  }
  .s2__txt,
  .s2__txt-link {
    margin:0 0 6%;
    font-size:1.39vw;
    line-height:2.25vw;
    text-align:left;
  }
  .s2__txt {
    margin:0 0 3%;
    line-height:2.5vw;
    text-align:center;
  }
  .s2__txt-link a:hover {
    color:#dd92a3;
    text-decoration:underline;
  }
  .s2 h2 img,
  .s2__i1 img {width:100%;}
  @media all and (min-width: 701px)and (max-width: 1000px) {
    .s2__prof-headtxt,
    .s2__txt-center {
      font-size:1.35rem;
      line-height:1.35rem;
    }
    .s2__txt,
    .s2__txt-link {
      font-size:1.39rem;
      line-height:2.3rem;
    }
    .s2__txt {
      line-height:2.5rem;
    }
  }
}
@media screen and (max-width: 700px) {
  .s2 {
    margin:0 auto;
    padding:0 0 8vw;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s2 h2 {
    margin:0 auto;
    padding:10vw 0 2vw;
    width:41.07vw;
  }
  .s2__prof-headtxt {
    margin:0 auto 4.5vw;
    font-size:4.8vw;
    line-height:8vw;
    text-align:center;
  }
  .s2__txt-center {
    margin:0 auto 7vw;
    font-size:4.8vw;
    line-height:9vw;
    text-align:center;
  }
  .s2__info-wrap {
    margin:0 0 10vw;
    width:100%;
  }
  .s2__info-wrap--flexend {
    width:100%;
  }
  .s2__body {
    padding:0 0 3vw;
    width:100%;
  }
  .s2__body--bottom {
    padding:0;
    width:100%;
  }
  .s2__body-img {width:100%;}
  .s2__body-img--bottom {
    margin:-6vw auto 0;
    width:60%;
  }
  .s2__i1 {
    margin:0 auto;
    width:100%;
  }
  .s2__i2 {
    margin:0 auto 10vw;
    width:65vw;
  }
  .s2__i3 {
    width:58vw;
  }
  .s2__txt-link {
    margin:0 0 8vw;
    font-size:4.8vw;
    line-height:9vw;
    text-align:center;
  }
  .s2__txt {
    margin:0 0 8vw;
    padding:0 7vw;
    font-size:5vw;
    line-height:10vw;
    text-align:justify;
  }
  .s2 h2 img,
  .s2__i1 img,
  .s2__i2 img,
  .s2__i3 img {width:100%;}
}
.s2 {
  background:#000;
  font-family: "Ryumin Medium KL", "HiraMinProN W3" , "Hiragino Mincho Pro" , "Yu Mincho" , serif;
  color:#FFF;
}
.s2__txt-link a {
  color:#dd92a3;
  text-decoration:none;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 0);
  transition: 3s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


/* section__3 area */
.s3 h2 {
  position:relative;
}
.s3__o1,
.s3__o2,
.s3__o3 {
  position:absolute;
}
.s3__o1 img,
.s3__o2 img,
.s3__o3 img {
  width:100%;
}
.s3__o1,
.s3__o3 {animation: yline 3s  ease-in-out infinite alternate-reverse;}
/* .s3__o2 {animation: xline 2s  ease-in-out infinite alternate-reverse;} */
@media screen and (min-width: 1441px) {
  .s3 {
    margin:0 auto;
    padding:0;
    max-width:1000px;
    font-size:0;
    line-height:0;
  }
  .s3__o1 {
    width:calc(392px / 2);
    bottom:-22px;
    left:12px;
  }
  .s3__o2 {
    width:calc(260px / 2);
    top: 23px;
    left: 45%;
  }
  .s3__o3 {
    width:calc(440px / 2);
    top:19px;
    right:10px;
  }
  .s3__lineup {
    padding:65px 58px;
    width:100%;
    background:#efd8e7;
  }
  .s3__detail-wrap {
    margin:0 0 58px;
    width:100%;
    display:flex;
  }
  .s3__detail-wrap--last {
    width:100%;
    display:flex;
  }
  .s3__slider {
    margin:0 28px 0 0;
    width:500px;
    background:#FFF;
    position:relative;
    cursor:pointer;
  }
  .s3__detail {
    width:calc(100% - 500px - 28px);
  }
  .s3__slider div:nth-child(3) {
    width: 500px;
    height:366px;
    border:2px solid #e52d8a;
    display: block;
    position:relative;
    overflow:hidden;
  }
  .s3__slider div:nth-child(3) picture {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .4s ease-in-out;
    z-index:301;
  }
  .s3__slider div:nth-child(3) picture:nth-of-type(2) {
    top: 150%;
  }
  .item__icon {
    width: 145px;
    height:182.5px;
    position:absolute;
    top: 52%;
    right:10%;
    transform: translateY(-50%);
    z-index:300;
  }
  .item__icon3 {
    width: 145px;
    height:182.5px;
    position:absolute;
    top: 52%;
    right:10%;
    transform: translateY(-50%);
    z-index:300;
  }
  .item__point {
    width: 120px;
    height:120px;
    position:absolute;
    top:-8%;
    right:-6.8%;
    z-index:302;
  }
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s3 {
    margin:0 auto;
    padding:0;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s3__o1 {
    width:19.6%;
    bottom:-3%;
    left:4%;
  }
  .s3__o2 {
    width:13%;
    top: 5%;
    left: 45%;
  }
  .s3__o3 {
    width:22%;
    top:5%;
    right:2%;
  }
  .s3__lineup {
    padding:6.5% 5.8%;
    width:100%;
    background:#efd8e7;
  }
  .s3__detail-wrap {
    margin:0 0 5.8%;
    width:100%;
    display:flex;
  }
  .s3__detail-wrap--last {
    width:100%;
    display:flex;
  }
  .s3__slider {
    margin:0 2.6% 0 0;
    width:56.3%;
    background:#FFF;
    position:relative;
    cursor:pointer;
  }
  .s3__detail {
    width:calc(100% - 56.34% - 2.6%);
  }
  .s3__slider div:nth-child(3) {
    width: 100%;
    height:100%;
    border:2px solid #e52d8a;
    display: block;
    position:relative;
    overflow:hidden;
  }
  .s3__slider div:nth-child(3) picture {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .4s ease-in-out;
    z-index:301;
  }
  .s3__slider div:nth-child(3) picture:nth-of-type(2) {
    top: 150%;
  }
  .item__icon,
  .item__icon3 {
    width: 29%;
    height:36.5%;
    position:absolute;
    top: 46%;
    right:10%;
    transform: translateY(-50%);
    z-index:300;
  }
  .item__icon3 {
    width: 27%;
    height: 36.5%;
    position: absolute;
    top: 46%;
    right: 10%;
    transform: translateY(-50%);
    z-index: 300;
  }
  .item__point {
    width: 24%;
    height:24%;
    position:absolute;
    top:-8%;
    right:-6.8%;
    z-index:302;
  }
}
@media screen and (max-width: 700px) {
  .s3 {
    margin:0 auto;
    padding:0;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s3__o1 {
    width: 27vw;
    bottom: 1.7vw;
    left: -4.5vw;
  }
  .s3__o2 {
    width: 17vw;
    top: 6.9vw;
    left: 44vw;
  }
  .s3__o3 {
    width: 29vw;
    top: -3.2vw;
    right: 1vw;
  }
  .s3__lineup {
    padding:0;
    width:100%;
    background:#efd8e7;
  }
  .s3__detail-wrap {
    margin:0 auto;
    padding:0 4vw;
    width:100%;
    border-bottom:3vw solid #f2c9de;
  }
  .s3__detail-wrap--last {
    margin:0 auto;
    padding:0 4vw;
    width:100%;
  }
  .s3__slider {
    padding:4vw 0 0 0;
    width:100%;
    position:relative;
  }
  .s3__detail {
    padding:1vw 0 4vw;
    width:100%;
  }
  .s3__slider div:nth-child(3) {
    width: 100%;
    height:80vw;
    background:#FFF;
    border:2px solid #e52d8a;
    display: block;
    position:relative;
    overflow:hidden;
  }
  .s3__slider div:nth-child(3) picture {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .4s ease-in-out;
    z-index:301;
  }
  .s3__slider div:nth-child(3) picture:nth-of-type(2) {
    top: 150%;
  }
  .slide {
    top: 50%!important;
  }
  .sOff {
    opacity:0;
  }
  .item__icon {
    width: 32.5%;
    height:45.5%;
    position:absolute;
    top: 58%;
    right:5%;
    transform: translateY(-50%);
    z-index:300;
  }
  .item__icon3 {
    width: 32.5%;
    height:45.5%;
    position:absolute;
    top: 58%;
    right:2.5%;
    transform: translateY(-50%);
    z-index:300;
  }
  .item__point {
    width: 21%;
    height:21%;
    position:absolute;
    top:1.5vw;
    right:-3vw;
    z-index:302;
  }
}


/* section__4 area */
.s4 {
  margin:0 auto;
  padding:0;
  max-width:1000px;
  font-size:0;
  line-height:0;
}
.s4__body {
  margin:0 auto;
  width:100%;
  font-size:0;
  line-height:0;
}
.s4 h2 {
  position:relative;
}
.s4__o1,
.s4__o2,
.s4__o3,
.s4__o4,
.s4__o5,
.s4__o6 {
  position:absolute;
}
.s4__o1 img,
.s4__o2 img,
.s4__o3 img,
.s4__o4 img,
.s4__o5 img,
.s4__o6 img {
  width:100%;
}
.s4__o1 {
  width:calc(660px / 2);
  bottom:-50px;
  left:19px;
}
.s4__o2 {
  width:calc(173px / 2);
  top: 28px;
  left: 63%;
/*   left: 65.5%; */
}
.s4__o3 {
  width:calc(560px / 2);
  top:22px;
  right:1px;
}
.s4__o4 {
  width:calc(410px / 2);
  bottom:-100px;
  right:132px;
}
.s4__o5 {
  width:calc(279px / 2);
  top: 447px;
  left: 10.9%;
}
.s4__o6 {
  width:calc(305px / 2);
  top:593px;
  right:74px;
}
.s4__o1 {animation: yline 3.5s  ease-in-out infinite alternate-reverse;}
.s4__o3 {animation: xline 3s  ease-in-out infinite alternate-reverse;}
.s4__o2 {animation: yline 1.5s  ease-in-out infinite alternate-reverse;}
/* .s4__o4 {animation: xline 2s  ease-in-out infinite alternate-reverse;}
.s4__o5 {animation: yline 2s  ease-in-out infinite alternate-reverse;}
.s4__o6 {animation: yline 3s  ease-in-out infinite alternate-reverse;} */
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s4__o1 {
    width: 33%;
    bottom: -16.5%;
    left: 1.8%;
  }
  .s4__o2 {
    width: 9%;
    top: 8%;
    left: 63%;
  }
  .s4__o3 {
    width: 28.5%;
    top: 7%;
    right: 0%;
  }
  .s4__o4 {
    width: 21%;
    bottom: -35%;
    right: 13%;
  }
  .s4__o5 {
    width: 14%;
    top: 149%;
    left: 10.9%;
  }
  .s4__o6 {
    width: 15.5%;
    top: 197%;
    right: 7%;
  }
}
@media screen and (max-width: 700px) {
  .s4__o1 {
    width: 35vw;
    bottom: 0.5vw;
    left: -3.2vw;
  }
  .s4__o2 {
    width: 10vw;
    top: 4vw;
    left: 60.5vw;
  }
  .s4__o3 {
    width: 30.5vw;
    top: -2vw;
    right: -2vw;
  }
  .s4__o4 {
    width: 21vw;
    bottom: -6vw;
    right: 8vw;
  }
  .s4__o5 {
    width: 15vw;
    top: 57vw;
    left: 11vw;
  }
  .s4__o6 {
    width: 16.8vw;
    top: 78vw;
    right: 2vw;
  }
}


/* section__5 area */
.s5 {
  margin:0 auto;
  padding:0;
  max-width:1000px;
  font-size:0;
  line-height:0;
}
.s5__body {
  margin:0 auto;
  width:100%;
  font-size:0;
  line-height:0;
}
.s5 h2 {
  position:relative;
}
.s5__o1,
.s5__o2,
.s5__o3,
.s5__o4,
.s5__o5 {
  position:absolute;
}
.s5__o1 img,
.s5__o2 img,
.s5__o3 img,
.s5__o4 img,
.s5__o5 img {
  width:100%;
}
.s5__o1 {
  width:calc(590px / 2);
  top:-3px;
  left:31px;
}
.s5__o2 {
  width:calc(189px / 2);
  top: 8px;
  left: 45%;
}
.s5__o3 {
  width:calc(406px / 2);
  top:-73px;
  right:153px;
}
.s5__o4 {
  width:calc(220px / 2);
  bottom:-38px;
  left:41px;
}
.s5__o5 {
  width:calc(318px / 2);
  top:791px;
  left:156px;
}
.s5__o1 {animation: yline 2s ease-in-out infinite alternate-reverse;}
.s5__o3 {animation: xline 2s ease-in-out infinite alternate-reverse;}
/* .s5__o2, */
.s5__o4 {animation: yline 2.5s ease-in-out infinite alternate-reverse;}
/* .s5__o5 {animation: xline 4s ease-in-out infinite alternate-reverse;} */
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s5__o1 {
    width: 29.5%;
    top: -1.5%;
    left: 3%;
  }
  .s5__o2 {
    width: 9.5%;
    top: 3.5%;
    left: 45%;
  }
  .s5__o3 {
    width: 20.5%;
    top: -23%;
    right: 15%;
  }
  .s5__o4 {
    width: 11%;
    bottom: -12%;
    left: 4%;
  }
  .s5__o5 {
    width: 16%;
    top: 263%;
    left: 15.5%;
  }
}
@media screen and (max-width: 700px) {
  .s5__o1 {
    width: 34vw;
    top: -2.1vw;
    left: -3.2vw;
  }
  .s5__o2 {
    width: 12vw;
    top: 2vw;
    left: 44.5vw;
  }
  .s5__o3 {
    width: 23.5vw;
    top: -9.5vw;
    right: 5vw;
  }
  .s5__o4 {
    width: 14.5vw;
    bottom: -4.4vw;
    left: 16vw;
  }
  .s5__o5 {
    width: 22.5vw;
    top: 149vw;
    left: 4vw;
  }
}


/* section__6 area */
@media screen and (min-width: 1441px) {
  .s6 {
    margin:0 auto;
    padding:0;
    width:1000px;
    height:750px;
    font-size:0;
    line-height:0;
    background:#000;
    position:relative;
  }
  .s6__foundation,
  .s6__lv1 {
    width:100%;
  }
  .s6__dummy,
  .s6__movie-frame {
    width:736px;
    height:413px;
    position:absolute;
    top:197px;
    left: 50%;
    transform: translateX(-50%);
  }
  .s6__dummy {
    cursor:pointer;
  }
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s6 {
    margin:0 auto;
    padding:0;
    width:100%;
    font-size:0;
    line-height:0;
    background:#000;
    position:relative;
  }
  .s6__foundation,
  .s6__lv1 {
    width:100%;
  }
  .s6__dummy,
  .s6__movie-frame {
    width:73.6%;
    height:55.5%;
    position:absolute;
    top:25.6%;
    left: 50%;
    transform: translateX(-50%);
  }
  .s6__dummy {
    cursor:pointer;
  }
}
@media screen and (max-width: 700px) {
  .s6 {
    margin:0 auto;
    padding:0;
    width:100%;
    height:78vw;
    font-size:0;
    line-height:0;
    background:#000;
    position:relative;
  }
  .s6__foundation,
  .s6__lv1 {
    width:100%;
  }
  .s6__dummy,
  .s6__movie-frame {
    width: 81.6vw;
    height: 46vw;
    position: absolute;
    top: 20vw;
    left: 49.2%;
    transform: translateX(-50%);
  }
}
.s6__lv1 {
  position:absolute;
  top:0;
  left:0;
  z-index:215;
}
.s6__dummy {
  z-index:225;
}
.s6__movie-frame {
  z-index:205;
}


/* section__7 area */
.s7 {
  margin:0 auto;
  padding:0;
  width:100%;
  font-size:0;
  line-height:0;
}
.s7__wrap {
  padding:58px 0;
  background-color:#f0cad1;
  background-image: url(../img/s4_bk_pc.png);
  background-repeat: repeat;
  background-size: 50%;
  background-position:top left;
}
.s7__body {
  margin:0 auto;
  padding:60px 40px;
  max-width:880px;
  background:#FFF;
  border-radius:42px;
}
.s7__body-title {
  margin:0 auto 50px;
  width:800px;
}
.s7__body-feat {
  width:100%;
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s7 {
    margin:0 auto;
    padding:0;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s7__wrap {
    padding:5.8% 0;
    background-color:#f0cad1;
    background-image: url(../img/s4_bk_pc.png);
    background-repeat: repeat;
    background-size: 50%;
    background-position:top left;
  }
  .s7__body {
    margin:0 auto;
    padding:6% 4%;
    width:88%;
    background:#FFF;
    border-radius:42px;
  }
  .s7__body-title {
    margin:0 auto 6%;
    width:100%;
  }
  .s7__body-feat {
    width:100%;
  }
}
@media screen and (max-width: 700px) {
  .s7 {
    margin:0 auto;
    padding:0;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s7__wrap {
    padding:8vw 0;
    background-color:#f0cad1;
    background-image: url(../img/s4_bk_sp.png);
    background-repeat: repeat;
    background-size: 100%;
    background-position:top left;
  }
  .s7__body {
    margin:0 auto;
    padding:8vw 5vw;
    width:84vw;
    background:#FFF;
    border-radius:2.5vw;
  }
  .s7__body-title {
    margin:0 auto 4vw;
    width:100%;
  }
  .s7__body-feat {
    width:100%;
  }
}


/* section__8 area */
.s8 {
  margin:0 auto;
  padding:0;
  max-width:1000px;
}
.s8__maintitle {
  margin:60px auto 45px;
  width:100%;
}
.s8__select-item {
  margin:0 auto 45px;
  width:100%;
}
.s8__link,
.s8__acdion {
  margin:0 auto 80px;
  width:880px;
}
@media all and (min-width: 701px)and (max-width: 1440px) {
  .s8 {
    margin:0 auto;
    padding:0;
    width:100%;
  }
  .s8__mainTitle {
    margin:6% auto 4.5%;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s8__select-item {
    margin:0 auto 4.5%;
    width:100%;
    font-size:0;
    line-height:0;
  }
  .s8__link,
  .s8__acdion {
    margin:0 auto 8%;
    width:88%;
    font-size:0;
    line-height:0;
  }
}
@media screen and (max-width: 700px) {
  .s8 {
    margin:0 auto;
    padding:0;
    width:100%;
  }
  .s8__mainTitle {
    margin:12vw 0 8vw;
    width:100%;
  }
  .s8__acdion {
    margin:0 auto 8vw;
    width:82.9%;
  }
  .s8__select-item {
    margin:0 0 8vw;
    width:100%;
  }
  .s8__link {
    margin:0 auto 40px;
    width:82.9%;
  }
}
/*=======================================================
	ナチュラ
=======================================================*/
#footer-area{
  margin-top: 100px;
}
.btm_nav{
  margin: 50px 0 0;
  padding: 0 20px 20px;
  border-top: 1px solid #d8317a;
  text-align: center;
}
.btm_nav__ttl{
  margin: -12px 0 15px;
  font-size: 1.5rem;
}
.btm_nav__ttl2{
  color: #454545;
}
.btm_nav__ttl span{
  padding: 0 15px;
  display: inline-block;
  background-color: #fff;
  color: #d8317a;
}
.btm_nav__ttl span a{
  color: #d8317a;
  text-decoration: none;
}
.natura_index{
  margin: 15px 0 20px;
}
.natura_index li{
  margin: 0 0 10px;
}
.natura_index.item3 li{
  margin: 0 0 10px;
}
.natura_index.item2 li{
  margin: 0 0 10px;
}
.natura_index li a {
  padding:20px;
  display: block;
  background: url(../img/arrow-pink.png) no-repeat 95% center;
  background-color: #fbe4e9;
  color: #424242;
  text-decoration: none;
}
.natura_index li.current a {
  background: url(../img/arrow-w.png) no-repeat 95% center;
  background-color: #fbc6d1;
}
.natura_index li a:hover{
  opacity: 0.8;
}
.btm_nav__lead{
  text-align: center;
}
@media all and (min-width: 701px) {
  .natura_index{
    margin: 15px 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .natura_index li{
    margin: 0;
    width: 24%;
  }
  .natura_index li a {
    padding:37px 20px;
  }
  .natura_index.item3 li{
    margin: 0 0 20px;
    width: 32%;
  }
  .natura_index.item2 li{
    margin: 0 0 20px;
    width: 48%;
  }
  .ttl-lead{
    display: none;
  }
  .selfcheck__wrap{
    margin: 0 -50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .selfcheck__wrap > div{
    margin: 0 0 15px;
    padding: 0 30px;
    box-sizing: border-box;
    width: 33%;
    border-right: 1px dotted #353535;
  }
  .check-cont{
    margin: 30px 0 50px;
    padding: 30px 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
  }
  .check__txt{
    padding-left: 20px;
    flex: 1;
  }
  .natura_index li a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.2em;
  }
}
@media screen and (max-width: 700px) {
  .ttl-lead{
    display: block;
    text-align: center;
  }
}