@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
body{
	background:url(../img/common/bg04.jpg) repeat left top;
}

#main{
	padding:90px 20px 68px;
	max-width:1340px;
	margin:0 auto;
	position:relative;
}

#main .inner{
	margin:0 7.8% 39px 0;
}

#main .inner .photoBox{
	float:left;
	max-width:546px;
	width:45%;
	position:relative;
}

#main .inner .photoBox .bg img{width:100%;}
#main .inner .photoBox .move_01,
#main .inner .photoBox .move_02,
#main .inner .photoBox .move_03,
#main .inner .photoBox .move_04,
#main .inner .photoBox .move_05{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#main .inner .photoBox .move_01{
	top:402px;
	left:546px;
	opacity:1;
/*
	top:402px;
	left:396px;
*/
}

#main .inner .textBox{
	padding-top:40px;
	float:right;
	max-width:640px;
	width:53%;
}

#main .inner .textBox p{
	color:#EFD7C5;
	line-height:2.65;
	text-indent:1em;
}

#main .inner .textBox .title{
	margin:0 -40px 55px 0;
	font-size:32px;
	font-family:"MS UI Gothic", sans-serif;
	font-weight:normal;
	line-height:1.5;
	letter-spacing:20px;
	text-indent:0;
}

#main .inner .textBox .text{
	margin-bottom:33px;
}

#main .textImg{
	margin-left:-5px;
	max-width:742px;
	width:56%;
}

#main .textImg img{
	width:100%;
}

#main .stepImg{
	position:absolute;
	bottom:88px;
	right:8.2%;
	max-width:212px;
	width:16%;
}

#main .stepImg img{
	width:100%;
}

@media all and (min-width:0px) and (max-width:767px){
	#gHeader{
		margin:11px 7px 0;
		padding:11px 15px 0;
		background:url(../img/common/sp_bg.jpg) repeat left top;
		background-size:100% auto;
	}

	#main{
		margin:0 7px 30px;
		padding:4px 0 0;
		background:url(../img/common/sp_bg.jpg) repeat left top;
		background-size:100% auto;
	}

	.menu{top:47px;}

	.menuBox{top:45px;}

	.spH1{margin-bottom:70px;}

	.spH1 span{
		width:17.5%;
		margin:0 0 -38.5% 56px;
	}

	#main .textImg{
		margin:0 38px -47px 0;
		float:right;
		width:44.5%;
	}

	#main .photo{
		position:relative;
		z-index:50;
		margin-bottom:40px;
		padding:0 20px;
	}
	#main .photo span{
		position:absolute;
		top:50%;
		right:10px;
		width:1.5%;
		margin-top:-92px;
	}
	#main .photo .move_01,
	#main .photo .move_02{
		position:absolute;
		bottom:0;
		left:20px;
		right:20px;
	}
	#main .photo .move_01 img,
	#main .photo .move_02 img{
		opacity:0;
		position:absolute;
		top:0;
	}

	#main .photo02{position:relative;}
	#main .photo02 span{
		display:block;
		width:22%;
		position:absolute;
		bottom:37px;
		right:3px;
		z-index:100;
	}

	#main .pBox{
		padding:20px 20px 27px;
		position:relative;
	}

	#main .pBox p{
		margin-bottom:30px;
		font-size:10px;
		color:#000;
		line-height:2.3;
	}

	#main .pBox .title{
		margin-bottom:20px;
		font-size:12px;
		font-family:"MS PMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","游明朝","YuMincho",serif;
		color:#916353;
	}

	#main .pBox .text{margin-bottom:5px;}

	#main .pBox p:last-child{margin-bottom:0;}

	#main .pBox .num{
		position:absolute;
		top:-95px;
		right:0;
		width:197px;
	}
}



@media all and (min-width:768px) and (max-width:1024px) {
}