@charset "UTF-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi02 a {
	color: #7E8EA3;
}

#main {
	margin-bottom: 0;
}

#main .mainVisual {
	margin-bottom: 0;
}

#main .section01 {
	padding: 60px 0 80px;
	background: url(/img/about/bg01.jpg) no-repeat center center;
	background-size: cover;
}

#main .section01 .subBox {
	margin: 0 auto;
	width: 940px;
}

#main .section01 #about {
	width: 590px;
	float: right;
}

#main .section01 h2 {
	margin-bottom: 50px;
}

#main .section01 p {
	margin-bottom: 20px;
}

#main .section01 .pTxt01 {
	margin-bottom: 50px;
	font-size: 18px;
}

#main .section01 .pTxt02 {
	margin-bottom: 30px;
}

#main .section02 {
	padding: 60px 0;
	background: #F8F5F0 url(/img/about/bg02.jpg) no-repeat center top;
	/*background-size: cover;*/
}

#main .section02 #introduction {
	margin: 0 auto;
	width: 940px;
}

#main .section02 h2 {
	margin-bottom: 56px;
	text-align: center;
}

#main .section02 .inner {
	width: 484px;
}

#main .section02 p {
	margin-bottom: 48px;
}

#main .section02 .pTxt01 {
	margin-bottom: 10px;	
}

#main .section02 .pTxt02 {
	margin-bottom: 12px;
	font-size: 12px;
}

#main .section02 p span {
	margin-left: 23px;
	font-size: 20px;
}

#main .section03 {
	padding: 57px 0 0;
}

#main .section03 h2 {
	margin-bottom: 44px;
	text-align: center;
}

#main .section03 .photoBox {
	width: 50%;
}

#main .section03 .textBox {
	width: 50%;
}

#main .section03 .textBox .innerBox {
	margin: 0 auto;
	width: 450px;
}

#main .section03 .textBox .inner {
	/*display: inline-table;*/
	width: 100%;
}

#main .section03 .textBox .inner dl {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#main .section03 .textBox .inner dt {
	margin-bottom: 10px;
	font-size: 18px;
}

#main .section03 .photoBox .bg01 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo01.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .photoBox .bg02 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo02.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .photoBox .bg03 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo03.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .photoBox .bg04 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo04.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .photoBox .bg05 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo05.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .photoBox .bg06 {
	width: 100%;
	height: 465px;
	background: url(/img/about/photo06.jpg) no-repeat center center;
	background-size: cover;
}

#main .section03 .imgBoxL01 {
	border-top: 1px solid #F8F5F0;
}

#main .section03 .imgBoxL .photoBox {
	float: left;
}

#main .section03 .imgBoxL .textBox {
	float: right;
}

#main .section03 .imgBoxR .photoBox {
	float: right;
}

#main .section03 .imgBoxR .textBox {
	float: left;
}

@media all and (min-width: 0) and (max-width: 736px) {
	#main {
		margin-bottom: 0;
	}
	
	#main .mainVisual {
		margin-bottom: 0;
	}

	#main .section01 {
		padding: 0 0 42px;
		background: none;
	}
	
	#main .section01 .subBox {
		margin: 0;
		width: auto;
	}
	
	#main .section01 #about {
		width: auto;
		float: none;
	}
	
	#main .section01 h2 {
		margin-bottom: 28px;
		padding: 75px 50px 0;
		height: 164px;
		box-sizing: border-box;
		text-align: right;
		background: url(/img/about/bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section01 h2 img {
		width: 130px;
		height: auto;
	}
	
	#main .section01 p {
		margin: 0 12px 20px;
		line-height: 1.55;
	}
	
	#main .section01 .pTxt01 {
		margin-bottom: 26px;
		font-size: 18px;
	}
	
	#main .section01 .pTxt02 {
		margin-bottom: 19px;
	}
	
	#main .section02 {
		padding: 0 0 40px;
		background: none;
		background: #F8F5F0;
	}
	
	#main .section02 #introduction {
		margin: 0;
		width: auto;
	}
	
	#main .section02 h2 {
		margin-bottom: 30px;
		padding: 110px 12px 0;
		height: 240px;
		text-align: left;
		box-sizing: border-box;
		background: url(/img/about/sp_bg01.jpg) no-repeat center top;
		background-size: cover;
	}
	
	#main .section02 h2 img {
		width: 93px;
		height: auto;
	}
	
	#main .section02 .inner {
		margin: 0 12px;
		width: auto;
	}
	
	#main .section02 p {
		margin-bottom: 24px;
	}
	
	#main .section02 .pTxt01 {
		margin-bottom: 10px;	
	}
	
	#main .section02 .pTxt02 {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.65;
	}
	
	#main .section02 p span {
		margin-left: 7px;
		font-size: 20px;
	}
	
	#main .section03 {
		padding: 42px 13px 0;
	}
	
	#main .section03 h2 {
		margin-bottom: 33px;
	}
	
	#main .section03 h2 img {
		width: 92px;
		height: auto;
	}
	
	#main .section03 .photoBox {
		margin-bottom: 27px;
		width: 100%;
		height: auto !important;
	}
	
	#main .section03 .textBox {
		padding-bottom: 30px;
		width: 100%;
	}
	
	#main .section03 .textBox .innerBox {
		margin: 0;
		width: auto;
	}
	
	#main .section03 .textBox .inner {
		display: block;
		width: auto;
	}
	
	#main .section03 .textBox .inner dl {
		display: block;
		height: auto !important;
		text-align: left;
		vertical-align: top;
	}
	
	#main .section03 .textBox .inner dt {
		margin-bottom: 10px;
		font-size: 18px;
	}
	
	#main .section03 .photoBox .bg01 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo01.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .photoBox .bg02 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo02.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .photoBox .bg03 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo03.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .photoBox .bg04 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo04.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .photoBox .bg05 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo05.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .photoBox .bg06 {
		width: 100%;
		height: 200px;
		background: url(/img/about/photo06.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .section03 .imgBoxL01 {
		border-top: none;
	}
	
	#main .section03 .imgBoxL .photoBox {
		float: none;
	}
	
	#main .section03 .imgBoxL .textBox {
		float: none;
	}
	
	#main .section03 .imgBoxR .photoBox {
		float: none;
	}
	
	#main .section03 .imgBoxR .textBox {
		float: none;
	}
}