#main_content {
	margin-top: 130px;
}


.top_sec{
	max-width:980px;
	margin:0 auto;
	position: relative;
}

.top_sec_img{
	position:absolute;
	opacity:0;
}


.top_sec_img01{
	width:200px;
	top:-5%;
	left:10%;
}

.top_sec_img02{
	width:180px;
	top:5%;
	left:-5%;
	transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
}

.top_sec_img03{
	width:200px;
	top:55%;
	left:10%;
}


.top_sec_img04{
	width: 250px;
	top: -8%;
	right: 12%;
}


.top_sec_img05{
	width: 182px;
	top: 25%;
	right: 5%;
			transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
}


.top_sec_img06{
	width:180px;
	top:55%;
	right:15%;
	transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
}




.open .top_sec_img01{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
}


.open .top_sec_img02{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
}


.open .top_sec_img03{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
}



.open .top_sec_img04{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
}


.open .top_sec_img05{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
}


.open .top_sec_img06{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
}








.main_copy{
	position:relative;
	width:200px;
	margin: 0px auto;
	padding:100px 0;
}

.sub_copy p{
	text-align:center;
	font-size:18px;
	line-height:180%;
	color:#eec8b9;
}

.sub_copy{
	margin-top:120px;
}


.top_bg{
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	width: 450px;
	height: 450px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}


.open .top_bg{
	opacity:1;
	-webkit-transition: 2s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: 2s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: 2s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition: 2s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition: 2s cubic-bezier(0.78, .18, .34, .98) .4s;
	}




.content_index{
	margin-top: 100px;
}


.content_index_inner {
	width: 1120px;
	padding: 0 80px;
	margin: 0 auto;
}

.content_box{
	position:relative;
	margin-bottom: 100px;
}

.content_box:last-child{
	margin-bottom: 0px;
}

.content_top{
	position:absolute;
	z-index: 99;
	text-align:center;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.content_top .content_title p{
	font-size:32px;
	color:#eec8b9;
	font-weight:bold;
}

.content_top .content_note{
	display:inline-block;
	background:#eec8b9;
	margin-top:30px;
	padding: 6px 12px;
}

.content_top .content_note p{
	line-height:150%;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}


.content_top .floor{
	margin-top:20px;
}

.content_top .floor p{
	font-size:14px;
	font-weight:bold;
}

.content_top .insta a{
	font-size:14px;
}

.content_box_wrap{
	display:flex;
	justify-content: space-between;
	align-items: center;
}


.content_illust{
	width:50%;
	position:relative;
}


.content_illust .second{
	opacity:0;
	position:absolute;
	top:0;
}

.content_illust.active .second{
	opacity:1;
	-webkit-transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition: 0.6s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition: 0.6s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition: 2s cubic-bezier(0.78, .18, .34, .98) .5s;
	}
	




.content_item{
	width:40%;
}

.content_item_img{
	opacity:0;
}

	.active .content_item_img{
	animation: bon 0.6s cubic-bezier(.215,.61,.355,1) forwards;
	-webkit-animation: bon 0.6s cubic-bezier(.215,.61,.355,1) forwards;
	}
	
	
	@keyframes bon {
		
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3,.3,.3);
			transform: scale3d(.3,.3,.3);
		}
		
		50%
		{
			-webkit-transform: scale3d(1.05,1.05,1.05);
			transform: scale3d(1.05,1.05,1.05);
		}
		
		100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	
	}





								
								
								
								
								


.content_item_info{
	padding:0 50px;
}

.content_item_info p{
	text-align:center;
	font-size: 13px;
	line-height: 150%;
}

.content_item_note{
	position:relative;
	padding:0 50px;
}

.content_item_note_text{
	position: absolute;
	padding: 0 50px;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


.content_item_note_text p{
	font-size: 13px;
	line-height: 150%;
}
















@media screen and (max-width: 640px){
	
	
	
	#main_content {
		margin-top: 80px;
	}
	
	
	
	
	
	
.top_sec_img01{
		width: 28%;
		top: -4.5%;
		left: 23%;
}

.top_sec_img02{
		width: 27%;
		top: 7%;
		left: 3%;
	}

.top_sec_img03{
		width: 31%;
		top: 50%;
		left: 7%;
}


.top_sec_img04{
		width: 30%;
		top: -5%;
		right: 12%;
}


.top_sec_img05{
		width: 26%;
		top: 16%;
		right: 5%;
	}
	

	.top_sec_img06 {
		width: 25%;
		top: 38%;
		right: 15%;
	}
	
	
	.main_copy {
		width: 150px;
	}
	
	
	.sub_copy {
		margin-top: 80px;
	}
	
	
	
	
		.content_index_inner {
		width: 100%;
		padding: 0 0px;
	}
	
	
	.content_top {
    position: relative;
    text-align: center;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform:none;
	}
	
	
	.content_top .content_title p {
    font-size: 26px;
	}
	
	
	
	.content_item_info {
		padding: 0 0;
	}
	
	.content_item_info p{
		font-size: 12px;
		line-height: 150%;
		text-align: center;
	}
	

	
	
	.content_illust {
		width: 45%;
	}
	
	
	
	.content_item {
		width: 55%;
		padding:0 25px;
	}
	
	.content_item_note {
		padding: 0 0px;
	}
	
	
	
	.content_item_note_sp{
		display:flex!important;
		justify-content: space-between;
		align-items: center;
		padding:0 20px;
		margin-top:0px;
	}
	
	.content_item_note_sp .cheek_img{
		width:48%;
	}
	
	.content_item_note_text {
		width:48%;
		padding: 0 0;
		position:static;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	
	.content_item_note_text p{
		font-size: 11px;
	}
	
	
	.content_item_note_text p{
		font-size: 11px;
	}
	
	
	
}


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

}