@charset "utf-8";
@media screen and (max-width:768px){


h1 + div{
	width:80%;
	margin:auto;
	padding-bottom:50px;
}
h1 + div > figure figcaption{
	margin:15px 0 0;
	text-align:left;
}
h1 + div ul{
	margin-top:10px;
}
h1 + div ul li{
	width:49%;
	line-height:2.4;
	margin:0 0 5px;
	font-size:2.5vw;
	background:url(../images/precision_machine/cont_bg.png)no-repeat center center;
	background-size:cover;
}
h1 + div ul li:last-child{
	background:url(../images/precision_machine/cont_bg2.png)no-repeat center center;
	background-size:cover;
}
h1 + div section{
	margin-top:20px;
	padding-bottom:5%;
}
h1 + div section div{
	width:90%;
	margin:5% 0;
}
h1 + div section div h3{
	margin-bottom:5px;
	font-size:4vw;
	text-align:center;
}
h1 + div section figure{
	width:80%;
	max-width:360px;
}
h1 + div dl{
	margin-top:30px;
	text-align:left;
}
h1 + div dl dt{
	width:30%;
	margin:20px 0 -2%;
	padding-left:2%;
	line-height:2.2;
	font-size:2.2vw;
	background:#315a9e url(../images/precision_machine/tit_bg.png)no-repeat right center;
	position:relative;
	background-size:24px auto;
}
h1 + div dl dd{
	padding:3% 3%;
}
h1 + div dl dd a img{
	width:10px;
}


}


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

h1 + div{
	width:90%;
}

h1 + div ul li{
	font-size:2.9vw;
}

h1 + div dl dt{
	width:40%;
	line-height:2.2;
	font-size:3.4vw;

}