@charset "utf-8";
@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .borTxt {
	margin-top: 20px;
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#main .borTxt a {
	color: #fff;
}
#main .heading03 {
	margin-bottom: 20px;
	font-size: 28px;
	letter-spacing: 1px;
}
#main .comTxt {
	background: none;
	padding: 0;
}
#main .inner {
	width: 550px;
}

#main .section02 .inner {
	float: right;
}
#main .section01 {
	background-color: #000;
}

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

#main .section02 {
	background: url(../img/gundum/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 .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/gundum/parallax01.jpg) no-repeat center center fixed;
	background-size: cover;
}

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

#main .parallax03 {
	background: url(../img/gundum/parallax03.jpg) no-repeat center center fixed;
	background-size: cover;
}
#main .parallax04 {
	background: url(../img/gundum/parallax04.jpg) no-repeat center center fixed;
	background-size: cover;
}
#main .section03 {
	background: url(../img/gundum/bg03.jpg) no-repeat center center;
	background-size: cover;
}

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

#main .heading04 {
	width: 500px;
	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/gundum/bg_zaku.jpg) no-repeat center center;
	background-size: cover;
}

#main .section06 {
	min-height: 1100px;
		padding: 120px 0 100px;
	background: url(../img/gundum/bg_last.jpg) no-repeat center center;
	background-size: cover;
}

#main .section07 {
	min-height: 1100px;
		padding: 120px 0 100px;
	background: url(../img/gundum/bg_uni.jpg) no-repeat center center;
	background-size: cover;
}

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

#main .section08 {
	min-height: 1100px;
		padding: 120px 0 100px;
	background: url(../img/gundum/bg_ν.jpg) no-repeat center center;
	background-size: cover;
}

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

#main .section09 {
	min-height: 1100px;
		padding: 120px 0 100px;
	background: url(../img/gundum/bg_sazabi.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/gundum/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 .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 .parallax03 {
		background: none;
	}
	#main .parallaxBox {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

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

	#main .parallaxBox02 {
		background: url(../img/gundum/parallax02.jpg) no-repeat center center;
		background-size: cover;
		z-index: -2;
	}

	#main .section03 {
		min-height: 100vh;
		padding: 70px 0 60px;
		background-image: url(../img/gundum/bg03.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/gundum/bg_gundum.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/gundum/bg_zaku.jpg);
	}

	#main .section06 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/gundum/bg_last.jpg);
	}

	#main .section07 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/gundum/bg_uni.jpg);
	}

	#main .section08 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/gundum/sp_bg_ν.jpg);
	}

	#main .section09 {
		padding: 65px 0;
		min-height: inherit;
		background-image: url(../img/gundum/sp_bg_sazabi.jpg);
	}
}
#main .bottomP {
	position: absolute;
	left: 50px;
	bottom: 43px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
}

#main .bottomP span {
	display: block;
	font-size: 20px;
	letter-spacing: -1px;
}

#main .h2Ttl {
	margin-bottom: 5px;
	color: #FFF;
	text-align: center;
}

#main .h2Ttl span {
	margin-top: 12px;
	display: block;
	font-size: 24px;
}

#main .comPro {
	padding: 58px 0 45px;
	    height: 400px;
}
@media screen and (max-width: 767px) {
	#main .comPro {
		padding: 58px 0 45px;
		    height: 150px;
	}
}

#main .comPro p {
	color: #FFF;
	font-size: 20px;
	text-align: center;
	line-height: 1.75;
	letter-spacing: 1px;
}


@media all and (min-width: 768px) and (max-width: 1370px) {
	#main .bottomP {
		font-size: 15px;
		letter-spacing: -0.5px;
	}
}

@media screen and (max-width: 767px)  {
	#main .heading04 {
		width: 400px;
		font-size: 20px;
	}
	#main .section02 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_bg03.jpg);
	}
	#main .section03 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_uni.jpg);
	}
	#main .section04 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_gundum.jpg);
	}
	#main .section05 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_zakujpg.jpg);
	}
	#main .section06 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_lastjpg.jpg);
	}
	#main .section07 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_uni.jpg);
	}
	#main .section08 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_ν.jpg);
	}
	#main .section09 {
		padding: 50px 0;
		min-height: 100vh !important;
		background-image: url(../img/gundum/sp_sazabi.jpg);
	}
	#main .parallaxBox {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	#main .bottomP {
		font-size: 9px;
		left: 20px;
		line-height: 1.7;
		bottom: 15px;
	}

	#main .bottomP span {
		font-size: 10px;
	}

	#main .h2Ttl {
		margin-bottom: 2px;
	}

	#main .h2Ttl img {
		width: 157px;
	}

	#main .h2Ttl span {
		margin-top: 7px;
		font-size: 12px;
	}

	#main .comPro {
		padding: 30px 0 50px;
	}

	#main .comPro p {
		font-size: 10px;
	}

	#main .scrollBtn {
		bottom: 55px;
	}

	#main .heading03 {
		margin-bottom: 13px;
		font-size: 18px;
		text-align: center;
	}
	#main .parallaxBox03 {
		background: url(../img/gundum/parallax03.jpg) no-repeat center bottom;
		background-size: cover;
		z-index: -3;
	}

	#main .parallaxBox02 {
		background: url(../img/gundum/parallax02.jpg) no-repeat center top;
		background-size: cover;
		z-index: -2;
	}

	#main .parallaxBox01 {
		background: url(../img/gundum/parallax01.jpg) no-repeat center center;
		background-size: cover;
	}
	#main .section02 .scrollInner,
	#main .section03 .scrollInner {
		height: 100%;
	}
	#main .section02 .innerBox,
#main .section03 .innerBox {
	padding: 0 30px;
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	box-sizing: border-box;
}
#main .borTxt {
	margin-top: 10px;
	padding: 6px;
	font-size: 9px;
}
}