@charset "UTF-8";

.bgImageArea {
	background: url(/br/en/csr/img/bg_map_img.png) no-repeat center top 60px / min(610px, 100%);
}

.three-Corporate-principles {
    display: flex;
}
@media only screen and (max-width: 767px){
	.three-Corporate-principles {
		display: block;
	}
}
.three-Corporate-principles section {
    width: calc(100% / 3);
	border-right: 1px solid #ccc;
	padding: 0 20px;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px){
	.three-Corporate-principles section {
		width: 100%;
		border-right: none;
    	border-left: none;
		border-bottom: solid 1px #ccc;
		padding: 20px 0 20px;
	}
}
.three-Corporate-principles section:first-child {
	border-left: 1px solid #ccc;
}
@media only screen and (max-width: 767px){
	.three-Corporate-principles section:first-child {
		border-left: none;
	}
}

.three-Corporate-principles section h2 {
	text-align: center;
}
@media only screen and (max-width: 767px){
	.three-Corporate-principles section h2 {
		width: 90%;
		margin: auto;
	}
}
.three-Corporate-principles section h2 img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 767px){
	.three-Corporate-principles section p {
    	padding: 0 30px;
	}
}