/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "utf-8";

@-ms-viewport {
    width: device-width;
}


/* check
*{
	border:1px solid #FF0000;
}
*/

/* clearfix
------------------------------------------------*/
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }

/* 全体
------------------------------------------------*/
/* webフォント読み込み  */
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");

ul, ol, dl { 
	list-style: none;
}
body {
	margin: 0;
	padding: 0;
	overflow: scroll;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	color: #727272;
}
a{
	text-decoration: none;
}
 /*  ================================================================  */
/* 全体　背景へBG  */
.bg {
	-webkit-animation:slide 30s ease-in-out infinite alternate;
	        animation:slide 30s ease-in-out infinite alternate;
	background-image: -o-linear-gradient(150deg, #ffffff 50%, #cef6ff 50%);
	background-image: linear-gradient(-60deg, #ffffff 50%, #cef6ff 50%);
	bottom:0;
	left:-50%;
	opacity:.5;
	position:fixed;
	right:-50%;
	top:0;
	z-index:-1;
  }
  .bg2 {
	animation-direction:alternate-reverse;
	-webkit-animation-duration:10s;
	        animation-duration:10s;
  }
  .bg3 {
	-webkit-animation-duration:20s;
	        animation-duration:20s;
  }
  @-webkit-keyframes slide {
	0% {
	  -webkit-transform:translateX(-25%);
	          transform:translateX(-25%);
	}
	100% {
	  -webkit-transform:translateX(25%);
	          transform:translateX(25%);
	}
  }
  @keyframes slide {
	0% {
	  -webkit-transform:translateX(-25%);
	          transform:translateX(-25%);
	}
	100% {
	  -webkit-transform:translateX(25%);
	          transform:translateX(25%);
	}
  }
 /*  ================================================================  */
  /*  全体へのpadding　一括指定  */
.box01,.box02_04,.box04{
	padding: 0 2.5%;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	background:url(../img/pat.png) repeat center/100px,#fff;
	-webkit-box-shadow: 0/*-水平方向の距離-*/ 0/*-垂直方向の距離-*/  20px/*-ぼかし具合-*/  2px/*-広がり具合（距離）-*/  #c3cbc9;
	        box-shadow: 0/*-水平方向の距離-*/ 0/*-垂直方向の距離-*/  20px/*-ぼかし具合-*/  2px/*-広がり具合（距離）-*/  #c3cbc9;
}
@media screen and (min-width:641px) {
	.wrapper {
		width: 640px;
	}
}
 /*  ================================================================  */
  /*  MV_title  */

.MV_title{
	z-index: 0;
	position: relative;
	overflow: hidden;
	background: -o-linear-gradient(135deg, #6159ff 22%, rgba(121,185,251,0.6) 32%, rgba(126,177,254,0.6) 45%, rgba(29,218,253,0.3) 64%, rgb(142, 147, 255,0.7) 82%);
	background: linear-gradient(-45deg, #6159ff 22%, rgba(121,185,251,0.6) 32%, rgba(126,177,254,0.6) 45%, rgba(29,218,253,0.3) 64%, rgb(142, 147, 255,0.7) 82%);
	background-size: 200% 200%;/*サイズを大きくひきのばす*/
	-webkit-animation: bggradient 5s ease infinite;
	        animation: bggradient 5s ease infinite;
}
@-webkit-keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.MV_title_aori{
	width: 60%;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}
.MV_svg{
	position: absolute;
	width: 40%;
	margin-top: 5%;
	mix-blend-mode: luminosity;
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}

.MV_title_img{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 23vw;
	width: 100%;
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}
.MV_bg_circle{
	position: absolute;
	z-index: -1;
	top: 0;
	left: -5vw;
	width: 110vw;
}
.MV_main{
	width: 100%;
	top:30%;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.MV_tags{
	position: absolute;
	bottom: 15vw;
	left: 0;
	width: 100%;
}
.MV_bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.01)), color-stop(30%, rgba(95,203,243,0.76234243697479)), color-stop(60%, rgba(255,255,255,1)));
	background: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(95,203,243,0.76234243697479) 30%, rgba(255,255,255,1) 60%);
	background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(95,203,243,0.76234243697479) 30%, rgba(255,255,255,1) 60%);
}
@media screen and (min-width:641px) {
	.MV_title_aori img{
		width: 100%;
	}
	.MV_title_img{
		top: 17%;
	}
	.MV_bg_circle{
		z-index: -1;
		top: 0;
		left: -17%;
		width: 130%;
	}
	.MV_main{
		top:30%
	}
	.MV_tags{
		bottom: 8%;
		left: 0;
	}
	.MV_bottom{
		bottom: 0;
		width: 100%;
		height: 60px;
	}
}
 /*  ================================================================  */
  /*  MVキラキラ 装飾　MV用  */
.deco_kira{
	mix-blend-mode:multiply;
	list-style: none;
	margin: 0;
	padding: 0;
}

.deco_kira li:nth-child(1){
	position: absolute;
	top: 25%;
	left: 5%;
	-webkit-animation: decokira 1.5s ease infinite;
	        animation: decokira 1.5s ease infinite;
}
.deco_kira li:nth-child(2){
	position: absolute;
	right: 7%;
	top: 10%;
	-webkit-animation: decokira 1.8s ease infinite;
	        animation: decokira 1.8s ease infinite;
}
.deco_kira li:nth-child(3){
	position: absolute;
	top: 38%;
	left: 30%;
	-webkit-animation: decokira 2.7s ease infinite;
	        animation: decokira 2.7s ease infinite;
}
.deco_kira li:nth-child(4){
	position: absolute;
	right: 10%;
	top: 35%;
	-webkit-animation: decokira 2.1s ease infinite;
	        animation: decokira 2.1s ease infinite;
}
.deco_kira li:nth-child(5){
	position: absolute;
	right: 50%;
	top: 15%;
	-webkit-animation: decokira 2.6s ease infinite;
	        animation: decokira 2.6s ease infinite;
}
.deco_kira li:nth-child(6){
	position: absolute;
	left: 0%;
	top: 40%;
	-webkit-animation: decokira 2s ease infinite;
	        animation: decokira 2s ease infinite;
}
.deco_kira li:nth-child(7){
	position: absolute;
	right: 18%;
	top: 27%;
	-webkit-animation: decokira 2.9s ease infinite;
	        animation: decokira 2.9s ease infinite;
}
@-webkit-keyframes decokira{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1,1);
		        transform: scale(1,1);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(2,2);
		        transform: scale(2,2);
		}
}
@keyframes decokira{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1,1);
		        transform: scale(1,1);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(2,2);
		        transform: scale(2,2);
		}
}
 /*  ================================================================  */
  /*  linebtn  */

.linebtn{
	margin: 0;
	width: 95%;
	margin: 0 auto 10% auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #5ac463;
	color: #fff;
	font-size:min(5vw,30px);
	border-radius: 14px;
	font-weight: 700;
	-webkit-box-shadow: 0/*-水平方向の距離-*/ 15px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #38913f;
	        box-shadow: 0/*-水平方向の距離-*/ 15px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #38913f;
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;

}
.linebtn span{
	font-size:min(10vw,50px);
}

 /*  ================================================================  */
  /*　box01  */
.box01_point_wrapper{
	background-color: #b57af7;
	padding: 10px;
}
.box01_point_wrapper h5{
	color: #fffef7;
	font-size: large;
	background-color: #b57af7;
	border: 1px solid #b57af7;
	display: inline-block;
	border-bottom-right-radius: 10px;
	margin: 0 0 10px 0;
	padding: 2px 10px 2px 2px;

}
.box01_point_inner{
	margin:0;
	padding: 0 15px 15px 0;
	list-style: inside;
	background-color: #fffef7;
	line-height: 1.8em;
}

.box01_point_inner li{
	list-style-position:outside;
	margin: 0.2em 0 0.6em 2em;
}
.box01_point_inner li::marker {
    color: #b57af7;
}
.box01_point_wrapper span{
	font-size: 1.1em;
	letter-spacing: 0.07em;
	font-weight: 700;
}

 /*  ================================================================  */
  /*　box02 & box04  */
  .box02_04{
	margin-bottom: 15%;
	overflow: hidden;
}
.box02_04_talk_watashi01,.box02_04_talk_friend01,.box02_04_talk_friend02{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 10% 0;
	line-height: 1.8em;
}
.box02_04_talk_watashi01 p,.box02_04_talk_friend01 p,.box02_04_talk_friend02_inner{
	margin: 0;
	border-radius: 20px;
	padding: 5%;
}
.box02_04_talk_watashi01{
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;	
}.box02_04_talk_watashi01 p{
	background-color: #f8faff;
	border: 5px solid #a3b8ff;
	-webkit-box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #7898ff;
	        box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #7898ff;
}
.box02_04_talk_friend01{
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.box02_04_talk_friend01 p{
	background-color: #fffcf1;
	border: 5px solid #fff2b0;
	-webkit-box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ffdf3e;
	        box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ffdf3e;
}
.talk_comment{
	background-color: #fff;
	display: inline-block;
	padding: 5%;
	margin: 5% 0;
	border: 3px dotted #ffd91e;
	border-radius: 10px;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;

}
.box02_04_talk_friend02{
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.box02_04_talk_friend02_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #fffcf1;
	border: 5px solid #fff2b0;
	-webkit-box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ffdf3e;
	        box-shadow: 0/*-水平方向の距離-*/ 3px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ffdf3e;
}
.box02_04_talk_friend02_inner p{
	margin: 0;
}
.box02_04_talk_friend02_inner img{/*-蓮画像-*/
	-webkit-transform: rotate(15deg);
	    -ms-transform: rotate(15deg);
	        transform: rotate(15deg);
	width: 30vw;
	margin: -10% -10% -10% 0;
}
.box02_04_talk_friend02_ren{
	font-weight: 600;
	color: #fca31a;
	font-size: 1.3em;
}
.box02_04_watashi_kaku,.box02_04_friend_kaku{
	width: 15px;
	height: 20px;
	margin-top: 5%;
}
.box02_04_watashi_pic,.box02_04_friend_pic{
	width: 15%;
}
 /*  box02_04_talk　サイズ　================================================================  */

.box02_04_talk_friend02_inner img{
	-webkit-transform: rotate(15deg);
	    -ms-transform: rotate(15deg);
	        transform: rotate(15deg);
	width: 50%;
	margin: -10% -10% -10% 2%;
}
 /*  ================================================================  */
  /*　box03  */

.box03{
	overflow: hidden;
	animation-duration: 1.5s;
}
.box03_img_wrapper01{
	position: relative;
	width: 100%;
}
.box03_img_wrapper02{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -10%;
}
.box03_img01{
	position: absolute;
	margin: 5vw 0 0 -5vw;
	width: 65%;
	z-index: 1;
}
.box03_img02{
	position: absolute;
	margin-right: -4vw;
	width: 60vw;
	top: 15vw;
	right: 0;
	animation-delay: 0.4s;
}
.box03_img03{
	width: 60vw;
	margin-left: -2vw;
}
.box03_img04{
	width: 46vw;
	margin: 0 0 0 -40vw;
	animation-delay: 0.4s;
}
.box03_img05{
	width: 40vw;
	margin-left: -25vw;	
	animation-delay: 0.8s;
}
.box03_slide_wrapper{
	margin-top: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.box03_small_txt{
	color:  #727272;
	font-weight: 600;
	font-size: 6vw;
	margin: -3% 0 -3% 0;
	text-align: center;
}
.box03_small_txtflex{
	font-size: 6vw;
	margin-left: 2.5%;
}
.box03_read01{
	margin: 0 0 15% 0;
}
.box03_read01 .txt_small{
	margin:5%;
}
.box03_read02{
	margin-bottom: 8%;
}
.box03_read02 .txt_medium{
	margin-bottom: 5%;
}
@media screen and (min-width:641px) {
	.box03_img_wrapper02{
		margin-top: -10%;
	}
	.box03_img01{
	margin: 5% 0 0 -5%;
	width: 65%;
	}
	.box03_img02{
	margin: 15% -4% 0 0;
	width: 60%;
	top: 0;
	right: 0;
	}
	.box03_img03{
		margin-left: -2%;
	}
	.box03_img04{
		margin: 0 0 0 -35%;
	}
	.box03_img05{
		margin-left: -15%;	
	}
	.box03_slide_wrapper{
		margin-top: 100%;
	}
}
 /*  box03 キラキラ 装飾　box03用　「チャット型恋愛ゲームの最先端」=======================================================  */
 .box03_deco_kira_child_1 li{
	position: absolute;
	mix-blend-mode:multiply;
	list-style: none;
	margin: 0;
	padding: 0;
}
.box03_deco_kira_child_1 li:nth-child(1){
	-webkit-animation: decokira 1.5s ease infinite;
	        animation: decokira 1.5s ease infinite;
	left: 2vw;
	top: 5vw;
}
.box03_deco_kira_child_1 li:nth-child(2){
	z-index: 1;
	right: 0;
	top: 16vw;
	-webkit-animation: decokira 1.8s ease infinite;
	        animation: decokira 1.8s ease infinite;
}
.box03_deco_kira_child_1 li:nth-child(3){
	position: absolute;
	z-index: 1;
	top: 50vw;
	left: 20vw;
	-webkit-animation: decokira 2.7s ease infinite;
	        animation: decokira 2.7s ease infinite;
}
.box03_deco_kira_child_1 li:nth-child(4){
	position: absolute;
	z-index: 1;
	right: 10vw;
	top: 65vw;
	-webkit-animation: decokira 2.1s ease infinite;
	        animation: decokira 2.1s ease infinite;
}
.box03_deco_kira_child_1 li:nth-child(5){
	position: absolute;
	z-index: 1;
	left: 15vw;
	 bottom: 2vw;
	-webkit-animation: decokira 2.6s ease infinite;
	        animation: decokira 2.6s ease infinite;
}
.box03_deco_kira_child_1 li:nth-child(6){
	position: absolute;
	left: 5vw;
	top: 40vw;
	-webkit-animation: decokira 2s ease infinite;
	        animation: decokira 2s ease infinite;
}
.box03_deco_kira_child_1 li:nth-child(7){
	position: absolute;
	z-index: 1;
	right: 18vw;
	top: 50vw;
	-webkit-animation: decokira 2.9s ease infinite;
	        animation: decokira 2.9s ease infinite;
}
@keyframes decokira{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1,1);
		        transform: scale(1,1);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(2,2);
		        transform: scale(2,2);
		}
}

 /*  box03 キラキラ 装飾　box03用 2個め以降=======================================================  */
 .box03_deco_kira_parent{
	position: relative;
	text-align: center;
 }
 .box03_txt01{
	position: absolute;
	z-index: 2;
	top:16.5vw;
 }
 .box03_txt01 img{
	width: 100vw;
 }
 .box03_circle{
	width: 75vw;
	margin-top: -0.5vw;
	
}
 .box03_circle img{
	position: absolute;
	mix-blend-mode:multiply;
	opacity: 0.8;
}

.box03_txt_circle_midashi_wrapper{
	margin-top: 5%;
}

@media screen and (min-width:641px) {
	.box03_txt01{
		top:10.5%;
	 }
	 .box03_txt01 img{
		width: 100%;
	 }
	 .box03_circle{
		width: 60%;	
		margin-top: -6%;
	}
	 .box03_txt_circle_midashi_wrapper{
		margin-top: 10%;
	}
}


 .box03_deco_kira_child li{
	position: absolute;
	mix-blend-mode:multiply;
	list-style: none;
	margin: 0;
	padding: 0;
}
.box03_deco_kira_child li:nth-child(1){
	-webkit-animation: decokira 1.1s ease infinite;
	        animation: decokira 1.1s ease infinite;
	left: 3vw;
	top: 5vw;
}
.box03_deco_kira_child li:nth-child(2){
	z-index: 1;
	right: 0vw;
	top: 10vw;
	-webkit-animation: decokira 1.6s ease infinite;
	        animation: decokira 1.6s ease infinite;
}
.box03_deco_kira_child li:nth-child(3){
	position: absolute;
	z-index: 1;
	top: 0vw;
	left: 10vw;
	-webkit-animation: decokira 2.1s ease infinite;
	        animation: decokira 2.1s ease infinite;
}
.box03_deco_kira_child li:nth-child(4){
	position: absolute;
	z-index: 1;
	left: 0vw;
	 top: 0vw;
	-webkit-animation: decokira 4.7s ease infinite;
	        animation: decokira 4.7s ease infinite;
	
}
.box03_deco_kira_child li:nth-child(5){
	position: absolute;
	z-index: 1;
	right: 3vw;
	top: 3vw;
	-webkit-animation: decokira 1.1s ease infinite;
	        animation: decokira 1.1s ease infinite;
}
.box03_deco_kira_child li:nth-child(6){
	position: absolute;
	left: 5vw;
	top: 40vw;
	-webkit-animation: decokira 4s ease infinite;
	        animation: decokira 4s ease infinite;
}
.box03_deco_kira_child li:nth-child(7){
	position: absolute;
	z-index: 1;
	right: 18vw;
	top: 27vw;
	-webkit-animation: decokira 2.3s ease infinite;
	        animation: decokira 2.3s ease infinite;
}
@keyframes decokira{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(0.7,0.7);
		        transform: scale(0.7,0.7);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5,1.5);
		        transform: scale(1.5,1.5);
		}
}
@-webkit-keyframes decokira_pc{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1,1);
		        transform: scale(1,1);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(2,2);
		        transform: scale(2,2);
		}
}
@keyframes decokira_pc{
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0);
		        transform: scale(0,0);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(1,1);
		        transform: scale(1,1);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(2,2);
		        transform: scale(2,2);
		}
}
@media screen and (min-width:641px) {
	.box03_deco_kira_child_1 li:nth-child(1){
		-webkit-animation: decokira_pc 1.5s ease infinite;
		        animation: decokira_pc 1.5s ease infinite;
		left: 2%;
		top: 5%;
	}
	.box03_deco_kira_child_1 li:nth-child(2){
		z-index: 1;
		right: 0;
		top: 3%;
		-webkit-animation: decokira_pc 1.8s ease infinite;
		        animation: decokira_pc 1.8s ease infinite;
	}
	.box03_deco_kira_child_1 li:nth-child(3){
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 20%;
		-webkit-animation: decokira_pc 2.7s ease infinite;
		        animation: decokira_pc 2.7s ease infinite;
	}
	.box03_deco_kira_child_1 li:nth-child(4){
		position: absolute;
		z-index: 1;
		right: 10%;
		top: 65%;
		-webkit-animation: decokira_pc 2.1s ease infinite;
		        animation: decokira_pc 2.1s ease infinite;
	}
	.box03_deco_kira_child_1 li:nth-child(5){
		position: absolute;
		z-index: 1;
		left: 15%;
		 bottom: 2%;
		-webkit-animation: decokira_pc 2.6s ease infinite;
		        animation: decokira_pc 2.6s ease infinite;
	}
	.box03_deco_kira_child_1 li:nth-child(6){
		position: absolute;
		left: 5%;
		top: 40%;
		-webkit-animation: decokira_pc 2s ease infinite;
		        animation: decokira_pc 2s ease infinite;
	}
	.box03_deco_kira_child_1 li:nth-child(7){
		position: absolute;
		z-index: 1;
		right: 18%;
		top: 50%;
		-webkit-animation: decokira_pc 2.9s ease infinite;
		        animation: decokira_pc 2.9s ease infinite;
	}
	.box03_deco_kira_child li{
		position: absolute;
		mix-blend-mode:multiply;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.box03_deco_kira_child li:nth-child(1){
		-webkit-animation: decokira_pc 1.1s ease infinite;
		        animation: decokira_pc 1.1s ease infinite;
		left: 3%;
		top: 5%;
	}
	.box03_deco_kira_child li:nth-child(2){
		z-index: 1;
		right: 0%;
		top: 100%;
		-webkit-animation: decokira_pc 1.6s ease infinite;
		        animation: decokira_pc 1.6s ease infinite;
	}
	.box03_deco_kira_child li:nth-child(3){
		position: absolute;
		z-index: 1;
		top: 0%;
		left: 10%;
		-webkit-animation: decokira_pc 2.1s ease infinite;
		        animation: decokira_pc 2.1s ease infinite;
	}
	.box03_deco_kira_child li:nth-child(4){
		position: absolute;
		z-index: 1;
		left: 0%;
		 top: 0%;
		-webkit-animation: decokira_pc 4.7s ease infinite;
		        animation: decokira_pc 4.7s ease infinite;
		
	}
	.box03_deco_kira_child li:nth-child(5){
		position: absolute;
		z-index: 1;
		right: 3%;
		top: 3%;
		-webkit-animation: decokira_pc 1.1s ease infinite;
		        animation: decokira_pc 1.1s ease infinite;
	}
	.box03_deco_kira_child li:nth-child(6){
		position: absolute;
		left: 5%;
		top: 40%;
		-webkit-animation: decokira_pc 4s ease infinite;
		        animation: decokira_pc 4s ease infinite;
	}
	.box03_deco_kira_child li:nth-child(7){
		position: absolute;
		z-index: 1;
		right: 18%;
		top: 27%;
		-webkit-animation: decokira_pc 2.3s ease infinite;
		        animation: decokira_pc 2.3s ease infinite;
}
}
/* box03 アニメーション文字 =======================================================  */
.box03_slide{
  font-size: 2em;
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  background-color: #fff;
}
.box03_slide_texts{
  width: 7em;
  height: 1.5em;
  border: 3px solid #635bff;
  text-align: center;
  overflow-y: hidden;
}
.box03_slide_texts span{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}


  .box03_slide_texts span{
	-webkit-animation: ShiftText 5s linear infinite;
	        animation: ShiftText 5s linear infinite;
  }
  
  @-webkit-keyframes ShiftText{
	0%{
	  opacity: 0;
	}
  
	1%,25%{
	  top: 0;
	  opacity: 1;
	}
	
	26%,50%{
	  top: -1.5em;
	}
  
	51%,75%{
	  top: -3em;

	}
  
	76%,100%{
	  top: -4.5em;
	}
  }
  
  @keyframes ShiftText{
	0%{
	  opacity: 0;
	}
  
	1%,25%{
	  top: 0;
	  opacity: 1;
	}
	
	26%,50%{
	  top: -1.5em;
	}
  
	51%,75%{
	  top: -3em;

	}
  
	76%,100%{
	  top: -4.5em;
	}
  }
.box03_slide_1{
	color: #ff5e24;
}
.box03_slide_2{
	color: #ff66aa;
}
.box03_slide_3{
	color: #ad49f3;
}
.box03_slide_4{
	color: #6f6cfb;
}

/* box03 LINE =======================================================  */
.box03_linebtn{
	text-align: center;
	margin-bottom: 10%;
}
.box03_linebtn>a{
	margin-bottom: 0;
}
.box03_linebtn .linebtn{
	margin: 0 auto 10% auto;
}
.linebtn_sub{
	margin: 0;
	color: #7e7e7e;
	font-size: 4vw;
	line-height: 6vw;
	font-weight: 700;
}

 /*  box03　文字サイズ　=======================================================  */
 @media screen and (min-width:641px) {
 .box03_small_txt{
	font-size: 2em;
	padding-left: 4%;
}
.box03_small_txt{
	font-size: 2em;
}
.box03_small_txtflex{
	font-size: 2em;
}
.box03_read01{
	margin-bottom: 10%;
}
.linebtn_sub{
	margin: -5%;
	font-size:1.5em;
	line-height: 1.6em;
}

 }
 /*  ================================================================  */
  /*　box05  */
  .box05{
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
  }
  .box05 h3{
	padding: 0 4% 0 3%;
	font-size: 8vw;

  }
  .box05_midashi01{
	font-size: 10vw;
	margin: 5% 0 0 -1%;
	padding-right: 1%;
	display: inline-block;
	background-color: #ec91be;
  }
  .box05_midashi02{
	font-size: 15vw;
	margin: 0 0 2% 0;
	padding-right: 1%;
	display: inline-block;
	color: #ffff00;
  }
  .box05_midashi01 span{
	color: #ec91be;
  }
  .box05_midashi02 span{
	color: #ffff00;
  }
  .box05 img{
	width: 100%;
  }
.box05_02>h4{
	text-align: center;
	font-size: xx-large;
	color: #e023c5;
	margin: 10% 0 0 0;
	animation-duration: 0.4s;
}
.box05_02 span{
	color: #323232;
}
.box05_02_charactor{
	margin: 1vw 0;
	padding: 0;
	background:url(../img/deco_pat_shine.png) repeat center/30px,linear-gradient(0deg, rgba(133,85,255,1) 0%, rgba(178,106,252,1) 24%, rgba(105,227,176,1) 34%, rgba(105,227,176,1) 63%, rgba(249,167,255,1) 80%, rgba(255,101,213,1) 100%);
}
@media screen and (min-width:641px) {
	
	.box05_02_charactor{
		margin: 2% 0;
	}
}

.box05_02_charactor li:nth-child(1){
	margin: -3.3% 0 0 0;
	padding: 10% 0;
}
.box05_02_charactor li:nth-child(2){
	padding: 0;
}

.box05_02_charactor li:nth-child(3){
	margin: 0 0 -4% 0;
	padding: 10% 0;
}
/* box05 文字サイズ  */
@media screen and (min-width:641px) {
	
	.box05 h3{
		font-size: 3em;
	}
}
/* box05 見出しアニメーション•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */  
.reveal,
.reveal::after {
  -webkit-animation-delay: var(--animation-delay, 2s);
          animation-delay: var(--animation-delay, 2s);
  -webkit-animation-iteration-count: var(--iterations, 1);
          animation-iteration-count: var(--iterations, 1);
  -webkit-animation-duration: var(--duration, 700ms);
          animation-duration: var(--duration, 700ms);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.reveal {
  --animation-delay: var(--delay, 0);
  --animation-duration: var(--duration, 700ms);
  --animation-iterations: var(--iterations, 1);
  position: relative;
  font-size: 4vw;
  -webkit-animation-name: clip-text;
          animation-name: clip-text;
  color: #FFF;
  white-space: nowrap;
  cursor: default;
  
  &::after {
	content: "";
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	pointer-events: none;
	-webkit-animation-name: text-revealer;
	        animation-name: text-revealer;
  }
  
}
.title_1,
.title_1::after {
  -webkit-transform: rotate( -3deg );
      -ms-transform: rotate( -3deg );
          transform: rotate( -3deg );
}
.title_1 {
  background-color: #343434;
}
.title_2,
.title_2::after {
  -webkit-transform: rotate( -3deg );
      -ms-transform: rotate( -3deg );
          transform: rotate( -3deg );
}
.title_2 {
  background-color: #343434;
}

@-webkit-keyframes clip-text {
  from {
	-webkit-clip-path: inset(0 100% 0 0);
	        clip-path: inset(0 100% 0 0);
  }
  to {
	-webkit-clip-path: inset(0 0 0 0);
	        clip-path: inset(0 0 0 0);
  }
}

@keyframes clip-text {
  from {
	-webkit-clip-path: inset(0 100% 0 0);
	        clip-path: inset(0 100% 0 0);
  }
  to {
	-webkit-clip-path: inset(0 0 0 0);
	        clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes text-revealer {
  
  0%, 50% {
	-webkit-transform-origin: 0 50%;
	        transform-origin: 0 50%;
  }
  
  60%, 100% {
	-webkit-transform-origin: 100% 50%;
	        transform-origin: 100% 50%;   
  }

  60% {
	-webkit-transform: scaleX(1);
	        transform: scaleX(1);
  }
  
  100% {
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
  }
}
@keyframes text-revealer {
  
  0%, 50% {
	-webkit-transform-origin: 0 50%;
	        transform-origin: 0 50%;
  }
  
  60%, 100% {
	-webkit-transform-origin: 100% 50%;
	        transform-origin: 100% 50%;   
  }

  60% {
	-webkit-transform: scaleX(1);
	        transform: scaleX(1);
  }
  
  100% {
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
  }
}
  @use postcss-preset-env {
  stage: 0;
  browsers: [
	"last 1 Chrome versions",
	"last 1 Firefox versions",
	"last 1 Safari versions",
	"last 1 Edge versions"
  ]
}
/* =======================================================  */
.box06{
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
  }
.box06 h3{
	padding: 0 4% 0 3%;
	font-size: 7vw;
  }
.box06 img{
	width: 100%;
  }
.box06_02{
	margin: 4% 0;
}
.box06_03{
	margin: 0 0;
}
.YouTube_waku{
	padding: 2px;
	border: #00fffb 1px solid;
	box-shadow: 15px/*-水平方向の距離-*/ 15px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #b57af7;
}
@media screen and (min-width:641px) {
}
.YouTube_waku{
	padding: 2px 0;
	margin: 5% 0;
	border-top: #00fffb 2px solid;
	border-bottom: #00fffb 2px solid;
	box-shadow: 15px/*-水平方向の距離-*/ 15px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #b57af7;
}
.box06_03 img{
	margin: 2% 0;
}
.box06_04{
	margin: 4% 0;
}

.box06_05{
	padding: 3%;
	margin: 10% 0;
	background-color: #fff;
	text-align: center;
	border: 2px solid #8efcef;
	-webkit-box-shadow: 20px/*-水平方向の距離-*/ 20px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ad49f3;
	        box-shadow: 20px/*-水平方向の距離-*/ 20px/*-垂直方向の距離-*/  0/*-ぼかし具合-*/  0/*-広がり具合（距離）-*/  #ad49f3;
}

.box06_05 p{
	font-size: 6vw;
	padding: 2% 0;
}
.box06_05 span {
	font-size: 6.5vw;
	background-color: #ad49f3;
	padding: 0.1em 0.3em ;
	margin: 0 0.3em;
	color: #fff!important;
}
.box06_06{
	text-align: center;
	padding: 10% 0;
}
.box06_midashi01{
	margin: 5% 0 0 -1%;
	padding-right: 1%;
	display: inline-block;
	background-color: #ff66aa;
  }
  .box06_midashi02{
	margin: 0 0 0 -1%;
	padding-right: 1%;
	display: inline-block;
	color: #ffff00;
  }
  .box06_06_01{
	padding: 10% 0;
	font-weight: 600;
	letter-spacing: 1vw;
	font-size: 10vw;
	line-height: 8vw;
	color: #6359a9;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin: 0 auto;
}
.box06_06_01 span{
	background-color: #fef26b;
	padding: 2% 5%;
	margin-right: 5%;
}
.box06_06_02 p{
	font-size: 10vw;
	font-weight: 700;
	padding: 10% 0;
	margin: 10% 0;
}
.box06_06_02_1{
	background:url(../img/deco_pat_shine.png) repeat center/30px,#ff7fb7;
}
.box06_06_02_2{
	background:url(../img/deco_pat_shine.png) repeat center/30px,#333333;
}

/* box06 文字サイズ  */
@media screen and (min-width:641px) {
	.box06 h3{
		font-size: 3em;
	  }
	.box06_midashi01{
		font-size: 2.5em;
	  }
	  .box06_midashi02{
		font-size: 3em;
	  }
	.box06_05 p{
		font-size: 2em;
		line-height: 1.6em;
	}
	.box06_05 span{
		font-size: 1.5em;
	}
	.box06_06_01{
		font-size: 4.5em;
		letter-spacing: 0.01em;
		line-height: 0.4em;
	}
	.box06_06_02 p{
		font-size: 4em;
	}
}
  /* --------------------------
LINE ③   ----------------
-------------------------------*/
.linebtn_sub02{
	text-align: center;
}
.linebtn_sub02 span{
	font-size: large;
	font-weight: 700;
	color: #b756b7;
}
/* =======================================================  */
.box07{
	color: #7e7e7e;
	position: relative;
	margin: 0 auto;
	padding: 3% 0 5% 0;
	width: 100%;
	text-align: center;
	background:url(../img/deco_pat_plus.png) repeat center/13px,#f1f1f1;
	font-size: 4vw;
	line-height: 4vw;
  }
  .box07_img01{
	position: absolute;
	top: 3%;
    left: 0;
    width: 40%;
  }
  .box07_img02{
	position: absolute;
    bottom: 0;
	right: 0;
    width: 30%;
  }
  footer{
	background:url(../img/deco_pat_plus.png) repeat center/13px, rgba(47, 46, 46, 0.8);
	padding: 3% 0 5% 0;
	text-align: center;
  }
  footer p{
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: small;
	letter-spacing: 0.1em;
  }
  /* box07, footer 文字サイズ  */
@media screen and (min-width:641px) {
	.box07{
		font-size: 1.7em;
		line-height: 0.7em;
		letter-spacing: 0.1em;
	  }
}
  /* --------------------------
ハイライト共通   ----------------
-------------------------------*/
.hr_yline{
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(30%, #fef26b));
  	background: -o-linear-gradient(transparent 60%, #fef26b 30%);
  	background: linear-gradient(transparent 60%, #fef26b 30%);
	font-weight: 800;
}
.hr_pink{
	color: #ff5dae;
	font-size: larger;
}
.hr_pink_2{
	color: #fff;
	background-color: #ec91be;
	padding: 0.1em 0.3em ;
	margin: 0 0.3em;
}
.hr_purple{
	color: #fff;
	background-color: #ad49f3;
	padding: 0.1em 0.3em ;
	margin: 0 0.3em;
}
.hr_bold{
	font-weight: 400;
}
.hr_exbold{
	font-weight: 700;
}
.txt_small{
	font-weight: 600;
	font-size: 6vw;
	line-height: 8vw;
	text-align: center;
	margin: 3% 0;
}
.txt_medium{
	font-weight: 700;
	font-size: 9vw;
	line-height: 13vw;
	color: #978ceb;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin: 0 auto;
}
.txt_medium_1{
	display: inline-block;
	font-weight: 700;
	font-size: 8vw;
	line-height: 13vw;
	color: #978ceb;
	margin: 0 auto;
}
.txt_strong{
	font-weight: 700;
	font-size: 12vw;
	line-height: 17vw;
	color: #6359a9;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin: 0 auto;
}
.txt_strong_2{ /*装飾　ピンク文字*/
	font-weight: 700;
	font-size: 14vw;
	line-height: 25vw;
	color: #ff7fb7;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin: 0 auto;
}
/* 共通箇所 文字サイズ  */
@media screen and (min-width:641px) {
	.txt_small{
		font-size: 2em;
		line-height: 2em;
	}
	.txt_medium{
		font-size: 3em;
		line-height: 1.5em;
	}

.txt_medium_1{
	font-size: 3em;
	line-height: 1.5em;
}
	.txt_strong{
		font-size: 5em;
		line-height: 1.5em;

	}
	.txt_strong_2{
		font-size: 5em;
		line-height: 2em;
	}
}
/* --------------------------
アニメーション   ----------------
-------------------------------*/
.rolling{
	-webkit-animation: rolling 40s linear infinite;
	        animation: rolling 40s linear infinite;
  }
  @-webkit-keyframes rolling {
	0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }
  @keyframes rolling {
	0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }
/* =======================================================  */

  .marker {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(20%, #fef26b));
	background: -o-linear-gradient(transparent 95%, #fef26b 20%);
	background: linear-gradient(transparent 95%, #fef26b 20%);
	background-position: 0;
	background-size: 0;
	background-repeat: no-repeat;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
  }
  .marker.active {
	background-size: 100% ;
  }
  /* =======================================================  */

  .d1{
	-webkit-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
  }
  .d2{
	-webkit-transition:4s;
	-o-transition:4s;
	transition:4s;
  }
.infinite{
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;
}
/* =======================================================  */
.reflection {
	position: relative;
	overflow: hidden;
  }
  .reflection::after {
	content: "";
	display: block;
	width: 30px;
	height: 100%;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #FFF;
	opacity: 0;
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	animation: reflect 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflect 2s ease-in-out infinite;
  }
  @keyframes reflect {
	0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
  }
  @-webkit-keyframes reflect {
	0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
  }
  /* =======================================================  */
.fuwa_1 {
	-webkit-animation: fuwafuwa 2.5s infinite;
	        animation: fuwafuwa 2.5s infinite;
 }
 .fuwa_2 {
	-webkit-animation: fuwafuwa 3s infinite;
	        animation: fuwafuwa 3s infinite;
 }
 @-webkit-keyframes fuwafuwa {
   0% {
	 -webkit-transform: translateY(0px);
	         transform: translateY(0px);
   }
   50% {
	 -webkit-transform: translateY(-10px);
	         transform: translateY(-10px);
   }
   100% {
	 -webkit-transform: translateY(0px);
	         transform: translateY(0px);
   }
 }
 @keyframes fuwafuwa {
   0% {
	 -webkit-transform: translateY(0px);
	         transform: translateY(0px);
   }
   50% {
	 -webkit-transform: translateY(-10px);
	         transform: translateY(-10px);
   }
   100% {
	 -webkit-transform: translateY(0px);
	         transform: translateY(0px);
   }
 }
/*モーダルを開くボタン*/
.modal-open{
	text-align: center;
	display: inline-block;
    justify-content: center;
	color: #fff;
	background: #363636;
	margin: 0 auto;
	border-radius: 10px;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: 400;
	font-size: 0.8em;

}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 500px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -50px;
	right: -10px;
	width: 50px;
	height: 50px;
	font-size: 50px;
	color: #fff;
	cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: center;
	height: 70vh;
	overflow: scroll;
}
.modal-content p{
	background-color: #323232;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: large;
	margin-top: 0;
	padding: 10px 0;

}
.modal-content dl{
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0px 20px 20px 20px;
}
.modal-content dt{
	opacity: 0.8;
	font-size: 0.9em;
	font-weight: 600;
	margin: 10% 0 2% 0;
}
.modal-content dd{
	font-size: 0.95em;
	margin-left: 0;
}
/* --------------------------
新キャラクター情報　追加LP   ----------------
-------------------------------*/
.box01after_new{
	background:url(../img/box01after_new_bg.png) no-repeat bottom/100%;
}
.box01after_new_title_wrapper{
	text-align: center;
	margin: 0 auto;
	padding-top: 5%;
}
.box01after_new_title_wrapper img{
	display: inline-block;
}
.box01after_new_title_1_line{
	margin-bottom: -1%;
}
.box01after_new_title01{
	animation-delay: 0.2s;
	margin-bottom: -2%;
	width: 50%;
}
.box01after_new_title02{
	animation-delay: 0.4s;
	width: 30%;
}
.box01after_new_title03{
	animation-delay: 0.6s;
	width: 50%;
	margin-top: -3%;

}
.box01after_new_chara{
	padding: 0;
	padding-bottom: 15%;
	margin: 0 auto;
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}
.box01after_new_chara li{
	display: inline;
	width: 30%;
	filter: drop-shadow(0 0 5px #ffffff);
}
.box01after_new_chara li:nth-child(2){
	animation-delay: 0.1s;
}
.box01after_new_chara li:nth-child(3){
	animation-delay: 0.2s;
}
.box01after_new_chara01{
	width: 100%;
}
.box01after_new_chara02{
	width: 100%;
}
.box01after_new_chara03{
	width: 100%;
}