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




#oem{
	margin-top:-15px;
}




#production{
	max-width:1000px;
	margin:30px auto 120px;
}

#production #intro{
	width:80%;
	margin:0 auto 50px;
}

#production #intro p{
	margin-bottom:15px;
}

#production #bnr{
	width:94%;
	margin:0 auto 80px;
	text-align:center;
}

#production #bnr li{
	width:24%;
	display:inline-block;
	text-align:center;
}

#production #bnr li img{
	margin-bottom:5px;
}

@media only screen and (max-width: 768px) { 

#production #bnr li{
	width:47%;
	margin:0 0.5% 15px;
}
}

#production .bana-interview img{
	width:92%;
	margin-top: 15px;
}

@media only screen and (max-width: 768px) { 
#production .bana-interview img{
	width:100%;
}

}








#production #contents .box{
	margin-bottom:120px;
}

#production #contents .box .photo{
	width:30%;
	display:inline-block;
	margin-right:4%;
	vertical-align:top;
}

#production #contents .box .block{
	width:63%;
	display:inline-block;
	vertical-align:top;
}

#production #contents .box .block h2{
	font-size:30px;
	border-bottom:1px solid #871805;
	margin-bottom:10px;
}

#production #contents .box .block ul{
	margin:30px auto;
}

#production #contents .box .block ul p{
	font-size:20px;
	font-weight:bold;
}

#production #contents .box .block ul li{
	width:30%;
	display:inline-block;
	background:#871805;
	color:#fff;
	text-align:center;
	border-radius:5px;
	margin:10px 10px 5px 0;
	font-size:12px;
}

#production #contents .box .block ul li a{
	color:#fff;
	display:block;
	line-height:3.5;
}


#production #contents .box .block ol li{
	width:29%;
	display:inline-block;
	border:1px solid #871805;
	line-height:3;
	margin:0 10px 10px 0;
	position:relative;
	letter-spacing:normal;
	text-indent:15px;
}

#production #contents .box .block ol li a{
	display:block;
}

#production #contents .box .block ol li:after{
	content:url(../img/production/arrow.jpg);
	position:absolute;
	right:10px;
	top:5px;
}

#production h3{
	margin:60px auto 30px;
}

#production h3 span{
	width:80%;
	max-width:350px;
	display:block;
	text-align:center;
	font-size:22px;
	border-bottom:1px solid #871805;
	margin:auto;
}

#production #contents .inner{
	width:90%;
	margin:0 auto 30px;
}

#production #contents .inner p{
	width:14%;
	margin-right:2%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

#production #contents .inner p span{
	display:block;
}

#production #contents dl{
	width:72%;
	display:inline-block;
	background:#f0f0f0;
	border:1px solid #cdcdcd;
	border-radius:10px;
	padding:3% 3% 2%;
	vertical-align:middle;
}

#production #contents dt{
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
}

#production #contents dt:first-child{
	margin-bottom:15px;
}

#production #contents dd{
	margin-bottom:20px;
	font-size:12px;
}



@media only screen and (max-width: 1080px) { 
#production #contents .box .block ul li{
	width: 42%;
}

#production #contents .box .block ol li{
	width:41%;
}


#oem{
	margin-top:0px;
}




}



@media only screen and (max-width: 800px) { 
#production #contents .box{
	margin-bottom:100px;
}

#production #contents .box .photo{
	width:100%;
	display:block;
	margin:0 auto 15px;
}

#production #contents .box .block{
	width:90%;
	display:block;
	margin:0 auto 15px;
}

#production #contents .box .block h2{
	font-size:22px;
	text-align:center;
}

#production #contents .box .block ul p{
	font-size:18px;
}

#production #contents .box .block ul li{
	width:47%;
	margin:10px 2px 5px 0;
}

#production #contents .box .block ol li{
	width:47%;
	margin:0 2px 10px 0;
	font-size:12px;
	text-indent:10px;
}

#production #contents .inner p{
	width:100%;
	margin:0 auto 5px;
	display:block;
	text-align:left;
}

#production #contents .inner p img{
	display:inline-block;
	vertical-align:middle;
	max-width:30px;
}

#production #contents .inner p span{
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}

#production #contents .inner p span br{
	display:none;
}

#production #contents dl{
	width:auto;
	display:block;
}




#production #contents dt:first-child{
	margin-bottom:5px;
	/* text-align:center; */
}

#production #contents dd{
	margin-bottom:15px;
}


}


@media screen and (max-width: 798px){ #kanban img {    height: 120px;    width: 100%; } } @media screen and (max-width: 798px){ #production #intro p {    margin-bottom: 15px;    font-size: .75rem; } }
@media screen and (max-width: 798px){ #production #contents .box .block ul li a {    color: #fff;    display: block;    line-height: 3.5;    font-size: .5rem; } }