@charset "UTF-8";

/*school
----------------------------------------*/

#contents {
	padding-top: 180px;
}

#news, #school, #works, #online_shop, #order_made, #about_us {
	padding-top: 78px;
}

@media only screen and (max-width: 736px) {
	#news, #school, #works, #online_shop, #order_made, #about_us {
		padding-top: 30px;
	}
}

/*  #main
----------------------------------------*/
#main h2.page_ttl {
	margin-bottom: 40px;
	padding: 0;
	background: none;
}

#main h3.h3_01,
#main h3.h3_02,
#main h3.h3_03,
#main h3.h3_04,
#main h3.h3_05 {
	background-color: transparent;
	text-indent: -99999em;
	width: 100%;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	margin:0 0 40px auto;
}
#main h3.h3_01 {
	background-image: url(../img/privacy/ttl_h3_01.png);
}
#main h3.h3_02 {
	background-image: url(../img/privacy/ttl_h3_02.png);
}


ul.list {
	font-size: 116%;
	line-height: 2;
	text-align: center;
}
ul.list li img {
	padding: 7px 5px 0 0;
	vertical-align: text-top;
}

.course_nav {
	width: 100%;
	/*background: url(../img/school/course_bg.jpg) left top repeat;*/
	margin: 50px 0;
}
.course_nav img {
	vertical-align: bottom;
}
.course_nav ul {
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.course_nav ul li {
	float: left;
	max-width: 210px;
	width: 25%;
}


/*  #course
----------------------------------------*/
#course01,
#course02,
#course03,
#course04 {
	padding: 120px 0 0;
	margin: -120px auto 60px;
	max-width: 960px;
}
#course01 .item_col3 {
	max-width: 750px;
	width: 100%;
	margin: 0 auto 40px;
}
#course01 .item_col3 li {
	float: left;
	max-width: 250px;
	padding: 0 10px;
	width: 33.33%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#course01 .item_col4 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 40px;
}
#course01 .item_col4 li {
	float: left;
	max-width: 250px;
	padding: 0 10px;
	width: 25%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#course01 .item_col3 li p,
#course01 .item_col4 li p {
	margin-bottom: 10px;
}

.form_btn {
	text-align: center;
	margin: 40px 0 0;
}
#main p.attention {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
}
.hours {
	background-color: #fff;
	border: 1px solid #615C58;
	padding: 20px 0;
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
	#contents {
		padding-top: 50px;
	}
	#main h2.page_ttl {
		margin-bottom: 20px;
		padding: 0;
		background: none;
	}
	#main h3.h3_01,
	#main h3.h3_02,
	#main h3.h3_03,
	#main h3.h3_04,
	#main h3.h3_05 {
		margin: 20px auto;
		height: 20px;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size: cover;
	}
	#course01,
	#course02,
	#course03,
	#course04 {
		padding: 70px 0 0;
		margin: -70px 0 40px;
	}
	#course01 .item_col3,
	#course01 .item_col4 {
		margin-bottom: 0;
		max-width: 480px;
	}
	#course01 .item_col3 ul,
	#course01 .item_col4 ul {
		width: 100%;
	}
	#course01 .item_col3 li,
	#course01 .item_col4 li {
		display: block;
		width: 47%;
		margin: 0 1.5%;
		padding: 0;
		overflow: hidden;
	}
	#course01 .item_col3 li .ph_box,
	#course01 .item_col4 li .ph_box {
		padding: 3%;
		width: 94%;
	}
}

@media only screen and (max-width: 480px) {
	.course_nav {
		max-width: 420px;
		background: none;
	}
	.course_nav ul li {
		float: left;
		max-width: 210px;
		width: 50%;
	}
}


/*btn
----------------------------------------*/

#main .col_box p.btn_more {
	margin: 50px 0 0;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 700;
}

#main .col_box.l p.btn_more img {
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 736px) {
	#main .col_box p.btn_more {
		margin: 40px 0 30px;
		text-align: center;
	}
	#main .col_box p.btn_more img,
	#main .col_box.l p.btn_more img {
		margin: 0 auto;
	}
	ul.list li img {
	padding: 5px 5px 0 0;
	vertical-align: text-top;
}

}