@charset "utf-8";

.page-content{
	text-align:center;
}
.page-content > section{
	padding-bottom:60px;
}
.page-content h3{
	font-family: "Montserrat", sans-serif;
	font-size:35px;
	margin-bottom:30px;
}
.page-content h3,
.page-content h4{
	font-weight:bold;
}
.page-content .vision p{
	font-size:22px;
	background-color:#f4f4f4;
	padding:50px 10px;
}

.page-content .mission ul{
	display:flex;
	justify-content:space-between;
}
.page-content .mission li{
	padding:45px;	
	border-radius:50px;
	flex-grow:1;
	margin-right:30px;
}
.page-content .mission li h4{
	font-size:28px;
	font-weight:700;
	line-height:1em;
	padding-top:105px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:top center;	
}
.page-content .mission li:nth-of-type(1){
	border:4px solid #9ab92d;
}
.page-content .mission li:nth-of-type(1) h4{	
	color:#9ab92d;
	background-image:url('/thema/Basic/img/cont_0104_icon01.png');
}
.page-content .mission li:nth-of-type(2){
	border:4px solid #18bdca;
}	
.page-content .mission li:nth-of-type(2) h4{	
	color:#18bdca;
	background-image:url('/thema/Basic/img/cont_0104_icon02.png');
}
.page-content .mission li:nth-of-type(3){	
	border:4px solid #f7c830;
	margin:0;
}
.page-content .mission li:nth-of-type(3) h4{	
	color:#f7c830;
	background-image:url('/thema/Basic/img/cont_0104_icon03.png');
}

.page-content .mission li h4 span{
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	font-weight:500;
}
.page-content .mission li p {
	font-size:20px;
}

@media all and (max-width:991px) {
	.page-content .mission ul{
		flex-direction:column;
	}
	.page-content .mission ul li{
		padding:20px;
		margin:10px 0;
	}	
}
@media all and (max-width:480px) {
	.page-content h3 {
		font-size:32px;
	}
	.page-content .vision p {
		font-size:18px;
	}
	.page-content .mission li h4 {
		font-size:24px;
	}
	.page-content .mission li h4 span {
		font-size:16px;
	}
	.page-content .mission li p {
		font-size:18px;
	}
}