@charset "utf-8";

h2{
	width: 940px;
	height: 30px;
	background:url(../../school/img/title.gif) no-repeat;
	margin-top:40px;
	margin-bottom:30px;
}
#tit1{
	width: 940px;
	height: 50px;
	background:url(../../school/img/tit1.jpg) no-repeat;
	margin-bottom:20px;
}
#tit2{
	width: 940px;
	height: 50px;
	background:url(../../school/img/tit2.jpg) no-repeat;
	margin-bottom:20px;
}
#tit3{
	width: 940px;
	height: 50px;
	background:url(../../school/img/tit3.jpg) no-repeat;
	margin-bottom:20px;
}
#tit4{
	width: 940px;
	height: 50px;
	background:url(../../school/img/tit4.jpg) no-repeat;
	margin-bottom:20px;
}

.common_box{
	margin-bottom:60px;
}

#intro_area{
	margin-top:40px;
	margin-bottom:40px;
}
.tit_intro{
	color:#5c9985;
	font-size:20px;
	margin-top:30px;
	margin-bottom:20px;
	line-height:1.5;
}

#school_area h4{
	color:#5c9985;
	margin-top: 30px;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:20px;
	border-bottom:solid 1px #5c9985;
}
.school_box{
	clear:both;
	overflow:auto;
	background:url(../../school/img/img_school_bg.jpg) ;
	padding:17px;
	margin-bottom:5px;
}
.school_box .title{
	overflow:auto;
	background:#ffffff;
	border-bottom:solid 1px #86bfac;
	border-left:solid 1px #86bfac;
	border-right:solid 1px #86bfac;
	margin-bottom:25px;
}
.school_box .sub{
	background:#86bfac;
	color:#ffffff;
	padding:4px 10px 1px;
}
.school_box .step{
	float:left;
	width:90px;
	color:#5c9985;
	font-size:20px;
	padding:15px;
	border-right:solid 1px #86bfac;
	line-height:1;
}
.school_box .course{
	float:left;
	color:#5c9985;
	font-size:20px;
	padding:15px;
	line-height:1;
}
.school_box p{
	clear:both;
	text-align:left;
}
.school_box dl{
	float:left;
	width:474px;
	margin-top:25px;
	margin-bottom:0px;
	margin-left:8px;
	margin-right:20px;
	overflow:auto;
	text-align:left;
}
.school_box dt{
	clear:both;
	float:left;
	width:100px;
	background:url(../../school/img/img_flower.gif) no-repeat 0 100%;
	color:#62628c;
	margin-bottom:12px;
	padding-left:28px;
	font-weight:normal;
}
.school_box dd{
	float:left;
	margin-bottom:12px;
}
.school_box dt.naiyou,
.school_box dd.naiyou{
	float:none;
}
.school_box .naiyou ul{
	margin-left:40px;
	margin-bottom:20px;
}
.school_box .naiyou li{
	background:url(../../school/img/list_mark.png) no-repeat 0 6px;
	padding-left:14px;
	margin-bottom:6px;
}
.school_box .txt_red{
	color:#cc2936;
	margin-top: -6px;
	margin-bottom:5px;
}
.school_box .price{
	font-size:22px;
}
.school_box .img_school_box{
	position:relative;
	float:left;
	width:400px;
}
.school_box .img_baloon1,
.school_box .img_baloon2,
.school_box .img_baloon3,
.school_box .img_baloon4{
	position:absolute;
}
.school_box .img_baloon4 { padding-top: 25px;}
.school_box .img_school1,
.school_box .img_school2,
.school_box .img_school3,
.school_box .img_school4{
	text-align:right;
}
.school_box .img_school1 { padding-top: 60px;}
.school_box .img_school2 { padding-top: 60px;}
.school_box .img_school3 { padding-top: 60px;}
.school_box .img_school4 { padding-top: 40px;}


#photo_area p{
	margin-bottom:30px;
}

#otameshi_area p{
	margin-bottom:30px;
}
#otameshi_area p span{
	color:#5c9985;
}
#otameshi_area .bnr_box{
	padding:22px;
	border:solid 1px #d0c2b9;
}
#otameshi_area .tit_otameshi{
	font-size:38px;
	margin-top:-15px;
	margin-bottom:10px;
}
#otameshi_area .price{
	color:#cc2936;
	font-size:19px;
	margin-bottom:15px;
}
#otameshi_area .price span{
	font-size:13px;
}
#otameshi_area .txt_red{
	padding-top:8px;
	color:#cc2936;
}
.img_otameshi{
	text-align:right;
}

#contact_area .bnr_contact{
	text-align:center;
	margin-top:60px;
}






/* ------------------------------------- */
/*	 SP
/* ------------------------------------- */
/* スマホ */
@media (max-width: 768px) {

h2{
	font-size: 24px !important;
	margin-top:20px;
	margin-bottom:15px;
}
#lower_page h3{
	background-color:#f3f0e1 !important;
	padding:10px;
	font-size: 20px !important;
	margin-top:0;
	margin-bottom:15px;
}
#lower_page h3.tit_intro{
	background-color:#ffffff !important;
	margin-top:30px;
	padding:10px 0;
}
#intro_area li{
	margin-bottom:10px;
}


.school_box{
	border-bottom:0px !important;
}
.school_box .title{
	overflow:auto;
	background:#ffffff;
	border-bottom:solid 1px #86bfac;
	border-left:solid 1px #86bfac;
	border-right:solid 1px #86bfac;
	margin-bottom:25px;
}
.school_box .sub{
	background:#86bfac;
	color:#ffffff;
	padding:4px 10px 1px;
}
.school_box .step{
	float:none;
	width:auto;
	border-right:0px;
	border-bottom:solid 1px #86bfac;
}
.school_box .course{
	float:none;
	line-height:1.5;
}
.school_box dl{
	float:none;
	width:auto;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}
.school_box dt{
	clear:both;
	float:none;
	width:auto;
	margin-bottom:5px;
}
.school_box dd{
	float:none;
	margin-bottom:20px;
	margin-left:30px;
}
.school_box .naiyou ul{
	margin-left:0;
}

.school_box .img_school_box{
	position:relative;
	float:none;
	width:auto;
}
.school_box .img_baloon1,
.school_box .img_baloon2,
.school_box .img_baloon3,
.school_box .img_baloon4{
	position:absolute;
	left: -50%;
	margin: 0 auto;
	position: absolute;
	right: -50%;
	width:100%;
}
.school_box .img_baloon4 { padding-top: 0;}
.school_box .img_school1,
.school_box .img_school2,
.school_box .img_school3,
.school_box .img_school4{
	text-align: center;
}
.school_box .img_school4 { padding-top: 80px;}

#photo_area .row{
	text-align:center;
}
#photo_area .row div{
	margin-bottom:10px;
}

#otameshi_area .bnr_box{
	padding:10px;
}
#otameshi_area .tit_otameshi{
	font-size:30px;
	margin-top:0;
	margin-bottom:20px;
	text-align:center;
	line-height:1.2;
}
#otameshi_area .txt_red{
	margin-bottom:15px;
}
.img_otameshi{
	text-align: center;
}

#contact_area .bnr_contact{
	margin-top:20px;
}









}