@charset "utf-8";

/*---page_information---*/

@media screen and (min-width:768px){
/*pc・タブレットcss*/


#maincolumn h3 {
	margin: 0 0 8px 0;
}
#maincolumn h4 {
	margin: 0 0 15px 0;
}
#maincolumn h5 {
	margin: 0 0 15px 0;
}
#maincolumn .section {
	width: 652px;
	padding: 37px 37px 45px 29px;
	line-height: 180%;
	letter-spacing: 0.1em;
	color: #6a6a6a;
	border: 1px solid #BABABA;
	background: url(../images/information/bk.jpg) repeat-y;
}
#maincolumn .text_box {
	width: 639px;
	padding: 0 0 15px 5px;
}
#maincolumn .point {
	width: 417px;
	float:right;
	display:block;
	padding: 6px 0 30px 0;
}
#maincolumn .block {
	clear: both;
	width: 596px;
	padding: 17px 17px 0 18px;
	margin:0 0 0 7px;
	border: 3px solid #DFDFDF;
	background: #FFF;
}
#maincolumn dl {
	clear:both;
	width: 588px;
	padding:0 0 10px 8px;
	margin:0 0 15px 0;
	border-bottom: 1px solid #B8B8B8;
}
#maincolumn dt {
	width: 17px;
	float:left;
	display:block;
	color:#057B30;
}
#maincolumn dd {
	width: 565px;
	float:right;
	display:block;
}
#maincolumn .box {
	width: 652px;
	padding: 30px 0 20px 0;
}
#maincolumn .read {
	width: 410px;
	float:left;
	display:block;
	padding:0 0 0 7px;
}
#maincolumn .read2 {
	width: 387px;
	float:right;
	display:block;
	padding:0 7px 0 0;
}

}
@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/

	
	#maincolumn h3 {
		margin: 0 0 8px 0;
	}
	#maincolumn h4 {
		margin: 0 0 15px 0;
	}
	#maincolumn h5 {
		margin: 0 0 15px 0;
	}
	#maincolumn .section {
		padding: 5vw;
		margin-bottom:10vw;
		line-height: 180%;
		letter-spacing: 0.1em;
		color: #6a6a6a;
		border: 1px solid #BABABA;
		background: url(../images/information/bk.jpg) repeat-y;
	}
	.photo01{
		float:none;
		margin: 0 auto 5vw;
		width:70%;
	}
	.photo02{
		float:none;
		margin: 0 auto 5vw;
		width:70%;
	}
	.photo03{
		float:none;
		margin: 0 auto 5vw;
		width:70%;
	}
	#maincolumn .text_box {
		padding: 0 0 15px 5px;
	}
	#maincolumn .point {
		display:block;
		padding: 2vw 0 2vw 0;
	}
	#maincolumn .point img {
		width:auto;
	}
	#maincolumn .point .mb15 {
		margin-bottom:5vw;
	}
	
	#maincolumn .block {
		clear: both;
		padding: 3vw;
		border: 3px solid #DFDFDF;
		background: #FFF;
	}
	#maincolumn dl {
		clear:both;
		padding:0 0 10px 8px;
		margin:0 0 15px 0;
		border-bottom: 1px solid #B8B8B8;
	}
	#maincolumn dt {
		width: 10%;
		float:left;
		display:block;
		color:#057B30;
	}
	#maincolumn dd {
		width:90%;
		float:left;
		display:block;
	}
	#maincolumn .box {
	}
	#maincolumn .read {
		display:block;
		padding:0 0 0 7px;
	}
	#maincolumn .read2 {
		display:block;
		padding:0 7px 0 0;
	}
	#maincolumn .read03 {
		font-size:16px;
		color:#990000;
		padding:5vw 0;
	}



}