@charset "utf-8";

#main > .inner{
	padding-top: 210px;
}

#main .h.title{
	background-image: url(../../common/img/bg_h_01.jpg);
}

.main_contents .clearfix{padding-bottom:40px;}
.main_contents .clearfix .ul {
	margin-top: 10px;
	list-style:none;
	float:left;
}
.main_contents .clearfix .ul li {
	margin-bottom: 5px;
}
.main_contents .clearfix .ul li:before {
	font-weight: bold;
	content: "・";
	color: #c0c8dd;
}
.main_contents .clearfix .img{float:left; margin:0 20px 0 0;}
.main_contents .clearfix .ul{
		margin:10px 0 0 0;
}
h3{margin-bottom:30px;}
h4{
	width:700px; height:42px;
	background:url(../../img/h4.png) no-repeat;
	line-height:42px;
}
h5{margin:20px 0 30px 0;}

@media screen and (min-width: 741px){
	.main_contents .clearfix .img{float:left; margin:0 20px 0 0;}
}

@media screen and (max-width: 740px){
	#main > .inner{
		padding-top: 0;
	}

	#main_column{width:100%;}

	.main_contents .clearfix{border:1px solid #cccccc; border-radius:3px; padding:10px 5px 0 5px; margin:0 0 20px 0;}
	.main_contents .clearfix .img{text-align:center;}
	.main_contents .clearfix .ul{
		margin:10px 0 0 0;
		list-style:none;
		border-top:1px dotted #cccccc;
	}
	.main_contents .clearfix .ul li{
		padding:10px 5px;
		border-bottom:1px dotted #cccccc;
	}
	.main_contents .clearfix .ul li:last-child{border:none;}

	h4{
		width:100%; height:33px;
		background:url(../../img/h4.png) no-repeat;
		background-size:100% 33px;
		line-height:42px;
	}
	#main_column img{
		border:0;
		max-width:100% !important;
		height:auto !important;
	}
}