@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .about a {
	color: #00A943;
}

#gNavi .about > a:before {
	margin-left: -60px;
	width: 120px;
	height: 3px;
	position: absolute;
	background-color: #00A943;
	bottom: 0;
	left: 50%;
	content: " ";
}

#gNavi .about .comNavBox {
	display: block;
}

#gNavi .comNavBox .subNavi .mvv a {
	color: #40ae5d;
}

#main .comNavBox .subNavi .mvv a {
	color: #40ae5d;
}

.slogan{
	width: 100%;
	padding-bottom: 95px;
}
.slogan .img{
	width: 358px;
	margin: 0 auto;
	display: block;
}
.slogan .img img{
	width: 100%;
}
.slogan .txt{
	text-align: center;
	font-size: 24px;
	padding-top: 38px;
}
.mvv_inner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 38px;
	padding-bottom: 38px;
}
.mvv_inner h4{
	display: inline-block;
	padding: 10px 20px 10px 65px;
	font-size: 24px;
	color: #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.mission1 h5{
	background:url("../img/about/mvv/subtitle_txt01.png")no-repeat;
	background-size: 415px;
}
.mission2 h5{
	background:url("../img/about/mvv/subtitle_txt02.png")no-repeat;
	background-size: 415px;
}
.vision01 h5{
	background:url("../img/about/mvv/subtitle_txt03.png")no-repeat;
	background-size: 323px;
}
.value01 h5{
	background:url("../img/about/mvv/subtitle_txt04.png")no-repeat;
	background-size: 298px;
}
.value02 h5{
	background:url("../img/about/mvv/subtitle_txt05.png")no-repeat;
	background-size: 298px;
}
.value03 h5{
	background:url("../img/about/mvv/subtitle_txt06.png")no-repeat;
	background-size: 298px;
}

.mvv_listtitle{
	margin-bottom: 43px;
}
.mvv_listtitle h4 span{
	margin-right: 0.5em;
}
.mvv_listtitle h4 span:nth-child(2){
	font-size: 20px;
}
.mvv_listtitle h4.type_m{
	background: url("../img/about/mvv/icon_m.png") no-repeat 5px center #00a943;
	background-size: 45px;
}
.mvv_listtitle h4.type_v{
	background: url("../img/about/mvv/icon_v.png") no-repeat 5px center #00a943;
	background-size: 45px;
}
.mvv_listtitle p{
	font-size: 24px;
	line-height: 3em;
	letter-spacing: 0.1em;
}
.mvv_listtitle p.lead_main span,
.mvv_contents h5 span{
	font-size: 30px;
	font-weight: bold;
	color: #00a943;
}
.mvv_listtitle:after{
	content: "\00a0";
	border-bottom:solid 1px #000;
	display: block;
	margin: 0 auto;
	width: 300px;
}
.mvv_listtitle .lead_sub{
	font-size: 24px;
	margin-top: 20px;
}
.mvv_listtitle p{
	text-align: center;
}
.mvv_contents{
	background: #f7f7f5;
	padding: 30px 0 50px 0;
}
.mvv_contents h5{
	font-size: 24px;
	line-height: 3em;
	margin-bottom:14px;
}
.mvv_contents dl{
	width: 100%;
	overflow: hidden;
	display: table;
	margin-bottom: 18px;
}
.mvv_contents dt,
.mvv_contents dd{
	width: 50%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.mvv_contents dt{
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 3em;
	background: #00a943;
	padding: 20px 0px;
}
.mvv_contents dd{
	padding: 20px 40px;
	line-height: 2em;
	background: #fff;
}
.mvv_contents dd p{
	font-size: 14px;
}
.mvv_contents dd p.dd_title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #00a943;
}
.mission2 ul{
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
.mission2 ul li{
	display: block;
	float: left;
	font-size: 30px;
	color: #00a943;
	font-weight: bold;
	line-height: 2.5em;
	box-sizing: border-box;
	padding-left: 80px;
}
.mission2 ul li:nth-child(1){
	background: url("../img/about/mvv/icon_img01.png") no-repeat center left;
	background-size: 70px;
	width: 33%;
}
.mission2 ul li:nth-child(2){
	background: url("../img/about/mvv/icon_img02.png") no-repeat center left;
	background-size: 70px;
	width: 28%;
}
.mission2 ul li:nth-child(3){
	background: url("../img/about/mvv/icon_img03.png") no-repeat center left;
	background-size: 70px;
	width: 35%;
}
.mission2 .tsunageru{
	background: #00a943;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	width: 750px;
	margin: 20px auto;
	padding: 15px auto;
}
.mvv_inner .center{
	text-align: center;
	font-size: 20px;
	line-height: 2em;
	margin-top: 30px;
}
.wbox{
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
.wbox img{
	width: 100%;
}
.wbox02{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.wbox02 img{
	width: 100%;
}
.vision01 .img01{
	width: 237px;
	float: left;padding-bottom: 20px;
}
.vision01 ul.txt01{
	width: 460px;
	float: right;
	padding-top: 50px;
}
.vision01 ul.txt01 li{
	line-height: 2em;
	background: #00a943;
	color: #fff;
	padding: 0 15px;
	font-size: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
.pro_lead{
	font-size: 30px;
	text-align: center;
	color: #00a943;
	font-weight: bold;
	padding-bottom: 20px;
}
.mvv_contents .value01 dl{
	width: 100%;
	overflow: hidden;
	display: table;
	margin-bottom: 18px;
}
.mvv_contents .value01 dt,
.mvv_contents .value01 dd{
	width: 50%;
	float: none;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.mvv_contents .value01 dt{
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 2em;
	background: #00a943;
	padding: 10px 0px;
}
.mvv_contents .value01 dd{
	padding: 10px 40px;
	line-height: 2em;
	background: #fff;
}

.value02 .img01,
.value03 .img01{
	width: 297px;
	float: left;
	padding-bottom: 20px;
	margin-left: 125px;
}
.value02 p.txt01,
.value03 p.txt01{
	font-size: 20px;
	margin-bottom: 10px;
	width: 550px;
	float: right;
	padding-top: 55px;
	line-height: 1.8em;
}
.mvv_inner .center.key,
.mvv_inner .txt01.key{
	font-size: 28px;
	color: #00a943;
	font-weight: bold;
	padding: 30px 20px;
	box-sizing: border-box;
	border: dotted 2px #999;
	margin-top: 60px;
}
.mvv_inner .txt01.key{
	margin-top: 0px;
	font-size: 24px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mvv_inner{
		width: 100%;
		padding: 0 20px 20px 20px;
		box-sizing: border-box;
	}
	.mvv_contents{
		margin-bottom: 30px;
	}
	.slogan{
		padding-bottom: 42px;
	}
	.slogan .img{
		width: 60%;
	}
	.slogan .txt{
		font-size: 14px;
		padding-top: 19px;
	}
	.mvv_inner h4{
		font-size: 12px;
	}
	.mvv_listtitle h4 span:nth-child(2){
		font-size: 12px;
	}
	.mvv_listtitle h4.type_m,
	.mvv_listtitle h4.type_v{
		background-size: 30px;
	}
	.mvv_inner h4{
		padding: 10px 20px 10px 45px;
	}
	.mvv_listtitle .lead_sub{
		font-size: 16px;
	}
	.mvv_listtitle p{
		font-size: 16px;
		line-height: 2em;
	}
	.mvv_listtitle p.lead_main span,
	.mvv_contents h5 span{
		font-size: 18px;
	}
	.mvv_contents h5{
		font-size: 20px;
	}
	.mission1 h5{
		background-size: 310px;
	}
	.mission2 h5{
		background-size: 311px;
	}
	.vision01 h5{
		background-size: 242px;
	}
	.value01 h5,
	.value02 h5,
	.value03 h5{
		background-size: 223px;
	}
	.mvv_contents dl{
		display: block;
	}
	.mvv_contents dt,
	.mvv_contents dd{
		float: none;
		width: 100%;
		margin-bottom: 0;
		display: block;
	}
	.mvv_contents dt{
		font-size: 16px;
		padding: 0;
	}
	.mvv_contents dd{
		padding: 10px;
	}
	.mvv_contents dd p.dd_title{
		font-size: 16px;
	}
	.mvv_contents dd p{
		font-size: 12px;
	}
	.mission2{
		padding-top: 30px;
	}
	.mission2 ul{
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.mission2 ul li{
		width: 100%;
		float: none;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.mission2 ul li:nth-child(1),
	.mission2 ul li:nth-child(2),
	.mission2 ul li:nth-child(3){
		width: 100%;
		background-size: 40px;
		padding-left: 60px;
	}
	.mission2 .tsunageru{
		width: 100%;
		padding: 10px 20px;
		box-sizing: border-box;
		font-size: 16px;
	}
	.mvv_inner .center{
		font-size: 14px;
		line-height: 2em;
	}
	.wbox{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.vision01 .img01,
	.value02 .img01,
	.value03 .img01{
		width: 60%;
		margin: 0 auto;
		float: none;
	}
	.vision01 ul.txt01,
	.value02 p.txt01,
	.value03 p.txt01{
		width: 100%;
		margin: 0 auto;
		float: none;
		font-size: 14px;
	}

	.vision01 ul.txt01{
		font-size: 14px;
		padding-top: 0px;
		width: 100%;
		padding-top: 10px;
	}
	.vision01 ul.txt01 li{
		font-size: 14px;
		line-height: 1.8em;
		margin-bottom: 5px;
	}
	.pro_lead{
		font-size: 16px;
	}
	.mvv_contents .value01 dt{
		font-size: 14px;
		padding: 5px 0;
		width: 40%;
	}
	.mvv_contents .value01 dd{
		font-size: 12px;
		line-height: 1.8em;
		padding: 5px 10px;
		width: 60%;
	}
	.mvv_contents .value02 .txt01,
	.mvv_contents .value03 .txt01{
		padding-top: 10px;
	}
	.mvv_inner .center.key,
	.mvv_inner .txt01.key{
		font-size: 16px;
		padding: 5px 5px;
		margin-top: 30px;
	}
	.mvv_inner .txt01.key{
		margin-top: 0px;
		font-size: 16px;
		text-align: center;
	}
	.mvv_inner .center.key br{
		display: none;
	}

}