
/* ===========================================
 * about
=========================================== */

.aboutContents {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


#aboutContentsMv01 {
	width: 100%;
	height: 620px;
	background-image: url("../img/pic_01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: -78px;
	background-attachment: fixed;
}

#aboutContentsMv02 {
	width: 100%;
	height: 620px;
	background-image: url("../img/pic_03.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

#aboutContentsMv03 {
	width: 100%;
	height: 620px;
	background-image: url("../img/pic_05.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}


#aboutContentsMv04 {
	width: 100%;
	height: 620px;
	background-image: url("../img/pic_07.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}


.aboutContents {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}

.aboutContents h3{
	padding-bottom: 60px;
	text-align: center;
	font-size: 2.8rem;
	color: #005aab;
}


.aboutContentsInner {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}


.aboutContents01Body p{
	display: block;
	padding-bottom: 40px;
	line-height: 1.8;
	font-size: 1.8rem;
}

.aboutContents01Img {
	width: 100%;
	text-align: center;
}


.aboutContentsBtn {
	padding-top: 30px;
	padding-bottom: 100px;
	text-align: center;
}

.aboutContentsBtn a{
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	background-image: url("../img/about_btn.jpg");
	background-repeat: no-repeat;
	width: 250px;
	height: 60px;
	padding-left: 20px;
	padding-top: 18px;
	color: #FFF;
	font-size: 1.6rem;
	transition: all .3s;
}

.aboutContentsBtn a:hover{
	opacity: 0.7;
}


#aboutContentsRinenTh {
	text-align: center;
	padding-bottom: 60px;
	font-size: 1.8rem;
}


.aboutContentsRinenBox {
	border-bottom: 1px #d8d8d8 solid;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.aboutContentsRinenBoxNone {
	border-bottom: 0px #d8d8d8 solid !important;
	margin-bottom: 0px !important;
}

.aboutContentsRinenBox h4 {
	text-align: center;
	font-size: 2.4rem;
	padding-bottom: 30px;
}

.aboutContentsRinenBox p{
	display: block;
	font-size: 1.8rem;
	line-height: 1.8;
}


#aboutContentsRinenImg {
	text-align: center;
	padding-bottom: 60px;
}

#aboutContentsVisonImg {
	text-align: center;
	padding-bottom: 60px;
}


#aboutContentsTbale {
	width: 100%;
}


#aboutContentsTbale table{
	width: 100%;
	border-collapse:collapse;
	border-top: 1px #d8d8d8 solid;
}

#aboutContentsTbale table tr {
	border-bottom: 1px #d8d8d8 solid;
}

#aboutContentsTbale table tr th{
	width: 220px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.8rem;
	border-right: 1px #d8d8d8 solid;
}

#aboutContentsTbale table tr td{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.8rem;
}

#aboutContentsTbale table tr td ol{
	list-style-type: decimal;
	margin-left: 20px;
}

#aboutContentsTbale table tr td ol li{
	padding-bottom: 10px;
}



@media screen and (max-width:1200px){

	.aboutContents {
		width: 90%;
	}
	
	
	#aboutContentsMv01 {
		height: 450px;
	}

	#aboutContentsMv02 {
		height: 450px;
	}

	#aboutContentsMv03 {
		height: 450px;
	}


	#aboutContentsMv04 {
		height: 450px;
	}
	
	
	.aboutContents {
		width: 90%;
	}
	
	.aboutContentsInner {
		width: 100%;
	}
	
	.aboutContents h3{
		padding-bottom: 30px;
	}
	
	.aboutContents01Img img{
		width: 100%;
	}
	
	#aboutContentsRinenImg img{
		width: 100%;
	}
	
	#aboutContentsVisonImg img{
		width: 100%;
	}

	
}

@media screen and (max-width:1050px){
	

}


@media screen and (max-width:640px){
	
		
	#aboutContentsMv01 {
		height: 140px;
		background-attachment: local;
	}

	#aboutContentsMv02 {
		height: 140px;
		background-attachment: local;
	}

	#aboutContentsMv03 {
		height: 140px;
		background-attachment: local;
	}


	#aboutContentsMv04 {
		height: 140px;
		background-attachment: local;
	}

	#aboutContentsTbale table tr th{
		display: block;
		border-right: 0px #d8d8d8 solid;
		width: 100%;
		padding-bottom: 10px;
		text-align: left;
	}
	
	#aboutContentsTbale table tr td{
		display: block;
		padding-top: 0px;
		padding-left: 0px;
	}
	
	#aboutContentsTbale table tr td ol{
	margin-left: 40px;
}


	
	
}






