/*!

about
--------------------------------------*/
.default-page-header {
  background: url("/wp-content/themes/zerocarbon/img/about/about_bg.jpg") center top no-repeat;
	background-size: cover;
}
.default-page-header > .title{
	color: #2C2C2C;
}
section h2{
	font-size: 36px;
	text-align: center;
	margin-bottom:  1.5em;
	font-weight: bold;

}
section h3{
	font-size: 20px;
	margin-bottom:  1em;
	font-weight: bold;

}


section{
	line-height: 2em;
}
.about-main-section01,
.about-main-section03,
.about-main-section05{
	max-width: 1040px;
	padding: 0 20px;
	margin: 60px auto 0;

}


.about-main-section01 {
	margin: 60px auto 0;
}
.about-main-section01 .logo{
	max-width: 270px;
	margin: 0 auto;
}
.about-main-section01 .mT20{
	margin-top: 2em;
	text-align: center;

}
.f12{
	font-size: 12px;
	line-height: 1.3em;
}
.f16{
	font-size: 16px;
}
.bold{
	font-weight: bold;
}


.about-main-section02{
	background: url("/wp-content/themes/zerocarbon/img/about/about_section02_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 120px 0;
	margin-top: 80px;
	color: #fff;

}
.AboutSection02Box{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 20px;
}
.AboutSection02Box .AboutSection02BoxIn{
	width: 48%;
}
.AboutSection02Box .AboutSection02BoxIn img{
	display: block;
	margin: 1.5em 0;
}


.about-main-section03,
.about-main-section05{
	margin-top: 100px;
}


.about-main-section04{
	background: url("/wp-content/themes/zerocarbon/img/about/about_section04_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 120px 0;
	margin-top: 80px;

	color: #fff;
}
.AboutSection04Box,
.AboutSection06Box{
	max-width: 1040px;
	padding: 0 20px;
	margin: 0 auto;

}
.imageW470{
	max-width: 470px;
	margin: 30px auto 0;
}
.imageW700{
	max-width: 700px;
	margin: 30px auto 0;
}

.flexHalf{
	margin-bottom: 0.7em;
}
.flexHalf .flexHalfIn{
	width: 43%;
	text-align: center;
	line-height: 1.3em;
}



.about-main-section05{
	max-width: 1040px;
}
.AboutSection05Box{
	margin-top: 50px;
}
.AboutSection05Box .AboutSection05BoxIn{
	display: flex;
	justify-content: space-between;
	border-bottom: #D0D0D0 solid 1px;
	padding-bottom: 70px;
}
.AboutSection05Box .AboutSection05BoxIn:nth-of-type(n+2){
	margin-top: 70px;
}
.AboutSection05Box .AboutSection05BoxIn:last-child{
	border-bottom: none;
	padding: 0;
}
.AboutSection05Box .AboutSection05BoxIn:nth-of-type(2n){
	flex-direction: row-reverse;
}
.AboutSection05Box .AboutSection05BoxIn .Section05BoxContent{
	width: 48%;
}




.about-main-section06{
	background: url("/wp-content/themes/zerocarbon/img/about/about_section06_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 120px 0;
	margin-top: 80px;
	color: #fff;
}

.about-main-section06 h3{
	margin-top: 2.5em;
}

.mT10{
	margin-top: 10px;
}
.mT20{
	margin-top: 20px;
}
.mT30{
	margin-top: 30px;
}
.mT40{
	margin-top: 40px;
}
.mT50{
	margin-top: 50px;
}

@media screen and (max-width:767.98px) {
	
	.default-page-header{
		background-position: 60% top;
	}
	section h2{
		font-size: 22px;
		margin-bottom: 1em;
	}
	section h3{
		font-size: 18px;
	}
	
	.about-main-section01{
		padding: 0 20px;
	}
	.about-main-section01 .logo{
		max-width: none;
		width: 60%;
	}
	.about-main-section01 .mT20{
		text-align: left;
	}
	
	.about-main-section02,
	.about-main-section04,
	.about-main-section06{
		margin-top: 10%;
		padding: 15% 0px;
	}
	.AboutSection02Box,
	.AboutSection05Box .AboutSection05BoxIn{
		display: block;
	}
	.AboutSection02Box .AboutSection02BoxIn,
	.AboutSection05Box .AboutSection05BoxIn .Section05BoxContent{
		width: auto;
	}
	.AboutSection02Box .AboutSection02BoxIn:nth-of-type(n+2),
	.AboutSection05Box .AboutSection05BoxIn .Section05BoxContent:nth-of-type(n+2){
		margin-top: 7%;
	}
	
	.about-main-section01, .about-main-section03, .about-main-section05{
		margin-top: 12%;
	}
	
	.AboutSection05Box .AboutSection05BoxIn{
		padding-bottom: 12%;
	}
	.AboutSection05Box .AboutSection05BoxIn:nth-of-type(n+2){
		margin-top: 12%;
	}
	
	.AboutSection02Box .AboutSection02BoxIn img {
    	margin: 5% 0;
	}

	.f16{
		font-size: 14px;
		line-height: 1.5em;
	}
	.imageW700 {
		margin: 7% auto 0;
	}
	.flexHalfIn {
		font-size: 12px;
		line-height: 1.5em;
	}
	
	.mB10{
		margin-bottom: 10px;
	}
	
	.AboutSection05Box {
		margin-top: 10%;
	}
}