
body{
	color:#4c4948;
}

a{
	color: #4c4948;
}

#main_content{
	margin-top:130px;
}


.top_sec{
	margin:0 auto;
	padding: 0;
	position:relative;
	z-index:99;
}

.main_img{
	position:relative;
}



.main_copy_en{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.main_copy_en > div{
	height:45px;
	opacity:0;
}


.main_copy_en > div.text01{
	transform: translate(-120px,-100px);
	-webkit-transform: translate(-120px,-100px);
	-moz-transform: translate(-120px,-100px);
	-o-transform: translate(-120px,-100px);
	-ms-transform: translate(-120px,-100px);
}

.main_copy_en > div.text02{
	transform: translate(150px,-100px);
	-webkit-transform: translate(150px,-100px);
	-moz-transform: translate(150px,-100px);
	-o-transform: translate(150px,-100px);
	-ms-transform: translate(150px,-100px);
}

.main_copy_en > div.text03{
	transform: translate(-150px,-80px);
	-webkit-transform: translate(-150px,-80px);
	-moz-transform: translate(-150px,-80px);
	-o-transform: translate(-150px,-80px);
	-ms-transform: translate(-150px,-80px);
}

.main_copy_en > div.text04{
	transform: translate(120px, -80px);
	-webkit-transform: translate(120px, -80px);
	-moz-transform: translate(120px, -80px);
	-o-transform: translate(120px, -80px);
	-ms-transform: translate(120px, -80px);
}


.open .main_copy_en > div.text01{
	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 .main_copy_en > div.text02{
	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 .main_copy_en > div.text03{
	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 .main_copy_en > div.text04{
	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;
}








.main_copy_en > div img{
	width:auto;
	height:100%;
}

.main_copy_jp{
	position:absolute;
	top:90%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	}

.main_copy_jp p{
	width:40px;
}


.sub_copy_jp{
	margin: 40px auto 0;
	display:flex;
	justify-content: center;
}

.sub_copy_jp > div{
	width:50%;
}

.sub_copy_jp > div.text01{
	margin-right:80px;
}
.sub_copy_jp > div.text02{
	margin-left:80px;
}

.sub_copy_jp > div p{
	font-size:16px;
	line-height:180%;
	color:#EE6779;
}


.sub_copy_jp > div.text01 p{
	text-align:right;
}


.top_sec_bbg{
	margin-top: 40px;
	width: 100%;
	height: 150px;
	background: #F6ECE2;
}



















.content_index{
	margin-top: 100px;
}


.content_index_inner {
}


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


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


	
.content_wrap{
	width: 1180px;
	padding: 0 120px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

.content_img_img {
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.78, .18, .34, .98) 0.2s,
	transform 0.6s cubic-bezier(0.78, .18, .34, .98) 0.2s;
}


.content_box.active .content_img_img{
	opacity: 1;
}

.slick-slide img{
	opacity:0;
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-moz-transform:translateY(-40px);
	-o-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
}


.slick-slide.slick-current img{
	opacity:1;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-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;
}


.content_copy{
	position:absolute;
	width: 45px;
	z-index:99;
	top:-30px;
	right: -10px;
}

.content_copy.copy00{
	top:-30px;
	left:-30px;
	right:auto;
}



.content_copy p{
-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-feature-settings: initial;
	font-size:22px;
	letter-spacing:3px;
	font-weight:bold;
	line-height:140%;
}

.content_title{
	position:absolute;
	width: 100%;
	z-index:99;
	bottom:20%;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.content_title p{
	font-family: "semplicitapro", sans-serif;
	font-size:44px;
	letter-spacing:4px;
	text-align: center;
	line-height: 100%;
	color:#EE6779;
}





.content_detail{
	width:45%;
}


.content_detail p{
	text-align:center;
	font-size:14px;
}


.content_detail p span{
	font-weight:bold;
}

.content_detail p span.new{
	color:#E60012;
}







@media screen and (max-width: 640px){
	
	
	#main_content {
		margin-top: 80px;
	}
	
	
	.main_copy_en > div {
		height: 38px;
	}
	
	.main_copy_en > div.text01 {
    transform: translate(-80px, -100px);
    -webkit-transform: translate(-80px, -100px);
    -moz-transform: translate(-80px, -100px);
    -o-transform: translate(-80px, -100px);
    -ms-transform: translate(-80px, -100px);
	}
	
	
	
	.main_copy_en > div.text03 {
		transform: translate(-100px, -100px);
		-webkit-transform: translate(-100px, -100px);
		-moz-transform: translate(-100px, -100px);
		-o-transform: translate(-100px, -100px);
		-ms-transform: translate(-100px, -100px);
	}
	
	
	.main_copy_en > div.text02 {
    transform: translate(120px, -100px);
    -webkit-transform: translate(120px, -100px);
    -moz-transform: translate(120px, -100px);
    -o-transform: translate(120px, -100px);
    -ms-transform: translate(120px, -100px);
}
	
	
	.main_copy_en > div.text04 {
		transform: translate(98px, -80px);
		-webkit-transform: translate(98px, -80px);
		-moz-transform:translate(98px, -80px);
		-o-transform: translate(98px, -80px);
		-ms-transform: translate(98px, -80px);
	}
	
	
	
	.sub_copy_jp > div.text01 {
		margin-right: 40px;
	}
	
	
	.sub_copy_jp > div.text02 {
		margin-left: 40px;
	}
	
	
	.sub_copy_jp > div p {
    font-size: 14px;
}
	
	
	.main_copy_jp {
		top: 95%;
	}
	
	.main_copy_jp p {
		width: 30px;
	}
	
	
	
	
	.sub_copy_jp {
		margin: 20px auto 0;
	}
	
	
	.top_sec_bbg {
		margin-top: 20px;
		height: 100px;
	}
	
	
	
	.content_wrap {
		width: 100%;
		padding: 0 40px;
		margin: 0 auto;
		position: relative;
		display: block;
	}
	
	
	.content_box {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	
	
	.content_img {
		width: 100%;
	}
	
	.content_copy {
		right: -22px;
	}
	
	
	.content_copy p {
		font-size: 16px;
		letter-spacing: 3px;
	}
	
	
	.content_detail {
		width: 100%;
		margin-top:40px;
	}
	
	
	
	.content_title p {
    font-size: 42px;
    letter-spacing: 4px;
	}
	
	
	.content_copy.copy00{
	left:-20px;
}
	
	
	
	
}





@media screen and (max-width: 390px){
	
	
	
	.content_title p {
		font-size: 38px;
	}
	
	
	
	
	
	
}