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

/* article > h2 */
article > h2{
	background:url(../images/saijyo/h2.png)no-repeat center center;
	background-size:cover;
}


article > p{
	width:auto;
	margin:40px auto 40px;
	padding:0 5%;
	font-size:14px;
	letter-spacing:0.04em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:1.8;
}


/* #cont5 */
#cont5{
	padding:60px 0 60px;
}
#bxslider li{
	width:176px !important;
}
#cont5 dl{
	margin-top:-40px;
	padding:0 5% 50px;
	background:url(../images/top/cont5_bg2.png)no-repeat center bottom;
	background-size:90% auto;
}
#cont5 dl dt{
	display:block;
	vertical-align:bottom;
	width:160px;
	margin:0 auto;
	padding-bottom:10px;
}
#cont5 dl dd{
	margin:0;
	display:inline-block;
	vertical-align:bottom;
	width:auto;
	max-width:330px;
	text-align:center;
}
#cont5 ul.blog{
	margin-top:10px;
}
#cont5 ul.blog li{
	display:inli.blogne-block;
	vertical-align:top;
	width:45%;
	margin:10px 1%;
}
#cont5 ul.blog li:nth-child(3n+2){
	margin:10px 1%;
}
#cont5 ul.blog li:last-child{
/*	display:none;*/
}
#cont5 ul.blog li a figure figcaption{
	margin-bottom:-32px;
	font-size:21px;
	font-weight:bold;
	line-height:45px;
	font-family: quicksand, sans-serif;
	text-align:left;
	position:relative;
	z-index:1;
}
#cont5 ul.blog li a figure figcaption span{
	font-size:12px;
	margin-top:-5px;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
}
#cont5 ul.blog li a figure figcaption span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:2px;
	height:21px;
	margin:0 0 0 10px;
	background-color:#000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cont5 ul.blog li a figure img{
	border-radius:5px;
	height: auto;
}
#cont5 ul.blog li a p{
	margin-top:10px;
	text-align:left;
	font-size:13px;
}
#cont5 div.blog_more{
	width:auto;
	margin:10px auto 0;
	padding:0 5%;
	text-align:center;
}
#cont5 div.blog_more .more{
	width:245px;
	text-align:center;
}
#cont5 dl .BG-sp {
	width: 16%;
top: 72px;
max-width: 71px;
}

}

@media screen and (max-width:480px) {
	#bxslider li{
		width:132px !important;
	}
	#cont5 ul.blog li{
		width: 100%;
	}
	#cont5 ul.blog li a figure img{
		width: 90%;
	}
	#cont5 ul.blog li a p{
		padding: 0 5%;
	}
}