@charset "utf-8";

/* header */
.kv {
	background: url("../_images/pattern/kv.png") 50% 50% no-repeat;
	background-size: cover;
	padding: 28.33333333333333% 0 0;
	border-bottom: 10px solid #009150;
	margin-bottom: 2.5%;
}

.kv .wrapper {
	width: 569px;
}

.kv h1 {
	margin-bottom: 1.25%;
	border-top: 1px solid #fff;
	padding-top: 15px;
}

.kv h2 {
	margin-bottom: 5%;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

/* title */
section h1 {
	color: #009150;
}

/* sidebar */
.sidebar aside a {
	color: #009150;
}


/* main */
.section01 p {
	font-size: 15px;
	margin-bottom: 5%;
}

.section02 .pattern {
	padding: 5% 0;
}

.section02 .pattern .photo {
	margin: 0 20px 20px 0;
	width: 200px;
	float: left;
}

.section02 .pattern .photo img {
	width: 100%;
}

.section02 .pattern .profile {
	padding-top: 5px;
	width: 580px;
	float: left;
}

.section02 .pattern .profile h2 {
	display: inline;
	font-size: 24px;
	line-height: 1;
}

.section02 .pattern .profile p.position {
	display: inline;
	margin-left: 1rem;
}

.section02 .pattern.hr .profile p.position {
	color: #E75298;
}
.section02 .pattern.co .profile p.position {
	color: #187FC4;
}
.section02 .pattern.ms .profile p.position {
	color: #F6AD3C;
}
.section02 .pattern.mg .profile p.position {
	color: #00A95F;
}

.section02 .pattern .profile p.join {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	padding: 8px 0;
	width: 100%;
}

.section02 .pattern .profile p.txt {
	font-size: 16px;
}

@media only screen and (max-width:480px) {
	.kv .wrapper {
		width: 75%;
	}
	.section02 .pattern .photo,
	.section02 .pattern .photo img {
		width: 100%;
	}
	.section02 .pattern .profile {
		margin-bottom: 3%;
		width: 100%;
	}
	.section02 .pattern .profile h2 {
		display: block;
	}
	.section02 .pattern .profile p.position {
		display: block;
		margin-left: 0;
	}
}