@charset "utf-8";




.is-company .u-content-title {
	background-image: url(/assets/img/company/kv-01.jpg);
}




/* ----------------------------------------------------------------------
 * style
 * ---------------------------------------------------------------------- */


.is-philosophy .u-content-boxs{
	background: #76b414;
	color: #fff;
	position: absolute;
	width: 500px;
	height: 220px;
	z-index: 2;
}
.is-philosophy .u-content-boxs .e-title{
	width: 100%;
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.is-philosophy .u-content-boxs .e-title .e-main{
	font-size: 3.4rem;
}
.is-philosophy .u-content-boxs .e-title .e-sub{
	font-size: 2rem;
	display: block;
	padding-top: 20px;
}
.is-philosophy .img_bg{
	position: relative;
	width: 100%;
	height: 320px;
	margin-bottom: 80px;
}
:lang(en) .is-philosophy .img_bg{
	height: 345px;
}
.is-philosophy .img_bg:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -80px;
	right: -80px;
	width: 590px;
	height: 330px;
	background-color: #ddecc4;
	z-index: 0;
	background-image: url(/assets/img/company/philosophy/line_01.png);
	background-repeat: repeat;
	background-position: right center;
}
:lang(en) .is-philosophy .img_bg:after{
	height: 360px;
}
.is-philosophy .e-desc {
	width: 590px;
	min-height: 310px;
	padding: 45px;
	background: #fff;
	border: 1px solid #76b414;
	position: absolute;
	top: 40px;
	right: 80px;
	z-index: 1;
}
.is-philosophy .e-text{
	padding: 0 0 0 40px;
	margin: 0;
	line-height: 2;
	color: #333;
	letter-spacing: -0.01em;
}
:lang(en) .is-philosophy .e-text{
	line-height: 1.8;
}

.l-know-title {
	position: relative;
	padding: 50px 0 0;
	text-align: center;
}
.l-know-title span {
	color: #6a9820;
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: 600;
	display: inline-block;
	text-align: left;
}
:lang(en) .l-know-title span{
	line-height: 1.3;
}

.precept{
	border: solid 1px #dddddd;
	margin-top: 50px;
	padding: 30px 50px;
}
.precept h4{
	text-align: center;
	margin-bottom: 30px;
	font-size:2rem;
	color: #222;
}
.precept ul li{
	display: flex;
	margin-bottom: 20px;
}
:lang(en) .precept ul li{
	display: block;
}
.precept ul li span{
	background: #76b414;
	color: #fff;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-right:20px;
	font-size: 1.6rem;
	font-weight: 600;
}
:lang(en) .precept ul li span{
	display: block;
	width: 300px;
}
.precept ul li p{
	line-height:30px;
	font-size: 1.5rem;
	color: #333;
}

:lang(en) .precept ul li p{
	line-height: 1.5;
	margin-top: 5px;
}