@charset "utf-8";


/* parallaxアニメーションで使用される要素周り
************************************************************************************/

/* parallax1 */
#para-area01 .txt {
	margin-top:210px;
}
#para-area01 .item01 {
	width: 300px;
	text-align:center;
	position:absolute;
}
#para-area01 .item02 {
	width: 270px;
	text-align:center;
	position:absolute;
}
#para-area01 .item03 {
	width: 270px;
	text-align:center;
	position:absolute;
}

section#step{
    margin:0;
    width:100%;
    max-height: 580px;
    overflow: hidden;
    background:url(../img/parallax/p01-bk.png) 50% 0 repeat fixed;

    max-height: 580px;
	padding: 40px 0;
}

/* parallax2 */
#para-area02 {
	margin-top: -20px;
}
#para-area02 .item01{
	height: 253px;
	position:relative;
	overflow: hidden;
	padding-left: 50px;
	padding-top: 40px;
}
#para-area02 .item02{
	position:absolute;
	margin-top:260px;
	margin-left:-380px;
}
#para-area02 .item03{
	position:absolute;
	margin-top:260px;
	margin-left: -144px;
}


/* parallax3 */
#para-area03{
	width:300px;
	height:350px;
	overflow:hidden;
}
#para-area03 .item01{
	height:330px;
}
#para-area03 .item02{
}


/* parallax4 */
#para-area04{
	width:454px;
	height:360px;
	position: relative;
	overflow:hidden;
}
#para-area04 .item01{
	position:absolute;
	height:330px;
}
#para-area04 .item02{
	position:absolute;
	margin-left:-454px;
	z-index:3;
}
#para-area04 .item03{
	position:absolute;
	margin-left:-454px;
	z-index:4;
	margin-top: 50px;
}

/* parallax5 */
#para-area05{
	width:401px;
	height:330px;
	overflow:hidden;
}
#para-area05 .item01{
	height:330px;
}
#para-area05 .item02{
}

/* parallax6 */
#para-area06{
	width:401px;
	height:330px;
	overflow:hidden;
}
#para-area06 .item01{
	height:330px;
}
#para-area06 .item02{}

/* parallax7 */
#para-area07 {}
#para-area07 .item01 {
	position:absolute;
}
#para-area07 .item02 {
	position:absolute;
}
#para-area07 .item03 {
	position:absolute;
}
#para-area07 .item04 {
	position:absolute;
}
#para-area07 .logo{
	margin-top: 180px!important;
}

/* parallax8 */
#para-area08 .item01 {
	margin-left: 481px;
	position: absolute;
	z-index:0;
	width: 235px;
}
.en #para-area08 .item01 {
	padding-top: 20px;
	margin-left: 486px;
}
#para-area08 .item01 img{
	width:100%;
}
.en #para-area08 .item01 img{
	width:96%;
}
/* parallax9 */
#para-area09 .item01 {
	margin-left: 247px;
	position: absolute;
	z-index:0;
	width: 235px;
}
.en #para-area09 .item01 {
	padding-top: 20px;
	margin-left: 250px;
}
#para-area09 .item01 img{
	width:100%;
}
.en #para-area09 .item01 img{
	width:96%;
}

section#plan .frame .inframe .box_2{
	position: relative;
	background-color: #fff;
	z-index: 1;
}