@charset "utf-8";

/* ----------------------------- splash ------------------------------- */
#splash { position: fixed; z-index: 999; width: 100%; height: 100%; background: #8fc33d; text-align:center; color: #fff; }
#splash_text .star{ animation: star 3s ease 0s normal; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; display: block; }
#splash_text .item01{ animation: splash 1s ease 0s infinite normal; position: fixed; right: 13%; width: clamp(120px,20%,350px); height: auto; display: block; }
#splash_text .item02{ animation: splash2 1s ease 0s infinite normal; position: fixed; left: 13%; width: clamp(120px,20%,400px); height: auto; display: block; }
.progressbar-text{ top: 50%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Regular',sans-serif,serif; }


@keyframes star{
	0%{ width: 10%; }
	5%{ width: 10%; }
	100%{ width: 400%; }
}
@-webkit-keyframes star{
	0%{ width: 10%; }
	10%{ width: 10%; }
	100%{ width: 400%; }
}

@keyframes splash{
	0%{ top: 32vh; }
	50%{ top: 30vh; }
	100%{ top: 32vh; }
}
@-webkit-keyframes splash{
	0%{ top: 32vh; }
	50%{ top: 30vh; }
	100%{ top: 32vh; }
}

@keyframes splash2{
	0%{ top: 19vh; }
	50%{ top: 21vh; }
	100%{ top: 19vh; }
}
@-webkit-keyframes splash2{
	0%{ top: 19vh; }
	50%{ top: 21vh; }
	100%{ top: 19vh; }
}


/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	#splash_text .star{ top: 45%; animation-direction: 1s; }
	.progressbar-text{ top: 55%; }

	@keyframes splash{
		0%{ top: initial; bottom: 10vh; }
		50%{ top: initial; bottom: 15vh; }
		100%{ top: initial; bottom: 10vh; }
	}
	@-webkit-keyframes splash{
		0%{ top: 62vh; }
		50%{ top: 60vh; }
		100%{ top: 62vh; }
	}
	
	@keyframes splash2{
		0%{ top: 9vh; }
		50%{ top: 11vh; }
		100%{ top: 9vh; }
	}
	@-webkit-keyframes splash2{
		0%{ top: 9vh; }
		50%{ top: 11vh; }
		100%{ top: 9vh; }
	}
	
}



/*------------------------共通-------------------------*/
h3{text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em;font-family: 'NotoSansJP-Medium'; }
h3 img{display: inline-block; padding: 0px 0px 6px; position: relative; z-index: 1;}
.min_inner{width: 900px; margin: 0 auto;}
.fv_slick{display: flex;}

/*------------------------#fv-------------------------*/
#fv{width: 100%; background: #fee741 url(../image/index/bg_10.png?=240712) repeat-x center top;background-size: auto; position: relative;}
#fv .fv_slick_bottom{position: absolute; bottom: 0px;  right: 0px; left: 0px; z-index: 2;}
#fv .fv_slick_bottom .img{width: 1047px; height: auto;}
#fv .fv_box{background: url(../image/index/fv.png?=240712) no-repeat center top; background-size: 1960px; position: relative; z-index: 1;}
/* #fv .fv_box .fv_bg{background: url(../image/index/bg_12.png?=240712) repeat-x center bottom; background-size: auto; } */
#fv .fv_box h2{ padding: 234px 0 380px; width: 950px; margin: 0 auto;}
#fv .fv_box h2 img{display: inline-block; position: relative;  z-index: 1; }
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#fv .fv_box h2 img.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}




#fv .fv_box .fv_bg_two{position: relative; max-width: 1600px; margin: 0 auto;}
#fv .fv_box .star_1{ position: absolute; bottom: 43.3%; left: 28.4%;}
#fv .fv_box .star_2{position: absolute; top: 23%; right: 28.85%;}
#fv .fv_box .star_3{position: absolute; top: 26.5%; right: 35%;}
#fv .fv_box .star_4{ position: absolute; top: 48.05%; right: 31%;}
#fv .fv_box .star_5{position: absolute; top: 51.05%; left: 3.4%;}
#fv .fv_box .star_6{position: absolute; top: 8%; left: 34.4%;}
#fv .fv_box .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}
/*------------------------line_box-------------------------*/
.line_box{padding: 114px 0 0; text-align: center;}
.line_box a{display: inline-block; margin: 30px 0 0;}
.line_box .line_box_twe{overflow: hidden;}
.line_box .line_box_twe p.tt_box{font-size: 24px; text-align: center; font-weight: 500; line-height: 233%;letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium'; font-feature-settings: "palt"; padding: 0 0 50px;}
.line_box .line_box_twe .title{text-align: center;}
.line_box .line_box_twe h3{display: inline-block; padding: 0 24px; font-size: 44px; font-weight: 500; font-family: 'NotoSansJP-Bold'; line-height: 150%; margin: 0 0 20px; /* background: linear-gradient(transparent 60%, #fee741 60%); */}
.line_box .line_box_twe ul{display: flex; flex-wrap: wrap;align-items: center}
.line_box .line_box_twe ul li{ width: 513px; height: auto; display: flex; align-items: center; margin-bottom: 30px;}
.line_box .line_box_twe ul li:nth-child(odd){margin-right: 5%;}
.line_box .line_box_twe ul li p{font-size: 26px; font-weight: 500;line-height: 192%;letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium'; font-feature-settings: "palt"; text-align: left;}
.line_box .line_box_twe ul li img{margin: 0 21px 0 0;}

.line_box .line_box_twe .img_box{position: relative;}
.line_box .line_box_twe .img_box .bg_15{position:relative; padding: 817px 0 0;}
.line_box .line_box_twe .img_box .bg_15 .img_22{position: absolute; top: 0px; left: 25px; z-index: 2;}
.line_box .line_box_twe .img_box .bg_15 .img_23{position: absolute; top: 0px; right: 83px; z-index: 1;}
.line_box .line_box_twe .img_box .bg_15 .img_24{position: absolute; bottom: 52px; left: 159px;}
.line_box .line_box_twe .img_box .bg_15 .img_25{position: absolute; bottom: 0px; right: 0px; z-index: 2;}


.line_box .line_box_twe .img_box .star_1{ top: 11.7%; right: 0%;}
.line_box .line_box_twe .img_box .star_2{ bottom: 11.5%; right: 40%;}
.line_box .line_box_twe .img_box .star_3{ top: 0%; left: -1%;}
.line_box .line_box_twe .img_box .star_4{ bottom: 40%; left: 9%;}
.line_box .line_box_twe .img_box .star_5{ top: 49%; left: -6%;}
.line_box .line_box_twe .img_box .star_6{ top: 42.8%; right: 11%;}

.line_box .line_box_twe .star{animation: sample 2s linear infinite; transform: rotate(20deg); position: absolute;}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

.c-marker {
    background: -webkit-linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
    background: linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
	  background-repeat: no-repeat;
	  background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .5em;
}


/*------------------------#campaion-------------------------*/
#campaion{position: relative; padding: 30px 0 0;}
#campaion .biglogo{position: relative; text-align: center; overflow: hidden; }
#campaion .biglogo .logo_box{background: #fff6e3; position: relative;z-index: 1; }


#campaion .biglogo .logo_img{background: url(../image/index/big_logo_3.png?=240712) no-repeat center top; background-size: cover; } 
@keyframes logo_box__backInDown {
  0% {
    -webkit-transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translate3d(50%, 0px, 0px) scale(0.7);
    transform: translate3d(-50%, 0px, 0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
#campaion .biglogo .logo_img.logo_box__backInDown {
  -webkit-animation-name: backInDown;  animation-name: backInDown;}

#campaion .biglogo .logo_img .logo_15{width: 48%; height: auto; margin: 0 auto; padding: 3% 0 10%;}

#campaion .biglogo .character_box{position: relative;text-align: center; }
#campaion .biglogo .character_box .logo.animate__bounceInDown{ position: absolute; top: 19%; left: 47%; transform: translate3d(-49%, -19%, 0) scaleY(1); -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1); -webkit-animation-name: bounceInDown_2; animation-name: bounceInDown_2; display: block;}
@keyframes bounceInDown_2 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-47%, -3000px, 0) scaleY(1);
    transform: translate3d(-47%, -3000px, 0) scaleY(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-47%, 20%, 0) scaleY(0.1);
    transform: translate3d(-47%, 20%, 0) scaleY(0.1);
  }
  

  100% {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }

  to {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }
}


#campaion .biglogo .character_box .img_21{ width: 100%; height: auto; display: inline-block; max-width: 966px;}
#campaion .big_logo{width: 100%; height: auto; }
#campaion .campaion_bg{background: #fff2f8 url(../image/index/bg_22.jpg?=240712) no-repeat center top; background-size: auto; padding: 95px 0 112px;}
#campaion .campaion_bg h3{ font-size: 20px; font-family: 'NotoSansJP-Medium';}
#campaion .campaion_bg h3 .logostar{ position: relative; width: 495px; margin: 0 auto;}
#campaion .campaion_bg h3 .logostar:before,
#campaion .campaion_bg h3 .logostar:after{ content: ''; display: block; position: absolute;}
#campaion .campaion_bg h3 .logostar:before{ top: -30px; left: -89px; width: 62px; height: 96px; background: url(../image/index/logo_2.png_l.png?=240712) no-repeat center / 100%;}
#campaion .campaion_bg h3 .logostar:after{ top: -37px; right: -103px; width: 55px; height: 97px; background: url(../image/index/logo_2.png_r.png?=240712) no-repeat center / 100%;}

#campaion .campaion_bg h3 p{ font-size: 22px; line-height: 200%;}
#campaion .img_box{width: auto; height: auto; margin: 0px auto; padding: 50px 0 0 ; line-height: 160%; position: relative;text-align: center;}
#campaion .img_box .img_twe{position: relative; display: flex; justify-content: space-between; margin-bottom: 95px;}
#campaion .img_box .img_twe .chara{ width: 30%;}
#campaion .img_box .img_twe .chara p{ font-size: 18px; text-align: left;}
#campaion .img_box .img_twe .chara p rt{ font-size: 10px; margin-bottom: -4px;}
#campaion .img_box .main_img{display: inline-block;}
#campaion .img_box .logo_1{position: absolute; z-index: 1; top: 50px; right: 23px;}
#campaion .img_box .logo_2{position: absolute; z-index: 1; bottom: 14px; left: 0px;}
#campaion .img_box p{font-size: 22px;font-family: 'NotoSansJP-Medium'; padding: 30px 0 0;letter-spacing: 0.05em; font-feature-settings: "palt"; line-height: 180%;}

#campaion .youtube{ position: relative; width: 820px; margin: 0 auto;}
#campaion .youtube:before,
#campaion .youtube:after{ content: ''; display: block; position: absolute;}
#campaion .youtube:before{ top:248px; left: -144px; width: 92px; height: 81px; background: url(../image/index/img_40.png?=240712) no-repeat center / 100%;}
#campaion .youtube:after{ top:123px; right: -184px; width: 109px; height: 144px; background: url(../image/index/img_41.png?=240712) no-repeat center / 100%;}
#campaion .youtube .youtube_warpper{ position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden;}
#campaion .youtube .youtube_warpper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#campaion .tt_box{padding: 32px 0 0;}
#campaion .tt_box h4{font-family: 'NotoSansJP-Medium'; text-align: center;  font-size: 30px;letter-spacing: 0.02em;}
#campaion .tt_box h4 span{display: inline-block;line-height: 187%;letter-spacing: 0.05em; font-feature-settings: "palt"; text-align: center;}
#campaion .tt_box h4 #title_one{width: auto;}
#campaion .tt_box h4 #title_twe{width: auto;}

#campaion .box .imgbox{}
#campaion .box .imgbox .box_top{display: flex;justify-content: center;padding: 0 0 67px; position: relative;}
#campaion .box .imgbox h4{text-align: center; font-size: 26px; font-family: 'NotoSansJP-Medium'; line-height: 180%;letter-spacing: 0.05em; font-feature-settings: "palt";}
#campaion .box .imgbox h4 span{font-size: 30px; display: inline-block; font-family: 'NotoSansJP-Medium';letter-spacing: 0.05em; font-feature-settings: "palt";}
#campaion .box .imgbox .box_top .img_15{margin-right: 6%;}
#campaion .box .imgbox.list{ padding-top: 125px;}
#campaion .box .imgbox.list .box_top:before,
#campaion .box .imgbox.list .box_top:after{ content: ''; display: block; position: absolute;}
#campaion .box .imgbox.list .box_top:before{ top:319px; left: -169px; width: 118px; height: 159px; background: url(../image/index/img_42.png?=240712) no-repeat center / 100%;}
#campaion .box .imgbox.list .box_top:after{ top:108px; right: -252px; width: 242px; height: 473px; background: url(../image/index/img_43.png?=240712) no-repeat center / 100%;}



#campaion .box .imgbox .box_bottom{width: 900px; height: auto; position: relative; margin: 0 auto;}
#campaion .box .imgbox .box_bottom .img_17{margin: 0 0 0 35px; }
#campaion .box .imgbox .box_bottom .img_18{position: absolute; right: 0px; top: 14px; z-index: 1;}
#campaion .box .imgbox .box_bottom h4{padding: 28px 0 0;}
#campaion .box .imgbox .box_bottom h4 span{text-align: center; width: 100%; padding: 10px 0 0;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#campaion .tt_box h4.animate__fadeInUp,
#campaion .tt_box p.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
    
@keyframes effect {
  50% { border-color: transparent;}
}

#campaion .tt_box p{line-height: 225%;padding: 25px 0 0; letter-spacing: 0.01em; }

#campaion .box .imgbox .box_top .img_15 img{animation: img_1 3s  infinite;}
#campaion .box .imgbox .box_top .img_16 img{animation: img_2 3s  infinite;}
#campaion .box .imgbox .box_bottom .img_17 img{animation: img_3 3s  infinite; }
#campaion .box .imgbox .box_bottom .img_18 img{animation: img_4 3s  infinite; }

@keyframes img_1 {
    0% {transform: rotate(0deg);animation-delay: 10s;}
    15% {transform: rotate(0deg);}
    20% {transform: rotate(5deg);}
    25% {transform: rotate(0deg);}
    30% { transform: rotate(-5deg); }
    35% {transform: rotate(0deg);}
    40% {transform: rotate(5deg);}
    45% {transform: rotate(0deg);}
    50% {transform: rotate(-5deg);}
    55% {transform: rotate(0deg);}
    
    100% {transform: rotate(0deg);}
}

@keyframes img_2 {
    0% {transform: rotate(0deg);animation-delay: 10s;}
    
    30% {transform: rotate(0deg);}
    35% {transform: rotate(5deg);}
    40% { transform: rotate(0deg);}
    45% { transform: rotate(5deg);}
    50% {transform: rotate(0deg); }
    55% { transform: rotate(-5deg);}
    60% { transform: rotate(0deg);}
    65% {transform: rotate(-5deg);}
    70% { transform: rotate(0deg);}
    
    100% {transform: rotate(0deg);}
}
@keyframes img_3 {
	0% { transform: rotate(5deg); animation-delay: 10s; }
    
    5% { transform: rotate(0deg);}
    10% { transform: rotate(-5deg);}
    15% { transform: rotate(0deg);}
    20% { transform: rotate(5deg);}
    25% { transform: rotate(0deg);}
    30% { transform: rotate(-5deg);}
    35% { transform: rotate(0deg);}
    100% { transform: rotate(0deg);}
}

@keyframes img_4 {
    0% {transform: rotate(0deg);}
    
    20% {transform: rotate(0deg);}
    25% {transform: rotate(5deg);}
    30% {transform: rotate(0deg);}
    35% {transform: rotate(-5deg);}
    40% {transform: rotate(0deg);}
    45% {transform: rotate(5deg);}
    50% {transform: rotate(0deg);}
    55% {transform: rotate(-5deg);}
    60% {transform: rotate(0deg);}

    100% {transform: rotate(0deg);
    }
}

#campaion .show{ background: url(../image/index/bg_23.png?=240712) no-repeat center bottom / cover; text-align: center; padding: 107px 0 0;}
#campaion .show h4{ margin-bottom: 30px;}
#campaion .show .showimg{ position: relative;}
#campaion .show .showimg .balloon{ position: absolute; top: 0; left: calc(50% - 690px);}
#campaion .show .showimg p{ font-size: 18px; font-family: 'NotoSansJP-Medium'; padding-top: 20px;}
#campaion .show .fv_slick_top{ padding-top: 184px;}

/*------------------------renewal-------------------------*/
#renewal{background: url(../image/index/bg_2.jpg?=240712) no-repeat center -550px; background-size: 2944px; padding: 0 0 69px;}
#renewal h3{ background: url(../image/index/bg_1.png?=240712) no-repeat center center; background-size: auto; background-size: 928px; padding: 168px 0 40px; }
#renewal h3 span{ text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium';}
#renewal h3 img{padding: 0 0 20px;}
#renewal .youtube_box h3{font-size: 32px; line-height: 175%;letter-spacing: 0.05em; font-feature-settings: "palt"; padding: 0px 0 20px; }
#renewal .youtube{position: relative; padding: 42% 0 0; width: 820px; margin: 0 auto;}
#renewal .youtube iframe{position: absolute;top: 0px; left: 0px; right: 0px; height: 100%; width: 100%;}

#renewal .bg_box{padding: 78px 0 0; overflow: hidden; min-width: 1100px; max-width: 1600px; margin: 0 auto;}
#renewal .box{  position: relative;}
#renewal .box .inner_box{position: relative;}
#renewal .jungle_gym .inner_box{padding: 230px 0 314px; }
#renewal .slider .inner_box{padding: 21px 0 183px;}
#renewal .athletic .inner_box{padding:129px 0 142px;}
#renewal .attraction .inner_box{padding: 174px 0 152px;}

#renewal .jungle_gym img.playground{position: absolute; top: 0px; right:-208px; }
#renewal .slider img.playground{position: absolute; top: -252px; left: -178px;}
#renewal .athletic img.playground{position: absolute; top: -147px ;right: -239px;}
#renewal .attraction img.playground{position: absolute; top: -45px; left: -149px;}

#renewal .box .tt{position: relative; z-index: 1; }
#renewal .box .tt p{font-size: 22px; font-family: 'NotoSansJP-Medium'; line-height: 205%; letter-spacing: 0.05em; font-feature-settings: "palt"; width: 400px; padding: 23px 0 0;}
#renewal .box .tt h4{}

#renewal .jungle_gym .tt{ margin: 0 auto 0 37px; width: 533px; height: auto;}
#renewal .slider .tt{margin: 0 122px 0 auto; width: 470px; height: auto;}
#renewal .athletic .tt{ margin: 0 auto 0 14px; width: 470px; height: auto;}
#renewal .athletic .tt p{width: 420px;}

#renewal .attraction .tt{ margin: 0 65px 0 auto; width: 470px; height: auto;}

#renewal .jungle_gym .tt p{margin: 0 0 0 61px;}
#renewal .slider .tt p{margin: 0 0 0 62px;}
#renewal .athletic .tt p{margin: 0 0 0 23px;}
#renewal .attraction .tt p{margin: 0 0 0 19px;}
#renewal .line.special{margin: 37px auto 0;}

#renewal .title{position: relative;}
#renewal .title .star_1{ position: absolute; top: 57.6%; left: 0%;}
#renewal .title .star_2{ position: absolute; top: 71.25%; left: 19.3%;}
#renewal .title .star_3{ position: absolute; top: 44%; right: 33%; }
#renewal .title .star_4{ position: absolute; top: 67.8%; right: 16.3%;}
#renewal .title .star_5{ position: absolute; top: 44.3%; right: 7.7%;}
#renewal .title .star_6{ position: absolute; top: 44.4%; left: 31.6%;}
#renewal  .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

#renewal .bubblefountain{ position: relative; background: url(../image/index/bg_21.png?=240712) no-repeat center top / cover; padding: 71px 0 129px; text-align: center; overflow-x: hidden;}
#renewal .bubblefountain .bubble{ position: absolute; max-width: none;}
#renewal .bubblefountain .bubble_l{ top: 0; right: calc(50% + 343px);}
#renewal .bubblefountain .bubble_r{ top: -30px; left: calc(50% + 356px);}
#renewal .bubblefountain h4{ margin-bottom: 51px;}
#renewal .bubblefountain h5{ font-size: 46px; padding: 19px 0 41px; }
#renewal .bubblefountain p{ font-size: 22px; line-height: 200%; font-family: 'NotoSansJP-Medium'; letter-spacing: 0.1em;}




/*-------------- アニメーション --------------*/
fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#renewal .animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
#renewal .animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}


/*------------------------create-------------------------*/
#create{ background: #8fc33d ;position: relative; padding: 0 0 184px;}
#create h3 span{ text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium';}
#create .fv_slick_top{position: absolute; top: 0px; left: 0px; right: 0px; }
#create .fv_slick_top .img{width: 1254px; height: auto;}
#create .fv_slick_bottom{position: absolute; bottom: 0px; left: 0px; right: 0px;}
#create .fv_slick_bottom img{width: 1260px; height: auto;}

#create .create_bg{position: relative;z-index: 1;}
#create .create_bg .create_bg_twe{}
#create .create_bg .create_bg_twe .box{padding: 103px 0 524px; text-align: center; background: url(../image/index/bg_20.png?=240712) no-repeat center top -40px; background-size: auto; position: relative; width: 1100px;margin: 0 auto;}
#create .create_bg .create_bg_twe .box .img_26{position: absolute; top: 42px; left: -344px;}
#create .create_bg .create_bg_twe .box .img_27{position: absolute; top: 30px; right: -310px; }
#create .create_bg .create_bg_twe .box .img_28{position: absolute; bottom: 102px; left: -178px;z-index: 1;}
#create .create_bg .create_bg_twe .box .img_29{position: absolute; position: absolute; bottom: 81px;
    bottom: 119px;
    right: -154px;
 z-index: 1;}

#create .create_bg .create_bg_twe .box h3{color: #fff; line-height:200%}
#create .create_bg .create_bg_twe .box h3 img{padding: 0 0 33px;}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-250px) scale(0.7);
    transform: translateY(-250px) scale(0.7);
    opacity: 0.0;
  }

  1% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-250px) scale(0.7);
    transform: translateY(-250px) scale(0.7);
    opacity: 0.0;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
#create .create_bg .create_bg_twe .box h3 img.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

#create .create_bg .create_bg_twe .create_link_box{display: flex; flex-direction: column; padding: 0 0 57px;}
@keyframes link__bounceIn {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100px, 0) scaleY(1);
    transform: translate3d(0%, -100px, 0) scaleY(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 20%, 0) scaleY(0.5);
    transform: translate3d(0%, 20%, 0) scaleY(0.5);
  }
  

  100% {
    -webkit-transform: translate3d(0%, -0%, 0) scaleY(1);
    transform: translate3d(0%, -0%, 0) scaleY(1);
  }

  to {
    -webkit-transform: translate3d(0%, -0%, 0) scaleY(1);
    transform: translate3d(0%, -0%, 0) scaleY(1);
  }
}
#create .create_bg .create_bg_twe .create_link_box li.create_link.animate__bounceInDown {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: link__bounceIn; animation-name: link__bounceIn;
}


#create .create_bg .create_bg_twe .create_link_box li a{position: relative; display: block;}
#create .create_bg .create_bg_twe .create_link_box li:nth-child(1){margin-bottom: 44px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig{position: absolute; }
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_7{bottom: 10px; left: 5px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_8{bottom: 10px; left: 64px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_19{ bottom: 18px; right: 80px; animation: shake 2s infinite;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_20{bottom: -2px; right: 113px; animation: shake 2s infinite;}
#create .create_bg .create_bg_twe .link_box{background: url(../image/index/bg_17.png?=240712) no-repeat center bottom; background-size: 1150px; text-align: center; padding: 51px 0 118px;}

#create .create_bg .create_bg_twe .link_box .logo_img img{display: inline-block; padding: 0 0 70px;}
#create .create_bg .create_bg_twe .link_box .logo_img img.SP{display: none;}
#create .create_bg .create_bg_twe .link_box ul{display: flex; width: 830px; margin: 0 auto;}
#create .create_bg .create_bg_twe .link_box ul li:not(:last-child){margin: 0 3% 0 0;}


@keyframes shake {
    0% {
        transform: rotate(20deg) ;//時計回りに20度傾いた状態からスタート
        
    }
    50% {
        transform: rotate(-20deg);//反時計回りに20度まで回転
    }
    100% {
        transform: rotate(20deg);//時計回りに20度の位置まで回転
    }
}

#create .create_bg .create_bg_twe .create_bg_therr{max-width: 1784px; margin: 0 auto; position: relative;overflow: hidden;}

#create .create_bg .create_bg_twe .create_bg_therr .star_1{ position: absolute; top: 39.5%; left: 13.3%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_2{ position: absolute; top: 3%; right: 26.3%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_3{ position: absolute; top: 25.5%; right: 7.5%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_4{ position: absolute; top: 46.8%; right: 32.5%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_5{ position: absolute; top: 24.55%; left: 32%;}
#create  .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}
@media only screen and (max-width: 768px){

	/*------------------------共通-------------------------*/
	h3{ font-size: 14px; }
	h3 img{padding: 0px 0px 6px; width: 80%; height: auto;}
	.min_inner{width: 90%; }
	
	/*------------------------#fv-------------------------*/
	#fv{ background-size: 52px; }
	#fv .fv_slick_bottom .img{width: 523px; height: auto;}
	#fv .fv_box{background-size: cover;background: url(../image/index/fv_sp.png?=240712) no-repeat center bottom; background-size: cover;}
	#fv .fv_box .fv_bg{background-size: 52px; }
	#fv .fv_box h2{ padding: 54% 0 62%; width: 90%; height: auto; margin: 0 auto; }
	
	#fv .fv_box .star_1{ top: 54%; left: 19%; width: 3%; height: auto;}
	#fv .fv_box .star_2{ top: 34%; right: 13%; width: 3%;}
	#fv .fv_box .star_3{ top: 36.6%; right: 22.85%; width: 4%; height: auto;}
	#fv .fv_box .star_4{ top: 51%; right: 16.3%; width: 4%; height: auto;}
	#fv .fv_box .star_5{ top: 40.6%; left: 3.4%; width: 5%; height: auto;}
	#fv .fv_box .star_6{ top: 19%; left: 51.4%; width: 5%; height: auto;}

	/*------------------------line_box-------------------------*/
	.line_box{padding: 57px 0 56px; width: 100%; height: auto; margin: 0 auto; }
	.line_box a{ width: 60%; margin: 0 auto; display: block;}
	.line_box .line_box_twe p.tt_box{font-size: 16px;  padding: 0 0 25px;}
	.line_box .line_box_twe h3{padding: 0 10px; font-size: 20px; margin: 0 0 10px;}
	.line_box .line_box_twe ul{flex-direction: column; align-items: flex-start;padding: 0 0 30px; max-width: 330px; margin: 0 auto;}
	.line_box .line_box_twe ul li{ width: 100%;  margin-bottom: 10px;}
	.line_box .line_box_twe ul li:nth-child(odd){margin-right: 5%;}
	.line_box .line_box_twe ul li p{font-size: 16px;}
	.line_box .line_box_twe ul li img{margin: 0 10px 0 0; width: 20px; height: auto;}
	
	.line_box .line_box_twe .img_box .star_1{ top: 11.7%; right: 0%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_2{ bottom: 11.5%; right: 40%; width: 5%; height: auto;}
	.line_box .line_box_twe .img_box .star_3{ top: 0%; left: -1%; width: 5%; height: auto;}
	.line_box .line_box_twe .img_box .star_4{ bottom: 40%; left: 9%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_5{ top: 49%; left: -3%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_6{ top: 42.8%; right: 11%;width: 3%; height: auto; }
	
	
	.line_box .line_box_twe .img_box .bg_15{ padding: 75% 0 0;}
	.line_box .line_box_twe .img_box .bg_15 .img_22{ top: 0px; left: 0%; width: 43%;}
	.line_box .line_box_twe .img_box .bg_15 .img_23{ top: 0px; right: 5%; width: 60%;}
	.line_box .line_box_twe .img_box .bg_15 .img_24{ bottom: 4%; left: 14%; width: 42%;}
	.line_box .line_box_twe .img_box .bg_15 .img_25{ bottom: 0px; right: 0px; width: 40%;}

	/*------------------------gradation_box-------------------------*/
	.gradation_box{padding: 38px 0 45px;}
	
	/*------------------------#campaion-------------------------*/
	#campaion { position: relative; padding: 40px 0 0; overflow-x: hidden;}
	#campaion .biglogo .logo_img{width: 100%; height: auto; }
	
	#campaion .biglogo .logo_box .logo_15{width: 65%; height: auto; padding: 2% 0 11%;}
	#campaion .biglogo .character_box .logo.animate__bounceInDown {width: 43%; height: auto; top: 23%;}
	#campaion .biglogo .character_box .img_21 { width: 80%;}
	#campaion .biglogo{ padding: 0; }
	#campaion .biglogo .logo_box {}
	#campaion .campaion_bg { background: url(../image/index/bg_22_sp.png?=240712) no-repeat center top; background-size: cover; padding: 46px 0 50px;}
	#campaion .campaion_bg h3{ font-size: 14px;}
	#campaion .campaion_bg h3 p{ font-size: 13px; letter-spacing: 0.05em;}
	#campaion .campaion_bg h3 .logostar{ position: relative; width: 80%; margin: 0 auto;}
	#campaion .campaion_bg h3 .logostar:before{ top: -21px; left: -27px; width: 38px; height: 32px; background: url(../image/index/logo_2.png_l_sp.png?=240712) no-repeat center / 100%;}
	#campaion .campaion_bg h3 .logostar:after{ top: -30px; right: -20px; width: 35px; height: 39px; background: url(../image/index/logo_2.png_r_sp.png?=240712) no-repeat center / 100%;}

	#campaion h3 img { width: 100%;}
	#campaion .img_box{width: auto;  padding: 25px 0 30px; }
	
	#campaion .img_box .img_twe{ flex-flow: column;}
	#campaion .img_box .img_twe .chara{ width: 90%; margin: 0 auto; padding-top: 40px;}
	#campaion .img_box .img_twe .chara p{ font-size: 15px; line-height: 200%; width: 80%; margin: 0 auto;}
	#campaion .img_box .img_twe .chara p rt{ margin-bottom: 0px;}
	#campaion .youtube{ width: 100%;}
	#campaion .youtube::before,
	#campaion .youtube::after{ }
	#campaion .youtube::before{ top: -49px; left: -10px; width: 37px; height: 34px; transform: rotate(-26deg);}
	#campaion .youtube::after{ top: -63px; right: -10px; width: 66px; height: 52px; background: url(../image/index/img_41_sp.png?=240712) no-repeat center / 100%;}

	#campaion .img_box .logo_1 { top: 3%; right: 0%;width: 45%; height: auto;;}
	#campaion .img_box .logo_2 { bottom: 3%; left: 0%;;width: 45%; height: auto;}
	#campaion .img_box p{font-size: 14px; padding: 20px 0 0;}
	#carnival ul li .list_box p span{padding-left:4.5em; text-indent:-4.5em;}
	
	#campaion .tt_box{padding: 16px 0 0;}
	#campaion .tt_box h4{font-size: 18px;}
	#campaion .tt_box p{padding: 12px 0 0; font-size: 13px;}
	
	#campaion .tt_box h4 #title_one.over{width: 300px; }
	#campaion .tt_box h4 #title_twe.over{width: 300px; }
	#campaion .box .imgbox .box_top {flex-direction: column-reverse; padding: 0 0 10px;}
	#campaion .box .imgbox .box_top .img_15 {margin: 0% 0 30px;}
	#campaion .box .imgbox .box_top .img_16 {margin: 0% 0 30px;}
	
	
	#campaion .box .imgbox .box_bottom { width: auto;}
	#campaion .box .imgbox .box_bottom .img_17,
	#campaion .box .imgbox .box_bottom .img_18{width: 55%; height: auto;}

	#campaion .box .imgbox .box_bottom .img_17 {margin: 0;}
	#campaion .box .imgbox .box_top img{margin: 0 auto 10px; width: 70%; height: auto; display: block;}
	#campaion .box .imgbox h4 { font-size: 18px; }
	#campaion .box .imgbox h4 span { font-size: 18px;}
	#campaion .box .imgbox.list{ padding-top: 30px;}
	#campaion .box .imgbox.list .box_top::before{ top: 170px; left: -7%; width: 109%; height: 27%; background: url(../image/index/img_42_sp.png?=240712) no-repeat center / 100%;}
	#campaion .box .imgbox.list .box_top::after{ top: auto; bottom: 3px; right: -30px; width: 66px; height: 68px; background: url(../image/index/img_43_sp.png?=240712) no-repeat center / 100%;}

	@keyframes typing1 {
	  from { width: 0 }
	}
	@keyframes typing2 {
		0%{width: 0;}
		40%{width: 0;}
		100%{ width: 100; } 
	}
	    
	@keyframes effect {
	  50% { border-color: transparent;}
	}

	
	#campaion .show{ background: url(../image/index/bg_23_sp.png?=240712) no-repeat center bottom / cover; padding: 15% 0 0;}
	#campaion .show h4{ width: 90%; margin: 0 auto 10px;}
	#campaion .show h4 img{ width: 100%; height: auto;}
	#campaion .show .showimg{ width: 90%; margin: 0 auto; position: relative;}
	#campaion .show .showimg img{ width: 100%; height: auto;}
	#campaion .show .showimg p{ font-size: 12px; line-height: 150%;}
	#campaion .show .fv_slick_top{ padding-top: 28%;}
	#campaion .show .fv_slick_top img{ width: 415px; height: auto;}
	
	/*------------------------renewal-------------------------*/
	#renewal{background: url(../image/index/bg_2_sp.png?=240712) no-repeat center top; background-size: 100%; padding: 0; }
	#renewal h3{ background: url(../image/index/bg_1.png?=240712) no-repeat center top -20px; background-size: 100%; padding: 90px 0 15px;}
	#renewal h3 span{ font-size: 14px;}
	#renewal h3 img{padding: 0 0 10px; width: 90%;}
	#renewal .min_inner {width: 100%;}
	#renewal .youtube_box h3{font-size: 18px;padding: 0px 0 10px; }
	#renewal .youtube{ padding: 56.5% 0 0;width: auto;}
	
	#renewal .bg_box{padding: 39px 0 50px; min-width: auto;}
	#renewal .box{min-width: auto;}
	#renewal .jungle_gym .inner_box{padding: 87% 0 30px; }
	#renewal .slider .inner_box{padding: 84% 0px 30px;}
	#renewal .athletic .inner_box{padding:64% 0 30px;}
	#renewal .attraction .inner_box{padding: 80% 0 0;}


	
	#renewal .box .playground{width: 100%; height: auto; margin: 0 auto;}
	#renewal .jungle_gym img.playground{ top: 0px; right: 0%; left: 0%; }
	#renewal .slider img.playground{ top: 0px; left: 0%; right: 0%;}
	#renewal .athletic img.playground{ top: 0px; right: 0%; left: 0%; }
	#renewal .attraction img.playground{ top: 0px; left: 0%; right: 0%;}
	
	#renewal .box .tt{width: 85%; height: auto;}
	#renewal .box .tt p{font-size: 16px; width: auto; padding: 11px 0 0;}
	#renewal .box .tt h4{width: 100%; height: auto;}
	#renewal .box .tt h4 img{width: 100%; height: auto;}
	
	#renewal .jungle_gym .tt{ margin: 0;}
	#renewal .athletic .tt{ margin: 0;}
	#renewal .slider .tt,
	#renewal .attraction .tt{ margin: 0px 0 0 auto;}
	#renewal .athletic .tt p{width: auto;}
	
	#renewal .jungle_gym .tt p{margin: 0 10px 0 22px;}
	#renewal .slider .tt p{margin: 0 22px 0 10px;}
	#renewal .athletic .tt p{margin: 0 10px 0 22px;}
	#renewal .attraction .tt p{margin: 0 22px 0 10px;}
	#renewal .line.special{margin: 37px auto 0; background: url(../image/index/bg_14.png?=240712) no-repeat center top; background-size: 100%;padding: 5% 0 0%;}
	
	
	#renewal .bubblefountain{ background: url(../image/index/bg_21.png?=240712) no-repeat center top / cover; padding: 60px 0 63px;}
	#renewal .bubblefountain .bubble{ position: absolute; max-width: none;}
	#renewal .bubblefountain .bubble_l{ top: -60px; left: 0; right: auto;}
	#renewal .bubblefountain .bubble_r{ top: -60px; left: auto; right: 0;}
	#renewal .bubblefountain h4{ margin-bottom: 20px; position: relative; z-index: 2;}
	#renewal .bubblefountain h4 img{ width: 90%;}
	#renewal .bubblefountain h5{ width: 90%; font-size: 26px; padding: 25px 0; margin: 0 auto;}
	#renewal .bubblefountain p{ font-size: 14px;}
	
	
	/*-------------- アニメーション --------------*/
	fadeInLeftBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(-40%, 0, 0);
	    transform: translate3d(-40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	@keyframes fadeInLeftBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(-40%, 0, 0);
	    transform: translate3d(-40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	@-webkit-keyframes fadeInRightBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	    transform: translate3d(40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	@keyframes fadeInRightBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	    transform: translate3d(40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	#renewal .title .star_1{ width: 3%; top: 45.5%; left: 5%;}
	#renewal .title .star_2{ width: 4%; top: 52%; left: 22%;}
	#renewal .title .star_3{ width: 3.5%; top: 36%; right: 34%; }
	#renewal .title .star_4{ width: 3.5%; top: 49.8%; right: 20.3%;}
	#renewal .title .star_5{ width: 3%; top: 34.6%; right: 11.7%;}
	#renewal .title .star_6{ width: 3.5%; top: 36%; left: 32.0%;}	
	
	/*------------------------create-------------------------*/
	#create{padding: 30px 0 92px;}
	#create h3 span{ font-size: 14px;}
	#create .fv_slick_top .img{width: 627px; height: auto;}
	#create .fv_slick_bottom img{width: 630px; height: auto;}
	#create .create_bg .create_bg_twe .box .img_26{position: absolute; top: 0px; left: -4%; width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_27{position: absolute; top: 0px; right: -4%;  width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_28{position: absolute; bottom: 0px; left: -8%; z-index: 1; width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_29{position: absolute; bottom: 0px; right: -4%; z-index: 1; width: 45%; height: auto;}
	#create .create_bg{background-size: 101px;}
	#create .create_bg .create_bg_twe{}
	#create .create_bg .create_bg_twe .box{padding:37% 0 33%;  background: url(../image/index/bg_20.png?=240712) no-repeat center center; background-size: 100%; margin: 0 0 20px; min-width: auto; width: auto;}
	#create .create_bg .create_bg_twe .box h3{line-height: 180%;}
	#create .create_bg .create_bg_twe .box h3 img{padding: 0 0 10px;width: 70%;}
	
	
	@-webkit-keyframes backInDown {
	  0% {
	    -webkit-transform: translateY(-70%) scale(0.7);
	    transform: translateY(-70%) scale(0.7);
	    opacity: 0;
	  }
	  
	  1% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	  }
	}
	@keyframes backInDown {
	  0% {
	    -webkit-transform: translateY(-70%) scale(0.7);
	    transform: translateY(-70%) scale(0.7);
	    opacity: 0;
	  }

	  1% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	  }
	}
	
	#create .create_bg .create_bg_twe .create_link_box{display: flex; flex-wrap: wrap; padding: 0 0 20px;}
	#create .create_bg .create_bg_twe .create_link_box li{width: 100%; height: auto;}
	#create .create_bg .create_bg_twe ul li img.link_btn{width: 100%; height: auto;}
	#create .create_bg .create_bg_twe ul li:nth-of-type(odd){margin-right: 0;}
	#create .create_bg .create_bg_twe .create_link_box li:nth-child(1) { margin-bottom: 22px;}
	
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_7{ bottom: 5%; left: 2%; width: 18%; ;}
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_8{ bottom: 5%; left: 3%; width: 13%; }
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_19 {bottom: 10%;width: 10%;right: 7%;}
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_20{ bottom: 7%;right: 10%; width: 13%;;} 
	
	#create .create_bg .create_bg_twe .create_bg_therr .star_1{ top: 49.95%; left: 1%; width: 6%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_2{ top: 0.65%; right: 41.45%; width: 6%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_3{ top: 23%; right: 3%; width: 5%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_4{ top: 51.3%; right: 17.5%; width: 5%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_5{ top: 34%; left: 6%; width: 5%; height: auto;}

	
	#create .create_bg .create_bg_twe .link_box .logo_img img{padding: 0 0 5%; width: 80%; height: auto; margin: 0 auto;}
	#create .create_bg .create_bg_twe .link_box .logo_img img.SP{display: inline-block;}
	#create .create_bg .create_bg_twe .link_box .logo_img img.PC{display: none;}
	#create .create_bg .create_bg_twe .link_box{background: url(../image/index/bg_17_sp.png?=240712) no-repeat center bottom; background-size: 100%; width: 90%; margin: 0 auto; padding: 10% 0 2%;}
	#create .create_bg .create_bg_twe .link_box ul{ flex-direction: column; align-items: center; width: 100%;}
	#create .create_bg .create_bg_twe .link_box ul li{width: 35%; height: auto;}
	#create .create_bg .create_bg_twe .link_box ul li a{width: 100%; height: auto; display: block;}
	#create .create_bg .create_bg_twe .link_box ul li:not(:last-child){margin: 0 0 4%;}
	#create .create_bg .create_bg_twe .link_box ul li img{width: 100%; height: auto;;}
}