@charset "UTF-8";

/*======================================
	モデルコース
=======================================*/
h2 img{
	margin-bottom:20px;
}

#main_wrap{
	padding:3%;
}
#main_wrap h3,
#guide_wrap h3{
	font-size:120%;
	color:#fff;
	background-color:#84b131;
	padding:0.5em 1em;
	margin-bottom:1em;
	border-radius:0.3em;
}

#intro{
	margin-bottom:20px;
}

#course_list{
	margin-bottom:40px;
}
#course_list li img{
	margin-bottom:0.5em;
}
#course_list li{
	margin-bottom:20px;
}
#guide_wrap ul{
	margin-top:20px;
	overflow:hidden;
}
#guide_wrap li{
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin:0 1% 2.0em 1%;
}

#guide_wrap li .name{
	margin-top:10px;
	color:#000;
}
#guide_wrap li .name:hover{
	opacity: 0.5;
}
#guide_wrap li .tel{
	font-size:95%;
	padding-left:18px;
	background-image:url("../img/tel.png");
	background-repeat:no-repeat;
	background-size:15px;
	background-position: 0 4px;
}
#guide_wrap li .add{
	font-size:85%;
	margin-bottom:10px;
}

/* ボタン */
.more_wrap,
.btn_more div{
	width: 160px;
	margin:0 auto;
}
.btn_more p{
	background-position: 30px center;
	padding-left:25px;
}

@media screen and (max-width: 799px) {
	
	/* 2列表示 */
	#guide_wrap li{
		width:48%;
		margin:0 auto;
		margin-bottom:20px;
	}
}

/*======================================
	タブレット
=======================================*/
@media screen and (max-width: 599px) {

	#guide_wrap li{
		width:100%;
	}
	#guide_wrap li p{
		max-width:340px;
		margin:0 auto;
	}
	#guide_wrap li img,
	#guide_wrap li .add{
		margin-bottom:10px;
	}
	#guide_wrap li .name,
	#guide_wrap li .tel,
	#guide_wrap li .add{
		width: 180px;
		margin:0 auto;
	}
}