@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .section01 {
	background-color: #000;
}

#main .section01 .bgSec01 {
	width: 100%;
	height: 100%;
	background: url(../img/railway/bg01.jpg) no-repeat center center;
	background-size: cover;
}

#main .section02 {
	background: url(../img/railway/bg02.jpg) no-repeat center center;
	background-size: cover;
}

#main .imgBox .photoBox {
	float: left;
}

#main .imgBox .textBox {
	margin-top: 85px;
	float: right;
	width: 485px;
}

#main .imgBox .textBox p {
	line-height: 1.8;
}

#main .imgBox .textBox h3 {
	margin-right: -10px;
	font-size: 28px;
}

#main .imgBox .textBox .borTxt {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #fff;
}

#main .imgBox .textBox .borTxt a {
	color: #fff;
}

#main .imgBoxR .photoBox {
	margin-right: 60px;
	float: right;
}

#main .imgBoxR .textBox {
	margin: 65px 0 0 40px;
	float: left;
	width: 560px;
}

#main .innerBox {
	margin: 0 auto;
	width: 990px;
	color: #fff;
}

#main .parallax {
	height: 551px;
}

#main .parallax01 {
	background: url(../img/railway/bg03.jpg) no-repeat center center fixed;
	background-size: cover;
}

#main .parallax02 {
	background: url(../img/railway/bg05.jpg) no-repeat center center fixed;
	background-size: cover;
}

#main .section03 {
	background: url(../img/railway/bg04.jpg) no-repeat center center;
	background-size: cover;
}

#main .section04 {
	padding: 120px 0 100px;
	background: url(../img/railway/bg06.jpg) no-repeat center center;
	background-size: cover;
}

#main .heading04 {
	width: 200px;
	font-size: 32px;
}

#main .heading04 span {
	display: block;
	font-size: 16px;
}

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

#main .comImgBox .photoBox {
	margin-left: 30px;
}

#main .comImgBox .textBox {
	margin: 40px 52px 0 0;
	width: 520px;
}

#main .comImgBox .textBox p {
	padding-left: 30px;
}

#main .comImgBox .textBox .heading02 {
	padding-bottom: 12px;
}

#main .comImgBox .textBox .heading02 span {
	padding-left: 25px;
	font-size: 20px;
	background-size: 18px auto;
	background-position: left 6px;
}

#main .comImgBox .textBox .txt01 {
	margin-right: -20px;
}

#main .comImgBox .textBox .txt {
	margin-top: 13px;
	font-size: 14px;
}

#main .comImgBox .textBox .txt img {
	margin-right: 10px;
	vertical-align: bottom;
}

#main .comImgBox.imgBoxR {
	margin-bottom: 0;
}

#main .comImgBox.imgBoxR .photoBox {
	margin: 40px 0 0;
}

#main .comImgBox.imgBoxR .textBox {
	margin: 45px 0 0;
	width: 525px;
}

#main .comImgBox.imgBoxR02 {
	margin: 0 -30px 35px 0;
}

#main .comImgBox.imgBoxR02 .photoBox {
	margin: 0;
}

#main .comImgBox01 {
	margin-left: -25px;
}

#main .comImgBox01 .textBox {
	margin: 45px 0 0;
}

#main .section05 {
	padding: 120px 0 110px;
	background: url(../img/railway/bg07.jpg) no-repeat center center;
	background-size: cover;
}

#main .section06 {
/*
	min-height: 1100px;
*/
    min-height: 1300px;
	background: url(../img/railway/bg08.jpg) no-repeat center center;
	background-size: cover;
}

#main .section07 {
	min-height: 1400px;
	background: url(../img/railway/bg09.jpg) no-repeat center center;
	background-size: cover;
}

#main .section07 .imgBoxR .photoBox {
	margin: -25px 25px 0 0;
}

#main .section08 {
	min-height: 1400px;
	background: url(../img/railway/bg10.jpg) no-repeat center center;
	background-size: cover;
}

#main .section09 {
	min-height: 1100px;
	background: url(../img/railway/bg11.jpg) no-repeat center center;
	background-size: cover;
}

.parallaxBox {
	display: none;
}

@media screen and (max-width: 767px) {
	#main .section01 {
		height: 100vh;
	}

	#main .section01 .scrollInner {
		position: absolute;
	}
	
	#main .section01 .heading02 img {
		width: 270px;
	}
	
	#main .section02 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/railway/sp_bg02.jpg);
	}
	
	#main .imgBox .photoBox {
		margin: 0 auto !important;
		width: 90%;
		float: none !important;
	}

	#main .imgBox .photoBox img {
		width: 100%;
	}
	
	#main .imgBox .textBox {
		margin: 45px 5px 0;
		float: none !important;
		width: auto !important;
	}
	
	#main .imgBox .textBox p {
		line-height: 1.6;
	}
	
	#main .imgBox .textBox h3 {
		margin-right: 0;
		font-size: 18px;
	}
	
	#main .imgBox .textBox .borTxt {
		margin-top: 10px;
		padding: 6px;
		font-size: 9px;
	}
	
	#main .imgBoxR .photoBox {
		width: 51%;
	}
	
	#main .imgBoxR .textBox {
		margin: 40px 5px 0;
	}

	#main .imgBoxR .textBox h3 {
		margin-bottom: 6px;
	}
	
	#main .innerBox {
		margin: 0 25px;
		width: auto;
	}
	
	#main .parallax {
		height: 320px;
	}
	
	#main .parallax01 {
		background: none;
	}
	
	#main .parallax02 {
		background: none;
	}
	
	#main .parallaxBox {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	
	#main .parallaxBox01 {
		background: url(../img/railway/bg03.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .parallaxBox02 {
		background: url(../img/railway/bg05.jpg) no-repeat center center;
		background-size: cover;
		z-index: -2;
	}
	
	#main .section03 {
		min-height: 100vh;
		padding: 70px 0 60px;
		background-image: url(../img/railway/sp_bg04.jpg);
	}
	
	#main .comImgBox {
		margin-bottom: 70px;
	}
	
	#main .comImgBox .photoBox {
		margin: 0 auto !important;
		width: 58%;
	}
	
	#main .comImgBox .textBox {
		margin: 10px 0 0 !important;
		width: auto !important;
	}
	
	#main .comImgBox .textBox p {
		padding-left: 0;
		line-height: 1.7;
	}
	
	#main .comImgBox .textBox .heading02 {
		padding-bottom: 2px;
	}
	
	#main .comImgBox .textBox .heading02 span {
		padding-left: 20px;
		font-size: 14px;
		background-size: 14px auto;
		background-position: left 3px;
	}
	
	#main .comImgBox .textBox .txt01 {
		margin: 0;
	}
	
	#main .comImgBox .textBox .txt {
		margin-top: 20px;
		font-size: 10px;
	}
	
	#main .comImgBox .textBox .txt img {
		margin-right: 5px;
		width: 60px;
	}
	
	#main .comImgBox.imgBoxR {
		margin-bottom: 0 !important;
	}
	
	#main .comImgBox.imgBoxR .photoBox {
		width: 68%;
	}
	
	#main .comImgBox.imgBoxR02 {
		margin: 0 0 55px !important;
	}
	
	#main .comImgBox.imgBoxR02 .photoBox {
		width: 76%;
	}
	
	#main .comImgBox01 {
		margin: 0 !important;
	}

	#main .comImgBox01 .photoBox {
		width: 69%;
	}
	
	#main .comImgBox01 .textBox {
		margin: 45px 0 0;
	}
	
	#main .section04 {
		padding: 60px 0;
		background-image: url(../img/railway/sp_bg06.jpg);
	}
	
	#main .section04 .comImgBox {
		margin-bottom: 70px;
	}

	#main .heading04 {
		width: 126px;
		font-size: 21px;
	}
	
	#main .heading04 span {
		font-size: 8px;
	}
	
	#main .section05 {
		padding: 65px 0 85px;
		background-image: url(../img/railway/sp_bg07.jpg);
	}
	
	#main .section06 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/railway/sp_bg08.jpg);
	}
	
	#main .section07 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/railway/sp_bg09.jpg);
	}
	
	#main .section07 .heading04 {
		width: 160px;
	}

	#main .section07 .comImgBox {
		margin-bottom: 35px;
	}
	
	#main .section08 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/railway/sp_bg10.jpg);
	}
	
	#main .section09 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/railway/sp_bg11.jpg);
	}
}