#page_title {
	margin: 0 0 10px 0;
}

#main {
	line-height: 1.8em;
}

#main section{
	scroll-margin: 90px 0 0;
}

img.justifyleft {
	float: left;
	width: calc(50% - 20px);
	margin: 0 20px 20px 0;
}

img.justifyright {
	float: right;
	width: calc(50% - 20px);
	margin: 0 0 20px 20px;
}

p.justifyleft,
th.justifyleft,
td.justifyleft {
	text-align: left;
}

p.justifyright,
th.justifyright,
td.justifyright {
	text-align: right;
}
.calendar_button{
width:80%;display:block;background:#f95b04;color:#fff;text-decoration:none;text-align:center;border-radius:5px;line-height:45px;margin:10px auto 20px;
}
#schoollist {
	padding: 50px 3%;
}

#schoollist h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
	text-align: center;
	margin: 0 0 20px 0;
	background: url('../images/midashi4b.png') repeat-x center bottom;
	-webkit-background-size: 6px 6px;
	     -o-background-size: 6px 6px;
	        background-size: 6px 6px;
}

#schoollist dl {
	width: 48%;
	margin: 0 1% 20px;
	background: #ffce37;
	border-radius: 5px;
	overflow: hidden;
}

#schoollist article {
	display: flex;
	flex-wrap: wrap;
}

#schoollist dt {
	padding: 10px;
}

.schoolinfo {
	padding: 0 10px 10px;
	height: 145px;
}

#schoollist dd h4 {
	text-align: center;
	font-size: 16px;
	background: url('../images/midashi5.png') no-repeat bottom center;
	background-size: 90% auto;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#schoollist .schoolmore a {
	display: block;
	background: #f2571a url('../images/arrow.png') no-repeat right 10px center;
	background-size: 8px auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
}

.lesson {
	margin-top: -50px;
	padding: 0 0 20px 0;
	background-size: 100% auto;
}

.lesson article {
	padding: 70px 5% 30px;
}

.lesson article a {
	display: block;
	padding: 0 10%;
}

.lesson2 {
	margin-top: -50px;
	padding: 0 0 20px 0;
	background-size: 100% auto;
}

.lesson2 article {
	padding: 70px 5% 30px;
}

.lesson2 article a {
	display: block;
	padding: 0 10%;
}


.lesson3 {
	margin-top: -50px;
	padding: 0 0 20px 0;
	background: url('../images/bg4.png') no-repeat bottom center;
	background-size: 100% auto;
}

.lesson3 article {
	padding: 50px 3% 10px;
/*	background: #dbf4ff;*/
}

.lesson3 article a {
	display: block;
	padding: 0 10%;
}

.lesson3 h3 {
	font-size: 16px;
	text-align: center;
	background: url('../images/midashi8b.png') repeat-x bottom center;
	background-size: 6px 6px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}

.lesson4 {
	margin-top: -50px;
	padding: 0 0 20px 0;
	background: url('../images/bg5.png') no-repeat bottom center;
	background-size: 100% auto;
}

.lesson4 article {
	padding: 50px 3% 10px;
	background: #fffccb;
}

.lesson4 article a {
	display: block;
	padding: 0 10%;
}

.lesson4 h3 {
	font-size: 16px;
	text-align: center;
	background: url('../images/midashi11b.png') repeat-x bottom center;
	-webkit-background-size: 6px 6px;
	     -o-background-size: 6px 6px;
	        background-size: 6px 6px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}

.line img {
	display: block;
}

#schoollist2 article {
	background: #53c3f1;
}

#schoollist2 {
	padding: 50px 0%;
}

#schoollist2 h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
	text-align: center;
	margin: 0 0 20px 0;
	background: url('../images/midashi6.png') no-repeat center bottom;
	background-size: 60% auto;
}

#schoollist2 dl {
	width: 48%;
	margin: 0 1% 20px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}

#schoollist2 article .inner {
	display: flex;
	flex-wrap: wrap;
}

#schoollist2 dt {
	padding: 10px;
}

.schoolinfo {
	padding: 0 10px 10px;
	height: 145px;
}

#schoollist2 dd h4 {
	text-align: center;
	font-size: 16px;
	background: url('../images/midashi7.png') no-repeat bottom center;
	background-size: 90% auto;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#schoollist2 dd a {
	display: block;
	background: #3b64b2 url('../images/arrow.png') no-repeat right 10px center;
	background-size: 8px auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
}


#schoollist3 {
	padding: 50px 0%;
}

#schoollist3 h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
	text-align: center;
	margin: 0 0 20px 0;
	background: url('../images/midashi9.png') no-repeat center bottom;
	background-size: 60% auto;
}

#schoollist3 dl {
	width: 48%;
	margin: 0 1% 20px;
	background: #fff674;
	border-radius: 5px;
	overflow: hidden;
}

#schoollist3 article .inner {
	display: flex;
	flex-wrap: wrap;
}

#schoollist3 dt {
	padding: 10px;
}

.schoolinfo {
	padding: 0 10px 10px;
	height: 145px;
}

#schoollist3 dd h4 {
	text-align: center;
	font-size: 16px;
	background: url('../images/midashi10.png') no-repeat bottom center;
	background-size: 90% auto;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#schoollist3 dd a {
	display: block;
	background: #e3c227 url('../images/arrow.png') no-repeat right 10px center;
	background-size: 8px auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
}


#schoollist4 {
	padding: 50px 0%;
}

#schoollist4 h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
	text-align: center;
	margin: 0 0 20px 0;
	background: url('../images/midashi12.png') no-repeat center bottom;
	background-size: 60% auto;
}

#schoollist4 dl {
	width: 48%;
	margin: 0 1% 20px;
	background: #e5f3f9;
	border-radius: 5px;
	overflow: hidden;
}

#schoollist4 article .inner {
	display: flex;
	flex-wrap: wrap;
}

#schoollist4 dt {
	padding: 10px;
}

.schoolinfo {
	padding: 0 10px 10px;
	height: 145px;
}

#schoollist4 dd h4 {
	text-align: center;
	font-size: 16px;
	background: url('../images/midashi13.png') no-repeat bottom center;
	background-size: 90% auto;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#schoollist4 dd a {
	display: block;
	background: #6bcdfa url('../images/arrow.png') no-repeat right 10px center;
	background-size: 8px auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
}
#bottom_contact{
padding:0 1.5%;
}
#bottom_contact p{
padding:0 3% 15px;
}
#bottom_contact ul{
list-style:none;
display:flex;
}
#bottom_contact li{
width:calc(100% / 3 - 3%);
margin:0 1.5% 20px;
}



.cal_title3{
	text-align: center;
	font-size: 125%;
	background: #FFD322;
	color: #000;
	padding: 40px 0;
}

.cal_title4{
	text-align: center;
	font-size: 125%;
	background: #FF8722;
	color: #fff;
	padding: 20px 0;
	margin: 20px 0 10px 0;
}