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

@charset "UTF-8";
/* CSS Document */
/* TOP
-------------------------------------------------- */
div.picBlock{
	overflow:hidden;
}

div.pic{
	float:right;
	width:47%;
}

div.txt{
	float:left;
	width: 50%;
	margin-right:3%;
}
div.pic2{
	float:left;
	width:47%;
}

div.txt2{
	float:right;
	width: 50%;
	margin-left:3%;
}
div.detailBlockIn{
	margin-top: 5%;
}

.picBlock ul{
	overflow: hidden;
	margin: 0 auto;
	padding: 4% 0 0;
}

.picBlock ul li{
	float: left;
	width: 30.6%;
    margin-right: 4%;
	
	text-align: center;
}
.picBlock ul li:last-child{
	margin-right: 0;
}

@media print, screen and (max-width:570px) {
	h3 {
    margin-top: 5%;
	}
	
	div.pic,div.txt,div.pic2,div.txt2{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	h2 img {
    display: inline-block;
    width: 80%;
	}
	
	.picBlock ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 10%;
		max-width: 272px;
	}
	.picBlock ul li:last-child {
		margin: auto;
	}
	
}