@charset "UTF-8";
/* CSS Document */


#company.feature .main_box h3{
	width:96%;
	font-size:140%;
	margin:50px auto 30px auto;
	font-weight:bold;
	text-align:center;
}

#company.feature .main_box h4{
	font-size:110% !important;
}

#company.feature .main_box p{
	margin:auto;
}

#company.feature section#subContainer.feature .main_box .feature_box_1 dl dt h3:before{
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
  	left: 0;
}
#company.feature section#subContainer.feature .main_box .feature_box_1 dl dt h3:after{
	content: '';
  	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	right: 0;
}


#company.feature section#subContainer.feature .main_box h4.feature_merit_title strong{
	font-size:120%;
	font-weight:bold;
}


#company.feature section#subContainer.feature .main_box .feature_box_1{
	margin:20px 0 70px 0;
}

#company.feature section#subContainer.feature .main_box .feature_box_1 ul li{
	width:96%;
	border:1px solid #ccc;
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	box-shadow:3px 3px;
	margin:0 auto 20px auto;
}


#company.feature section#subContainer.feature .main_box h4.feature_merit_title span{
	margin:0 5px;
	padding:10px 0;
	border-top:7px double #ccc;
	border-bottom:7px double #ccc;
}



#company.feature section#subContainer.feature .main_box .feature_box_1 dl dt h3 {
	width:100%;
	font-size:17px;
	text-align:center;
	position: relative;
	line-height: 1.4;
	padding:10px;
	display: inline-block;
	top:0;
	margin:0 auto 20px auto;
	box-sizing:border-box;
}



#company.feature section#subContainer.feature .main_box .feature_box_1 dl dt h3:before,
#company.feature section#subContainer.feature .main_box .feature_box_1 dl dt h3:after{ 
  	position: absolute;
  	top: 0;
  	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}



#company.feature section#subContainer.feature .main_box .feature_box_1 ul li dl dd{
	width:20%;
	height:auto;
	margin:0 auto 10px auto;
}


#company.feature section#subContainer.feature .main_box .feature_box_1 ul li dl dd img{
	width:100%;
	height:100%;
	margin:0 auto;
}

#company.feature section#subContainer.feature .main_box .feature_box_1 ul li:nth-of-type(2) dl dd{
	width:55%;
	height:auto;
	margin:0 auto 10px auto;
}





#company.feature section#subContainer.feature .main_box h4.feature_merit_title{
	font-size:20px;
	border-bottom:none;
	text-align:center;
	margin:0;
	padding:0;
}


#company.feature section#subContainer.feature .main_box h4.feature_merit_title strong.up{
	color:#f90000;
}

#company.feature section#subContainer.feature .main_box h4.feature_merit_title strong.down{
	color:#29307d;
}


#company.feature .company_mukustyle_merit_block_title{
	width:100%;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	color:#fff;
	background:#333;
	box-sizing:border-box;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}


#company.feature .company_mukustyle_merit_up{
	background-image: url("/img/company/merit_up.gif");
	background-repeat:no-repeat;
	background-size:12px;
	background-position: 0px 5px;
	/* width:10px; */
}

#company.feature .company_mukustyle_merit_down{
	background-image: url("/img/company/merit_down.gif");
	background-repeat:no-repeat;
	background-size:12px;
	background-position: 0 5px;
	/* width:10px; */
}

#company.feature .company_mukustyle_merit_block{
	width:100%;
	margin-top:20px;
	background:#fff;
	padding:4%;
	box-sizing:border-box;
}


#company.feature section#subContainer.info .main_box .feature_box_2 .a_block,
#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block{
	width:100%;
	font-size:180% !important;
	font-weight:bold;
	text-align:center;
	margin:50px auto;
	letter-spacing:0.2em;
	color:#f90000;
}

#company.feature section#subContainer.info .main_box .feature_box_2 .a_block span,
#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block span{
	color:#000;
	font-size:90%;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 0px 2px #f90000;
    border: solid 1px #f90000;
    margin:0 20px 0 20px;
    padding:10px 15px;
    display:block;
}

#company.feature section#subContainer.info .main_box .feature_box_2 .a_block span:after
#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block span:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #f90000 #fff #e89797;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}




#company.feature section#subContainer.info .main_box .feature_box_2 .b_block:before,
#company.feature section#subContainer.info .main_box .feature_box_2 .b_block:after,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block:before,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block:after{ 
  content:'';
width: 50px;
height: 50px;
position: absolute;
display: inline-block;
}



#company.feature section#subContainer.info .main_box .feature_box_2 .b_block,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block {
	width:96%;
	text-align:center;
	margin:0 auto 50px auto;
	position: relative;
	line-height: 1.4em;
	padding:30px;
	box-sizing:border-box;
}



#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block img{
	width:50%;
	max-width: 200px;
}

#company.feature section#subContainer.info .main_box .feature_box_2 .b_block h4,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block h4{
	font-size:120%;
	border-bottom:none;
}

#company.feature section#subContainer.info .main_box .feature_box_2 .b_block h4 span,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block h4 span{
	font-size:120%
}



#company.feature section#subContainer.info .main_box .feature_box_2 .b_block:before,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block:before{
  border-left: solid 2px #000;
  border-top: solid 2px #000;
  top:0;
  left: 0;
}

#company.feature section#subContainer.info .main_box .feature_box_2 .b_block:after,
#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block:after{
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  bottom:0;
  right: 0;
}


#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block{
	width:96%;
	margin:0 auto;
	background:#f5f5f5;
	padding:50px 0;
	box-sizing:border-box;
	border-radius:20px;
}

#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block h4 span{
	color:#fff;
	padding:7px 20px;
	background:#14677b;
	border-radius:20px;
}


#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block h4{
	font-size:140%;
	border-bottom:none;
	text-align:center;
	margin: 0 auto 30px !important;
	padding:0;
}


#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul{
	width:90%;
	margin:0 auto;
	font-size:0;
}


#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li{
	font-weight:bold;
	width:100%;
	padding:20px 0;
	margin-bottom:10px;
	text-align:center;
	background:#fff;
	box-shadow:4px 4px;
	border:1px solid #ccc;
	box-sizing:border-box;
}


#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li:nth-of-type(3){
	margin-right:0;
}

#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dd{
	font-size:15px;
}

#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dt{
	font-size:22px;
}



	#company.feature section#subContainer.feature .main_box .meeting{
		margin:100px 0 0 0;
		background:#f0f0f0;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl{
		display:initial;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dd{
		width:80%;
		margin:0 auto 0 auto;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dd img{
		width:100%;
		box-shadow:10px 10px #ccc;
		margin:-30px 0 0 0;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dt{
		width:100%;
		margin:0 auto 0 auto;
		padding-bottom:50px;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dt h4{
		font-size:140% !important;
		text-align:center;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4{
		font-size:150%;
		text-align:center;
		margin:0;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span::after{
		content: "\A" ;
		white-space: pre ;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span img{
		width:140px;
	}


@media screen and (min-width:667px) and ( max-width:959px) {

	#company.feature section#subContainer.feature .main_box .feature_box_2{
		margin
	}
	
	#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block{
		margin:80px 0;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block span{
		color:#000;
    	display:initial;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block{
		width:70%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block{
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block img{
		width:30%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul{
		display:flex;
		width:95%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li{
		width:33.3%;
		margin-right:10px;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li{
		width:33.3%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dd{
		font-size:12px;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dt{
		font-size:18px;
	}

	#company.feature section#subContainer.feature .main_box .meeting{
		margin:70px 0 50px 0;
		background:#f5f5f5;
		padding:20px 0 20px 0;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl{
		display:flex;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dd{
		width:45%;
		height:400px;
		margin-right:2%;
		overflow:hidden;
		box-shadow:10px 10px #ccc;
		position:relative;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dd img{
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dt{
		width:55%;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dt h4{
		font-size:150%;
		text-align:center;
		margin:0;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span::after{
		content: "\A" ;
		white-space: pre ;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span img{
		width:140px;
	}
}


@media screen and (min-width:667px) and ( max-width:959px) {

	#company.feature section#subContainer.feature .main_box .feature_box_2{
		margin
	}
	
	#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block{
		margin:80px 0;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .a_block span{
		color:#000;
    	display:initial;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block{
		width:70%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block{
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .b_block img{
		width:30%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul{
		display:flex;
		width:95%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li{
		width:33.3%;
		margin-right:10px;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li{
		width:33.3%;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dd{
		font-size:12px;
	}
	#company.feature section#subContainer.feature .main_box .feature_box_2 .c_block ul li dt{
		font-size:18px;
	}

	#company.feature section#subContainer.feature .main_box .meeting{
		margin:70px 0 50px 0;
		background:#f5f5f5;
		padding:20px 0 20px 0;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl{
		display:flex;
	}
	#company.feature section#subContainer.feature .main_box .meeting dl dd{
		width:45%;
		height:400px;
		margin-right:2%;
		overflow:hidden;
		box-shadow:10px 10px #ccc;
		position:relative;
	}
	
	#company.feature section#subContainer.feature .main_box .meeting dl dd img{
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dd img{
		height:100%;
		position:absolute;
		left:-30%;
		bottom: 0;
		width: auto;
	}
	
	#company.feature section#subContainer.feature .main_box .meeting dl dt{
		width:55%;
	}
	
	#company.feature section#subContainer.feature .main_box .meeting dl dt h4{
		font-size:150%;
		text-align:center;
		margin:0;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span::after{
		content: "\A" ;
		white-space: pre ;
	}

	#company.feature section#subContainer.feature .main_box .meeting dl dt h4 span img{
		width:140px;
	}
}


@media screen and (min-width:667px) and ( max-width:959px) {
	
	#company.feature .company_mukustyle_merit{
		width:96%;
		margin:44px auto 0;
		display: flex;
	    justify-content: center;
	    padding-bottom: 10px;
	    background: #f5f5f5;
	}
	#company.feature .company_mukustyle_merit_block{
		width:31%;
		padding: 1.5%;
		background:#fff;
		box-sizing:border-box;
	}

	#company.feature .company_mukustyle_merit2{
		width:96%;
		margin:0 auto;
	}
	#company.feature .company_mukustyle_merit2_muku img{
		width:80%;
	}
	#company.feature .company_mukustyle_merit2 iframe{
		height:40vh;
	}
	#company.feature .main_box .img_center img{
    	width:80%;
	}
	#company.feature .main_box h3{
		font-size:160%;
		text-align:center;
		margin-top:70px;
	}
	#company.feature .main_box h4{
		font-size:130% !important;
		text-align:center;
		margin-top:70px !important;
	}

	#company.feature .main_box .enkaku_epi ul li dl dt p{
		width:100%;
		text-align:left;
		background:#000;
	}

}