@charset "UTF-8";

.indexwrapper{
	padding-top: 50px;
}

.indexsection-title{
	text-align:center;
}

.index header{opacity:0;}
.index.kvfadein header{
	opacity: 1;
	transition: all .75s .5s ease;
}


/* index kv ---------------------------------------*/

.kv-wrapper{
	padding-top: 43px;
	margin-bottom: 35px;
	position:relative;
	width: 100%;
	overflow: hidden;
	transition: all .75s ease;
	opacity: 0;
}

.kvfadein .kv-wrapper{opacity: 1;}

.kv-wrapper::after{
	display:block;
	content:'';
	background:#E7FFFB;
	width:100%;
	height:calc(100% - 100px);
	position:absolute;
	left: 0;
	top:100px;
}

.kv-wrapper .wave-bottom{z-index: 2;}

.kv{
	background: url(../img/index/forest_pc.png) no-repeat center 4px;
	background-size: 1334px;
	width:100%;
	height: 680px;
	position: relative;
	margin:0 auto;
	text-align:center;
	padding: 265px 0 0px;
	z-index: 3;
}

.kv-inner{
	position:relative;
	z-index: 2;
}

.kv-title{margin-bottom: 22px;}

.kv-title img{width:552px;}

.kv-lead{
	font-size:16px;
	line-height: 1.9;
	margin-bottom: 45px;
	letter-spacing:0.03em;
}

.kv-anime{
	position:absolute;
	left:50%;
	z-index: 5;
}

.kv-anime.kv-anime-01{top:118px;margin-left:-476px;}
.kv-anime.kv-anime-02{top:80px;margin-left:-265px;}
.kv-anime.kv-anime-03{top:86px;margin-left:11px;}
.kv-anime.kv-anime-04{top:55px;margin-left:220px;}
.kv-anime.kv-anime-05{top:217px;margin-left:349px;}
.kv-anime.kv-anime-06{top:255px;margin-left:-570px;}
.kv-anime.kv-anime-07{top:500px;margin-left:-555px;}
.kv-anime.kv-anime-08{top:475px;margin-left:-293px;}
.kv-anime.kv-anime-09{top:484px;margin-left:130px;}
.kv-anime.kv-anime-10{top:410px;margin-left:330px;}

.kv-popup-btn{
	display: inline-block;
	cursor: pointer;
}

.kv-popup{
	position:absolute;
	left:0%;
	top:0%;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}

.kv-popup-wrapper{
	position:absolute;
	left:50%;
	top:560px;
	transform:translate(-50%,0);
	width: 856px;
	max-width: 100%;
	border:3px solid #00bdc9;
	background: #fff;
	border-radius:10px;
	padding: 30px 45px 13px;
}

.kv-popup-inner{position:relative;}

.kv-popup-title{
	max-width:603px;
	margin-bottom: 30px;
}

.kv-popup-image-01{
	position:absolute;
	right: 10px;
	top: 5px;
	width: 19.5%;
}

.kv-popup-image-02{
	position:absolute;
	right: 23.5%;
	top: 55px;
	width: 20.5%;
}

.kv-popup-text{
	font-size:16px;
	line-height: 2.0;
	width: 54%;
	letter-spacing:0.05em;
	padding-bottom: 40px;
}

.kv-popup-quokka{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	border-top:1px solid #00bdc9;
	padding-top: 15px;
}

.kv-popup-quokka-image{width: 22%;}

.kv-popup-quokka-text{
	width: 68%;
	font-size:15px;
	line-height: 2.1;
	letter-spacing:0.08em;
}

.kv-popup-close{
	position:absolute;
	right: -25px;
	top: -25px;
	width: 50px;
	cursor: pointer;
	transition: all .25s ease;
}

.kv-popup-close:hover{transform:translate(0,-5px);}


/* index wave ---------------------------------------*/

.wave-top{
	position:relative;
	top: -1px;
}

.wave-top img{width:100%;}

.wave-bottom{
	position:relative;
	bottom: -1px;
}

.wave-bottom img{width:100%;}


/* index welcome ---------------------------------------*/

.welcome{
	position:relative;
	background: #56D4DC;
}

.welcome-title{
	margin-bottom: 20px;
}


/* index feature ---------------------------------------*/

.feature{padding:10px 0 0px;}
.feature-title{margin-bottom: 60px;}

.feature-list{
	display:flex;
	justify-content:space-between;
	padding-bottom: 32px;
}

.feature-list-item{
	width: 33.33%;
	border-left: 2px solid #00bdc9;
	padding: 0 4%;
}

.feature-list-item:nth-child(1){padding-right: 3%;}
.feature-list-item:nth-child(2){padding: 0 3% 0 4%;}

.feature-list-item:nth-child(3){
	padding-right: 0;
	width: 31%;
	padding-left: 5%;
}

.feature-list-item:first-child{border-left:none;}

.feature-list-item-image{
	text-align:center;
	margin-bottom: 25px;
}

.feature-list-item-detail{
	font-size:16px;
	line-height: 1.7;
}


/* index recommend ---------------------------------------*/

.recommend{
	position:relative;
	background: #CBCCFD;
	padding: 1px 0 0px;
}

.recommend-title{margin-bottom: 28px;}
.recommend-inner{padding: 0 0 1px;}

.recommend-box{
	background: url(../img/index/recommend_pc.png) no-repeat center center;
	background-size: 1004px 682px;
    width: 1004px;
    height: 702px;
	position:relative;
	margin: 0 auto;
}

.recommend-box-inner{padding: 72px 90px 0 120px;}

.recommend-box-flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.recommend-box-item{
	width: 45%;
	position:relative;
	margin-bottom:0px;
}

.recommend-box-item-inner{
	width: 100%;
	margin-bottom: 33px;
	position:relative;
}

.recommend-box-item-image{
	position:absolute;
	top: 0;
}

.recommend-box-item-image img{
	height:104px;
	width:auto;
	position:relative;
}

.recommend-box-item-inner:nth-child(2n+ 1) .recommend-box-item-image{right:0;}
.recommend-box-item-inner:nth-child(2n) .recommend-box-item-image{left:0;}

.recommend-box-item-detail{width: 78.5%;}

.recommend-box-item-inner:nth-child(2n) .recommend-box-item-detail{
	margin-left: 25%;
	width: 75%;
}

.recommend-box-item-image img.caseimage-01{left:10%;}
.recommend-box-item-image img.caseimage-02{left:5%;top:5px;}
.recommend-box-item-image img.caseimage-03{left:9%;top:2px;}
.recommend-box-item-image img.caseimage-04{height:105px;right:13%;top:4px;}
.recommend-box-item-image img.caseimage-05{height:111px;left:15%;top:-5px;}
.recommend-box-item-image img.caseimage-06{height:111px;right:15%;}
.recommend-box-item-image img.caseimage-07{height:105px;right:20%;top:4px;}
.recommend-box-item-image img.caseimage-08{height:105px;left:8%;top:2px;}

.recommend-box-item-detail h3{
	color:#665ab9;
	font-size:32px;
	line-height: 1;
	margin-bottom: 10px;
}

.recommend-box-item-detail p{
	font-size:16px;
	line-height: 1.5;
	font-weight:500;
}

/* index service ---------------------------------------*/

.service{
	background: #56D4DC;
	padding: 10px 0 0;
}

.service-title{margin-bottom: 15px;}

.service-inner{
	position:relative;
	padding: 0 2px 10px;
}

.service-lead{
	text-align:center;
	line-height: 1.8;
	font-size:18px;
	margin-bottom: 38px;
}

.service-list-illust{
	position:absolute;
	right: 0;
	bottom: 70px;
	text-align:center;
	width: 63%;
}

.service-list-illust img{width: 80%;}

.service-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom: 15px;
}

.service-list-item{
	background: #fff;
	border-radius:16px;
	width: 32.3%;
	margin-bottom: 0px;
	padding: 1px 25px 15px;
	margin-bottom: 17px;
	position:relative;
}

.service-list-item::after{
	display:block;
	content:'';
	background:url('../img/index/spark.svg') no-repeat left top;
	background-size:100%;
	width:12px;
	height:12px;
	position:absolute;
	left: -14px;
	bottom: -15px;
}

.service-list-item:nth-child(3n + 1)::after{display: none;}

.service-list-item-head{
	position:relative;
	height: 90px;
}

.service-list-item-title{
	line-height: 1.25;
	color:#00bdc9;
	font-size:29px;
	position:absolute;
	left:0%;
	top:50%;
	transform:translate(0%,-50%);
	padding-left: 5px;
}

.service-list-item-image{
	position:absolute;
	right: 10px;
	top: 50%;
	transform: translate(0,-50%);
}

.service-list-item-image img{position:relative;}

.service-list-item-image img.illust-01{width:79px;}
.service-list-item-image img.illust-02{width:98px;right:10px;}
.service-list-item-image img.illust-03{width:81px;}
.service-list-item-image img.illust-04{width:74px;}
.service-list-item-image img.illust-05{width:74px;top:-10px;}
.service-list-item-image img.illust-06{width:78px;top:-5px;}
.service-list-item-image img.illust-07{width:64px;left:15px;}
.service-list-item-image img.illust-08{width:61px;}
.service-list-item-image img.illust-09{width:102px;left:10px;}
.service-list-item-image img.illust-10{width:57px;right:15px;top:-5px;}
.service-list-item-image img.illust-11{width:46px;top:-10px;right:5px;}
.service-list-item-image img.illust-12{width:51px;left:10px;top:-5px;}
.service-list-item-image img.illust-13{width:77px;left:15px;}

.service-list-item-detail{}
.service-list-item-detail > p{
	font-size:16px;
	letter-spacing:0.1em;
}
.service-list-item-effect{
	padding: 10px 0 0 0;
}

.service-list-item-effect h4{
	position:relative;
	font-size:18px;
	color:#00bdc9;
	text-align:center;
	margin-bottom: 10px;
	overflow: hidden;
}

.service-list-item-effect h4::before,
.service-list-item-effect h4::after{
	display:block;
	content:'';
	background:#00bdc9;
	background-size:100%;
	width:50%;
	height:1px;
	position:absolute;
	top:50%;
}

.service-list-item-effect h4::before{
	right:50%;
	margin-right: 45px;
}

.service-list-item-effect h4::after{
	left:50%;
	margin-left: 45px;
}

.service-list-item-effect p{
	font-size:15px;
	text-align:center;
}


/* index feeling ---------------------------------------*/

.feeling{padding:10px 0 0;}

.feeling-title{margin-bottom: 20px;}

.feeling-step{
	background: url(../img/index/bg_step.png) no-repeat center top;
	background-size: 100%;
	max-width: 1000px;
	height: 450px;
	margin: 0 auto;
	position:relative;
}

.feeling-step-illust{
	width: 258px;
	position:absolute;
	right: 0;
	bottom: -90px;
}

.feeling-step-item{
	position:absolute;
	width: 225px;
	font-size:16px;
}

.feeling-step-item.item-01{
	left: 5%;
	top: 320px;
}

.feeling-step-item.item-02{
	left: 39%;
	top: 280px;
}

.feeling-step-item.item-03{
	left: 73%;
	top: 250px;
}

.feeling-step-item p{
	font-size:15px;
	line-height: 1.5;
	text-align:center;
}

.feeling-cta{
	text-align:center;
	margin-bottom: 40px;
}

.feeling-cta a{
	display: inline-block;
	width:442px;
	height: 54px;
	line-height: 54px;
	font-size:22px;
	letter-spacing:0.1em;
	color: #fff;
	text-align:center;
	background: #FD77B2;
	border: 2px solid #FD77B2;
	font-weight:500;
	position:relative;
	border-radius:50px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	font-weight:bold;
	transition: all .25s ease;
}

.feeling-cta a::after{
	display:block;
	content:'';
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	width:10px;
	height:10px;
	position:absolute;
	right:30px;
	top:50%;
	transform:translate(0,-50%) rotate(-45deg);
}

.feeling-cta a:hover{
	background: #fff;
	color: #FD77B2;
}

.feeling-cta a:hover::after{
	border-color: #FD77B2;
}

/* index movie ---------------------------------------*/

.movie{
	background: #56D4DC;
	padding-top: 1px;
}

.movie-inner{padding-bottom: 40px;}
.movie-title{margin-bottom: 30px;}

.movie-flame{
	background: url(../img/index/movie.svg) no-repeat center center;
	background-size: 962px;
	width: 962px;
	height: 500px;
	position:relative;
	padding: 20px 76px;
}

.movie-comingsoon{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.movie-video{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.movie-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* animation */

.indexsection-title,
.feeling-step-illust{
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0) translateY(30px);
	-ms-transform: scale(0) translateY(30px);
	transform: scale(0) translateY(30px);
}

.indexsection-title.on,
.feeling-step-illust.on{
	-webkit-transition-timing-function: cubic-bezier(0, 0.7, 0, 1.3);
	-o-transition-timing-function: cubic-bezier(0, 0.7, 0, 1.3);
	transition-timing-function: cubic-bezier(0, 0.7, 0, 1.3);
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.feature-list-item,
.recommend-box-item-inner,
.service-list-item,
.service-list-illust{
	transition: all .75s ease;
	opacity: 0;
	transform: translate(0,100px);
}

.feature-list-item:nth-child(1){transition-delay: 0s;}
.feature-list-item:nth-child(2){transition-delay: 0.2s;}
.feature-list-item:nth-child(3){transition-delay: 0.4s;}

.recommend-box-item:nth-child(1) .recommend-box-item-inner:nth-child(1){transition-delay: 0s;}
.recommend-box-item:nth-child(1) .recommend-box-item-inner:nth-child(2){transition-delay: 0.3s;}
.recommend-box-item:nth-child(1) .recommend-box-item-inner:nth-child(3){transition-delay: 0.6s;}
.recommend-box-item:nth-child(1) .recommend-box-item-inner:nth-child(4){transition-delay: 0.9s;}
.recommend-box-item:nth-child(2) .recommend-box-item-inner:nth-child(1){transition-delay: 1.2s;}
.recommend-box-item:nth-child(2) .recommend-box-item-inner:nth-child(2){transition-delay: 1.5s;}
.recommend-box-item:nth-child(2) .recommend-box-item-inner:nth-child(3){transition-delay: 1.8s;}
.recommend-box-item:nth-child(2) .recommend-box-item-inner:nth-child(4){transition-delay: 2.1s;}

.service-list-item:nth-child(1){transition-delay: 0s;}
.service-list-item:nth-child(2){transition-delay: 0.2s;}
.service-list-item:nth-child(3){transition-delay: 0.4s;}
.service-list-item:nth-child(4){transition-delay: 0.6s;}
.service-list-item:nth-child(5){transition-delay: 0.8s;}
.service-list-item:nth-child(6){transition-delay: 1.0s;}
.service-list-item:nth-child(7){transition-delay: 1.2s;}
.service-list-item:nth-child(8){transition-delay: 1.4s;}
.service-list-item:nth-child(9){transition-delay: 1.6s;}
.service-list-item:nth-child(10){transition-delay: 1.8s;}
.service-list-item:nth-child(11){transition-delay: 2.0s;}
.service-list-item:nth-child(12){transition-delay: 2.2s;}
.service-list-item:nth-child(13){transition-delay: 2.4s;}
.service-list-illust{}

.animation.on .feature-list-item,
.animation.on .recommend-box-item-inner,
.animation.on .service-list-item,
.service-list-illust.on{
	opacity: 1;
	transform: translate(0,0px);
}

.service-lead{
	transition: all .75s ease;
	opacity: 0;
	transform: translate(0,100px);
}

.service-lead.on{
	opacity: 1;
	transform: translate(0,0px);
}



/* small pc */
@media screen and (min-width: 768px) and (max-width: 1100px){


	.indexwrapper{
		width: 100%;
		overflow: hidden;
	}

	/* index kv ---------------------------------------*/

	.kv-wrapper{
		padding-top: 43px;
		margin-bottom: 3.5vw;
	}

	.kv-wrapper::after{
		height:calc(100% - 10vw);
		top:10vw;
	}

	.kv{
		background: url(../img/index/forest_pc.png) no-repeat center 5px;
		background-size: 120vw;
		height: 68vw;
		padding: 26vw 0 0px;
	}

	.kv-title{margin-bottom: 2.2vw;}
	.kv-title img{width:55.2vw;}

	.kv-lead{
		font-size:1.6vw;
		margin-bottom: 4.5vw;
	}

	.kv-anime.kv-anime-01{top:11.8vw;margin-left:-47.6vw;width:10.4vw;}
	.kv-anime.kv-anime-02{top:8.0vw;margin-left:-26.5vw;width:18.8vw;}
	.kv-anime.kv-anime-03{top:8.6vw;margin-left:1.1vw;width:17.7vw;}
	.kv-anime.kv-anime-04{top:5.5vw;margin-left:22.0vw;width:23.2vw;}
	.kv-anime.kv-anime-05{top:21.7vw;margin-left:34.9vw;width:20.2vw;}
	.kv-anime.kv-anime-06{top:25.5vw;margin-left:-57.0vw;width:22.8vw;}
	.kv-anime.kv-anime-07{top:50.0vw;margin-left:-55.5vw;width:22.7vw;}
	.kv-anime.kv-anime-08{top:47.5vw;margin-left:-29.3vw;width:16.3vw;}
	.kv-anime.kv-anime-09{top:48.4vw;margin-left:13.0vw;width:24.4vw;}
	.kv-anime.kv-anime-10{top:41.0vw;margin-left:33.0vw;width:22.4vw;}

	.kv-popup-btn img{width:12.2vw;}

	.kv-popup-wrapper{
		top:56.0vw;
		width: 85.6vw;
		border-radius:10px;
		padding: 3.0vw 4.5vw 1.3vw;
	}

	.kv-popup-title{
		max-width:60.3vw;
		margin-bottom: 3.0vw;
	}

	.kv-popup-image-01{
		right: 1vw;
		top: 0.5vw;
		width: 19.5%;
	}

	.kv-popup-image-02{
		top: 5.5vw;
	}

	.kv-popup-text{
		font-size:1.6vw;
		padding-bottom: 4vw;
	}

	.kv-popup-quokka{padding-top: 1.5vw;}
	.kv-popup-quokka-text{font-size:1.5vw;}

	.kv-popup-close{
		right: -2.5vw;
		top: -2.5vw;
		width: 5.0vw;
	}


	/* index welcome ---------------------------------------*/

	.welcome-title{margin-bottom: 2.0vw;}


	/* index feature ---------------------------------------*/

	.feature{padding:1.0vw 0 0vw;}
	.feature-title{margin-bottom: 6.0vw;}
	.feature-title img{width:70vw;}
	.feature-list{padding-bottom: 3.2vw;}
	.feature-list-item-image{margin-bottom: 2.5vw;}
	.feature-list-item-detail{font-size:1.6vw;}
	.feature-list-item{padding-left: 2%}
	.feature-list-item:nth-child(1),
	.feature-list-item:nth-child(2),
	.feature-list-item:nth-child(3){
		padding-left: 2%;
		padding-right: 2%;
		width: 33.33%;
	}


	/* index recommend ---------------------------------------*/

	.recommend{}
	.recommend-title{margin-bottom: 2.8vw;}
	.recommend-title img{width:74vw;}

	.recommend-box{
		background: url(../img/index/recommend_pc.png) no-repeat center center;
		background-size: 100.4vw 68.2vw;
	    width: 100.4vw;
	    height: 70.2vw;
	}

	.recommend-box-inner{padding: 7.2vw 9.0vw 0 12.0vw;}

	.recommend-box-item{
		width: 45%;
		margin-bottom:.0vw;
	}

	.recommend-box-item-inner{margin-bottom: 3.3vw;}
	.recommend-box-item-image img{height:10.4vw;}

	.recommend-box-item-image img.caseimage-01{left:10%;}
	.recommend-box-item-image img.caseimage-02{left:5%;top:.5vw;}
	.recommend-box-item-image img.caseimage-03{left:9%;top:.2vw;}
	.recommend-box-item-image img.caseimage-04{height:10.5vw;right:13%;top:.4vw;}
	.recommend-box-item-image img.caseimage-05{height:11.1vw;left:15%;top:-.5vw;}
	.recommend-box-item-image img.caseimage-06{height:11.1vw;right:15%;}
	.recommend-box-item-image img.caseimage-07{height:10.5vw;right:20%;top:.4vw;}
	.recommend-box-item-image img.caseimage-08{height:10.5vw;left:8%;top:.2vw;}

	.recommend-box-item-detail h3{
		font-size:3.2vw;
		margin-bottom: 1.0vw;
	}

	.recommend-box-item-detail p{font-size:1.6vw;}


	/* index service ---------------------------------------*/

	.service{padding: 1.0vw 0 0;}
	.service-title{margin-bottom: 1.5vw;}
	.service-title img{width:55vw;}
	.service-inner{padding: 0 1.2vw 1.0vw;}

	.service-lead{
		font-size:1.8vw;
		margin-bottom: 3.8vw;
	}

	.service-list-illust{bottom: 7.0vw;}
	.service-list{margin-bottom: 1.5vw;}

	.service-list-item{
		border-radius:1.6vw;
		margin-bottom: .0vw;
		padding: .1vw 2.5vw 1.5vw;
		margin-bottom: 1.7vw;
	}

	.service-list-item::after{
		width:1.2vw;
		height:1.2vw;
		position:absolute;
		left: -1.4vw;
		bottom: -1.3vw;
	}

	.service-list-item-head{height: 9.0vw;}

	.service-list-item-title{
		font-size:2.9vw;
		padding-left: .5vw;
	}

	.service-list-item-image{right: 1.0vw;}

	.service-list-item-image img{position:relative;}

	.service-list-item-image img.illust-01{width:7.9vw;}
	.service-list-item-image img.illust-02{width:9.8vw;right:1.0vw;}
	.service-list-item-image img.illust-03{width:8.1vw;}
	.service-list-item-image img.illust-04{width:7.4vw;}
	.service-list-item-image img.illust-05{width:7.4vw;top:-1.0vw;}
	.service-list-item-image img.illust-06{width:7.8vw;top:-.5vw;}
	.service-list-item-image img.illust-07{width:6.4vw;left:1.5vw;}
	.service-list-item-image img.illust-08{width:6.1vw;}
	.service-list-item-image img.illust-09{width:10.2vw;left:1.0vw;}
	.service-list-item-image img.illust-10{width:5.7vw;right:1.5vw;top:-.5vw;}
	.service-list-item-image img.illust-11{width:4.6vw;top:-1.0vw;right:.5vw;}
	.service-list-item-image img.illust-12{width:5.1vw;left:1.0vw;top:-.5vw;}
	.service-list-item-image img.illust-13{width:7.7vw;left:1.5vw;}

	.service-list-item-detail{}
	.service-list-item-detail > p{font-size:1.6vw;}
	.service-list-item-effect{padding: 1.0vw 0 0 0;}

	.service-list-item-effect h4{
		font-size:1.8vw;
		margin-bottom: 1.0vw;
	}

	.service-list-item-effect h4::before{margin-right: 4.5vw;}
	.service-list-item-effect h4::after{margin-left: 4.5vw;}
	.service-list-item-effect p{font-size:1.5vw;}


	/* index feeling ---------------------------------------*/

	.feeling{padding:1.0vw 0 0;}
	.feeling-title{margin-bottom: 2.0vw;}
	.feeling-title img{width:72vw;}

	.feeling-step{
		background: url(../img/index/bg_step.png) no-repeat center top;
		background-size: 98%;
		max-width: 98.0vw;
		height: 45.0vw;
		margin: 0 auto;
	}

	.feeling-step-illust{
		width: 25.8vw;
		bottom: -9.0vw;
	}

	.feeling-step-item{
		width: 22.5vw;
		font-size:1.6vw;
	}

	.feeling-step-item.item-01{top: 31.0vw;}
	.feeling-step-item.item-02{top: 27.0vw;}
	.feeling-step-item.item-03{top: 24.0vw;}
	.feeling-step-item p{font-size:1.5vw;}
	.feeling-cta{margin-bottom: 4.0vw;}

	.feeling-cta a{
		width:44.2vw;
		height: 5.8vw;
		line-height: 5.8vw;
		font-size:2.2vw;
		border-radius:5.0vw;
		box-shadow:.0vw .0vw 1.0vw rgba(0,0,0,0.1);
	}

	.feeling-cta a::after{
		border-right:.2vw solid #fff;
		border-bottom:.2vw solid #fff;
		width:1.0vw;
		height:1.0vw;
		right:3.0vw;
	}


	/* index movie ---------------------------------------*/

	.movie{}
	.movie-inner{padding-bottom: 4.0vw;}
	.movie-title{margin-bottom: 3.0vw;}
	.movie-title img{width:48vw;}

	.movie-flame{
		background: url(../img/index/movie.svg) no-repeat center center;
		background-size: 96.2vw;
		width: 96.2vw;
		height: 50.0vw;
		position:relative;
		padding: 2.0vw 7.6vw;
		margin: 0 auto;
	}




}













@media screen and (max-width: 767px){

	.indexwrapper{padding-top: 0px;}

	.indexsection-title{}


	/* index kv ---------------------------------------*/

	.kv-wrapper{
		padding-top: 45px;
		margin-bottom: 0vw;
		width: 100%;
		overflow: visible;
	}

	.kv-wrapper::after{
		height:calc(100% - 65px);
		top:65px;
	}

	.kv{
		background: url(../img/index/forest_sp.png) no-repeat center 0px;
		background-size: 100%;
		height: 173vw;
		padding: 59.5vw 0 0px;
	}

	.kv-inner{}
	.kv-title{margin-bottom: 3vw;}
	.kv-title img{width:63.5vw;}

	.kv-lead{
		font-size:3.5vw;
		line-height: 1.8;
		margin-bottom: 4.5vw;
		letter-spacing:0.1em;
	}

	.kv-anime.kv-anime-01{width:14vw;top:124vw;margin-left:-41vw;}
	.kv-anime.kv-anime-02{width:23vw;top:12vw;margin-left:-35vw;}
	.kv-anime.kv-anime-03{width:21.5vw;top:9.8vw;margin-left:-1.5vw;}
	.kv-anime.kv-anime-04{width:26vw;top:14.5vw;margin-left:21vw;}
	.kv-anime.kv-anime-05{width:26vw;top:39vw;margin-left:22vw;}
	.kv-anime.kv-anime-06{width:29vw;top:142vw;margin-left:-46vw;}
	.kv-anime.kv-anime-07{width:30vw;top:35vw;margin-left:-45vw;}
	.kv-anime.kv-anime-08{width:20vw;top:30vw;margin-left:-5.5vw;}
	.kv-anime.kv-anime-09{width:31vw;top:150vw;margin-left:18vw;}
	.kv-anime.kv-anime-10{width:30vw;top:122vw;margin-left:18.5vw;}

	.kv-popup-btn{width: 16vw;}

	.kv-popup-wrapper{
		width: 88vw;
		border:2px solid #00bdc9;
		padding: 5vw 8vw 6vw;
		top: 76vw;
	}

	.kv-popup-title{
		max-width:100%;
		width: 60vw;
		margin-bottom: 0px;
	}

	.kv-popup-image-01{
		position:relative;
		right: -3vw;
		top: 0;
		width: 43%;
		max-width: 43%;
		display: inline-block;
		vertical-align: middle;
		margin-left: 7%;
	}

	.kv-popup-image-02{
		position:relative;
		right: 0;
		top: 0px;
		width: 47%;
		max-width: 47%;
		display: inline-block;
		vertical-align: middle;
	}

	.kv-popup-text{
		font-size:3.6vw;
		line-height: 1.7;
		width: 100%;
		letter-spacing:0.05em;
		padding: 4vw 0;
	}

	.kv-popup-quokka{
		display: block;
		border-top:1px solid #00bdc9;
		padding-top: 3vw;
	}

	.kv-popup-quokka-image{
		width: 100%;
		text-align:center;
	}

	.kv-popup-quokka-image img{width:40vw;}

	.kv-popup-quokka-text{
		width: 100%;
		font-size:3.5vw;
		line-height: 1.6;
		letter-spacing:0.03em;
	}

	.kv-popup-quokka-text th{
		width:60px;
		vertical-align: top;
	}

	.kv-popup-quokka-text tr:nth-child(2) th{letter-spacing:0.1em;}
	.kv-popup-quokka-text td{
		padding-left: 0px
	}
	.kv-popup-quokka-text td div{
		text-indent:-1em;
		margin-left: 1em
	}

	.kv-popup-close{
		position:absolute;
		right: -15px;
		top: -15px;
		width: 35px;
	}

	.kv-popup-close:hover{transform:translate(0,0);}


	/* index wave ---------------------------------------*/


	/* index feature ---------------------------------------*/

	.feature{padding:7vw 0 0px;}
	.feature-inner{padding: 0 8.2%;}
	.feature-title{margin-bottom: 3.5vw;}

	.feature-list{
		display: block;
		padding-bottom: 1px;
	}

	.feature-list-item,
	.feature-list-item:nth-child(1),
	.feature-list-item:nth-child(2),
	.feature-list-item:nth-child(3){
		width: 100%;
		border-left: none;
		border-top: 1px solid #00bdc9;
		padding: 5.7vw 0;
	}

	.feature-list-item:first-child{border-top:none;}

	.feature-list-item-image{
		text-align:left;
		margin-bottom: 3.5vw;
	}

	.feature-list-item-image img{width: 100%;}

	.feature-list-item-detail{
		font-size:3.4vw;
		line-height: 1.7;
		letter-spacing:0.13em;
	}


	/* index recommend ---------------------------------------*/

	.recommend{padding: 5vw 0 0;}

	.recommend-title{margin-bottom: 0;}
	.recommend-title img{width:70vw;}
	.recommend-inner{
		padding: 0 4.7% 0vw;
		margin-bottom: 3%;
	}

	.recommend-box{
		background: url(../img/index/recommend_sp.png) no-repeat center center;
		background-size: 100% auto;
		width: 100%;
		height: 250vw;
		margin-top: -2%;
	}

	.recommend-box-inner{padding: 18vw 5vw 10vw 9vw;}
	.recommend-box-flex{display: block;}
	.recommend-box-item{width: 100%;}
	.recommend-box-item-inner{margin-bottom: 5.1vw;}

	.recommend-box-item-image{
		position:absolute;
		top: 0;
	}

	.case-04{top: 2vw;}
	.recommend-box-item-image img{height:18vw;}
	.recommend-box-item-detail{width: 80%;}

	.recommend-box-item-inner:nth-child(2n) .recommend-box-item-detail{margin-left: 18%;width:82%;}

	.recommend-box-item-image img.caseimage-01{height:18vw;left:-10%;top:4vw;}
	.recommend-box-item-image img.caseimage-02{height:19vw;left:-15%;top:3vw;}
	.recommend-box-item-image img.caseimage-03{height:18vw;left:-5%;top:4vw;}
	.recommend-box-item-image img.caseimage-04{height:20vw;right:20%;}
	.recommend-box-item-image img.caseimage-05{height:20vw;left:15%;top:2vw;}
	.recommend-box-item-image img.caseimage-06{height:19vw;top:2vw;right:25%;}
	.recommend-box-item-image img.caseimage-07{height:18vw;right:25%;}
	.recommend-box-item-image img.caseimage-08{height:20vw;top:3vw;}

	.recommend-box-item-detail h3{
		font-size:4.9vw;
		margin-bottom: 2vw;
	}

	.recommend-box-item-detail p{
		font-size:3.5vw;
		line-height: 1.6;
		letter-spacing:0.1em;
	}


	/* index service ---------------------------------------*/

	.service{padding: 0.1vw 0 0;}
	.service-title{margin-bottom: 4vw;}
	.service-title img{width:80vw;}

	.service-inner{
		position:relative;
		padding: 0 3vw 0vw;
		margin:5vw auto 0vw;
	}

	.service-lead{
		text-align:center;
		line-height: 1.7;
		font-size:3.5vw;
		width:80vw;
		margin: 0 auto 4vw;
	}

	.service-list{
		display: block;
		width:85vw;
		margin: 0 auto;
	}

	.service-list-item{
		border-radius:10px;
		width: 100%;
		padding: 1px 4vw .5vw;
		margin-bottom: 3.2vw;
	}

	.service-list-item::after{display: none;}

	.service-list-item:last-child{margin-bottom: 5vw;}
	.service-list-item-head{height: 12.5vw;}
	.service-list-item-title{font-size:5.5vw;padding-left: 2vw;}
	.service-list-item-image{right: 3vw;}

	.service-list-item-image img.illust-01{width:12vw;left:2vw;}
	.service-list-item-image img.illust-02{width:15vw;left:2vw;}
	.service-list-item-image img.illust-03{width:12vw;left:2vw;}
	.service-list-item-image img.illust-04{width:11vw;left:2.5vw;}
	.service-list-item-image img.illust-05{width:10.5vw;top:-2vw;left:2.5vw;}
	.service-list-item-image img.illust-06{width:13vw;left:3vw;top:0.5vw}
	.service-list-item-image img.illust-07{width:10vw;left:3vw;top: .5vw;}
	.service-list-item-image img.illust-08{width:9vw;top: 1vw;left:2vw;}
	.service-list-item-image img.illust-09{width:14vw;left:2vw;}
	.service-list-item-image img.illust-10{width:8.5vw;left:2.5vw;top:0vw;}
	.service-list-item-image img.illust-11{width:7vw;top:-1vw;left:2.5vw;}
	.service-list-item-image img.illust-12{width:8vw;left:3vw;}
	.service-list-item-image img.illust-13{width:11vw;left:4vw;}

	.service-list-item-detail{padding:0 1vw 0 2vw;}

	.service-list-item-detail > p{
		font-size:3.5vw;
		letter-spacing:0.13em;
	}

	.service-list-item-effect{
		margin-top:0.5vw;
		padding: 1vw 0 0 0;
		position:relative;
	}

	.service-list-item-effect h4{
		font-size:3.5vw;
		margin-bottom: 1.5vw;
		padding-top: 2.3vw;
		text-align: left;
		letter-spacing:0em;
	}

	.service-list-item-effect h4::before{
		width:100%;
		top:0;
	}

	.service-list-item-effect h4::before{
		right:0;
		margin-right: 0px;
	}

	.service-list-item-effect h4::after{display: none;}

	.service-list-item-effect p{
		font-size:3.5vw;
		text-align: left;
		position:absolute;
		left: 11vw;
		top: 3vw;
		letter-spacing:0.1em;
	}

	.service-list-illust{
		position:relative;
		bottom: 0px;
		text-align:center;
		width: 100%;
	}

	.service-list-illust img{width: 85%;}


	/* index feeling ---------------------------------------*/

	.feeling{
		padding:3vw 0 0;
		margin:4vw auto 0px;
	}

	.feeling-title{
		margin-bottom: 8vw;
		display: block;
	}

	.feeling-title img{width:70vw;}

	.feeling-step{
		background: url(../img/index/bg_step_sp.png) no-repeat center top;
		background-size: 100%;
		height: 325vw;
	}

	.feeling-step-illust{
		width: 64vw;
		right: auto;
		left: 50%;
		position:absolute;
		transform:scale(0) translate(-50%,0%);
		transition-delay: 0.5s;
		bottom: 6vw;
	}

	.feeling-step-illust.on{
		transform:scale(1) translate(-50%,0%);
	}

	.feeling-step-item{
		position:relative;
		width: 100%;
		font-size:3vw;
	}

	.feeling-step-item.item-01,
	.feeling-step-item.item-02,
	.feeling-step-item.item-03{
		left: 0;
		top: 0;
		height: 95vw;
	}

	.feeling-step-item.item-01{padding-top: 62vw;}
	.feeling-step-item.item-02{padding-top: 60vw;}
	.feeling-step-item.item-03{padding-top: 59vw;}

	.feeling-step-item p{
		font-size:3.6vw;
		line-height: 1.6;
		text-align:center;
	}

	.feeling-cta{
		width:auto;
		padding-bottom: 0vw;
		margin-bottom: 6vw;
	}

	.feeling-cta a{
		height: 11vw;
		width: 78vw;
		line-height: 10vw;
		font-size: 3.8vw;
		letter-spacing: 0.1em;
	}

	.feeling-cta a::after{
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		width:2vw;
		height:2vw;
		right:5vw;
	}


	/* index movie ---------------------------------------*/

	.movie{padding-top: 3vw;}

	.movie-inner{
		padding: 0 5vw 5vw;
	}

	.movie-title{
		width:70vw;
		margin: 0 auto 5vw;
	}

	.movie-title img{width:70vw;}

	.movie-flame{
		background: url(../img/index/movie.svg) no-repeat center top;
		background-size: 100%;
		width: 100%;
		height: 48vw;
		padding: 1.5vw 7vw;
	}

	.movie-comingsoon{width: 40vw;}



	/* animation ---------------------------------------*/

	.feature-list-item:nth-child(2){transition-delay: 0.3s;}
	.feature-list-item:nth-child(3){transition-delay: 0.6s;}


	.service-list-item:nth-child(1){transition-delay: 0s;}
	.service-list-item:nth-child(2){transition-delay: 0.3s;}
	.service-list-item:nth-child(3){transition-delay: 0.6s;}
	.service-list-item:nth-child(4){transition-delay: 0.9s;}
	.service-list-item:nth-child(5){transition-delay: 1.2s;}
	.service-list-item:nth-child(6){transition-delay: 1.5s;}
	.service-list-item:nth-child(7){transition-delay: 1.8s;}
	.service-list-item:nth-child(8){transition-delay: 2.1s;}
	.service-list-item:nth-child(9){transition-delay: 2.4s;}
	.service-list-item:nth-child(10){transition-delay: 2.7s;}
	.service-list-item:nth-child(11){transition-delay: 3.0s;}
	.service-list-item:nth-child(12){transition-delay: 3.3s;}
	.service-list-item:nth-child(13){transition-delay: 3.6s;}
}