@charset "utf-8";
/* CSS Document */
#contents h4 {
	margin: 0 0 15px 0;
	background: #195EB0;
	color: #FFF;
	padding: 0.3em 1em;
}

#contents h5 {
	margin: 0 0 15px 0;
	padding: 0;
	color:#195EB0;
	font-size: 110%;
}

.mb40 {margin-bottom: 40px;}

ul.pict {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.pict li {
	margin: 0 4% 20px 0;
	padding: 0;
	width: 48%;
	float: left;
	text-align: center;
}

ul.pict li:nth-child(2n){
	margin-right: 0;
}

ul.pict li img {
	width: auto;
	max-width: 100%;
	height: auto;
}


ul.pict li p {
	text-align:left;
	margin: 25px 0px 0px 0px;
}

#contents ul.pict01 {
	margin: 0 0 60px 0;
	padding: 0;
}

#contents ul.pict01 li {
	width: 32%;
	float: left;
	margin-right: 2%;
}

#contents ul.pict01 li:last-child {
	margin-right: 0;
}

#contents .leftbox{
	width:70%;
	float: left;	
}

#contents .rightbox{
	width:28%;
	float:right;
	text-align: center;
}

#contents ul.pict02 {
	margin: 0 0 40px 0;
	padding: 0;
}

#contents ul.pict02 li {
	width: 49%;
	float: left;
	margin-right: 2%;
	text-align: center;
}

#contents ul.pict02 li:last-child {
	margin-right: 0;
}






/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
	
#contents .leftbox{
	width:100%;
	float: none;
}

#contents .rightbox{
	width:100%;
	float:none;
	text-align: center;
	margin-bottom: 40px;
}


}