@charset "utf-8";
/*--------------------------------------------
 
　　　教育方針ページ用CSS
 
---------------------------------------------*/


#main #section01 .im01 {
	margin-bottom: 2em;
	float: right;
}
/*--------------------------------------------
 
　　　教育方針ページ用CSS
 
---------------------------------------------*/


#main #section01 .left {
	margin-bottom: 2em;
	float: left;
	width: 650px;
}
#main h3 {
	background-color: #f7f1d8;
	background-image: url(none);
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: 12px center; */
	font-size: 158%;
	line-height: 48px;
	font-weight: bold;
	padding-left: 28px;
	margin-top: 3em;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	padding-top: 0.2em;
	margin-bottom: 0.8em;
	text-align: center;
}

#main h4 {
	font-size: 129%;
	line-height: 1.6em;
	font-weight: bold;
	background-image: url(../common/img/main_h4_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 16px;
	padding-bottom: 8px;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#main .tbl {
	margin: 10px auto;
	width: 95%;
	background-color: #FDF9EC;
	border: none;
}
#main .tbl td{
	width: 46%;
	padding: 0 2% 5% !important;
}
#main .tbl td.bg01{
	background-image: url(img/policy_item01_illust.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}
#main .tbl td.bg02{
	background-image: url(img/policy_item02_illust.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#main .tbl td.bg03{
	background-image: url(img/policy_item03_illust.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#main .tbl td.bg04{
	background-image: url(img/policy_item04_illust.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}
#main .tbl img{
	margin: 10px auto;
	display: block;

}
#main .tbl .spn {
	width: auto;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 10px 0px 10px 0px;
}
#main .box {
	margin: 10px 10px;
	width: 48%;
	float: left;
}

#main .policy {
	margin-top: 1em;
	margin:0;
}
#main p {
	margin-top: 1em;
	margin: 0px 10px;
}
.photo-flame {
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-border-radius: 20px;/* for Safari and Chrome */
	-moz-border-radius: 20px; /* for Firefox */
	-o-border-radius: 20px; /* for opera */
	border-radius: 20px;
}




@media screen and (max-width:768px) {

#main .tbl td{width:100%; padding:0 0 5%; display:block;}
#main .tbl img {margin:3% auto; width:80%; height:auto;}


#main .policy {margin:0;}
#main p {margin:0;}


#main h3 {line-height:1.4em; padding:3% 5%; margin-top:5%; margin-bottom:3%; text-align:left;}
#main h4 {line-height:1.3em; padding-bottom:3%; margin-top:5%; margin-bottom:3%;}
	
	
}
#main .policy-caption{
	text-align:center;
}#main
.policy-img {
	text-align:center;
}