@charset "utf-8";

#title {
	background:url(../images/kv.jpg) center center;
	background-size:cover;
	margin-bottom:100px;
}
	@media(max-width:767px) {
		#title {
			margin-bottom:75px;
		}
	}

/* kind
---------------------------------------------- */

#kind {
	margin-bottom:70px;
}
#kind ul {
	margin-bottom:30px;
}
	@media(max-width:599px) {
		#kind ul {
			margin-bottom:10px;
		}
	}

#kind ul li {
	text-align:center;
	display:inline-block;
	width:21%;
	float:left;
	margin:0 2%;
	font-size:32px;
	color:#FFF;
	padding:20px 0;
	background-image: linear-gradient(to bottom left,#000 50%,#222 51%);
	line-height:1.3;
}
	@media(max-width:767px) {
		#kind ul li {
			font-size:24px;
		}
	}
	@media(max-width:599px) {
		#kind ul li {
			width:46%;
			margin:0 2%;
			margin-bottom:20px;
		}
	}

/* case
---------------------------------------------- */

#case {
	margin-bottom:60px;
}

#case ul li {
	text-align:center;
	display:inline-block;
	width:33.33%;
	float:left;
	margin-bottom:1.5em;
}
	@media(max-width:767px) {
		#case ul li {
			width:50%;
		}
	}

#case ul li figure img {
	width:100%;
	margin-bottom:5px;
}
#case ul li figure figcaption {
	text-align:center;
	line-height:1.3;
}

/* strengths
---------------------------------------------- */

#strengths {
	margin-bottom:70px;
}
#strengths h2 {
	position:relative;
	margin-left:2%;
	width:23%;
	aspect-ratio:1;
	float:left;
	background-color:#004B7C;
	color:#FFF;
	font-size:32px;
	line-height:1.3;
	border-radius:50%;
}
	@media(max-width:767px) {
		#strengths h2 {
			font-size:24px;
		}
	}
	@media(max-width:599px) {
		#strengths h2 {
			font-size:22px;
			margin-left:0;
		}
	}
	@media(max-width:479px) {
		#strengths h2 {
			width:150px;
			height:150px;
			float:none;
			margin:0 auto 1em auto;
		}
	}

#strengths .wrap {
	position:relative;
}

#strengths span {
	display:block;
	text-align:center;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#strengths p {
	margin-left:27%;
	width:calc(71% - 30px);
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
	@media(max-width:479px) {
		#strengths p {
			margin-left:0;
			width:auto;
			position:static;
			transform:none;
		}
	}

#strengths p strong {
	background: linear-gradient(transparent 70%, #FFFF00 30%);
}

/* achieve
---------------------------------------------- */

#achieve {
	margin-bottom:70px;
}
#achieve ul li {
	margin-left:2em;
	list-style:disc;
}

/* voice
---------------------------------------------- */

#voice {
	margin-bottom:120px;
}
	@media(max-width:767px) {
		#voice {
			margin-bottom:80px;
		}
	}

/* achieve voice
---------------------------------------------- */

#achieve h2, #voice h2 {
	font-size:24px;
	background-color:#004B7C;
	color:#FFF;
	padding:10px 25px;
	margin-bottom:15px;
}
	@media(max-width:767px) {
		#achieve h2, #voice h2 {
			font-size:22px;
			padding:10px;
		}
	}