/* visual */
@media only screen and (min-width:1300px) {
	#visual { float: left; background: url(/assets/imgs/top.jpg) no-repeat top center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 480px; }
	#visual p { width: 50%; float: right; font-family: 'Noto Serif JP', serif; padding: 120px 0 0 40px; text-align: left; font-size: 40px; line-height: 1.5em; text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF; box-sizing: border-box; }
}
@media only screen and (min-width:769px) and (max-width:1299px) {
	#visual { float: left; background: url(/assets/imgs/top.jpg) no-repeat top center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 0; padding-bottom: 36.923%; background-size: cover; }
	#visual p { width: 50%; float: right; font-family: 'Noto Serif JP', serif; padding: 3em 0 0 1.5em; text-align: left; font-size: 3vw; line-height: 1.5em; text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF; box-sizing: border-box; }
}
@media only screen and (max-width:768px) {
	#visual { float: left; background: url(/assets/imgs/top.jpg) no-repeat top center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 0; padding-bottom: 50%; background-size: cover; }
	#visual p { width: 50%; float: right; font-family: 'Noto Serif JP', serif; padding: 2em 0 0 0; text-align: left; font-size: 4vw; line-height: 1.5em; text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF; box-sizing: border-box; }
}
@media only screen and (max-width:400px) {
	#visual { float: left; background: url(/assets/imgs/top.jpg) no-repeat top center #EDEDED; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100%; height: 0; padding-bottom: 100vw; background-size: cover; }
	#visual p { width: 50%; float: right; font-family: 'Noto Serif JP', serif; padding: 4em 0 0 0; text-align: left; font-size: 5vw; line-height: 1.5em; text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF; box-sizing: border-box; }
}


/* #top */
#top { clear: both; padding: 80px 0; }
#top h2 { text-align: center; font-size: 48px; font-weight: bold; line-height: 60px; }
#top h3 { text-align: center; font-size: 32px; font-weight: bold; line-height: 60px; padding: 80px 0 0; }
#top h3 img { height: 60px; vertical-align: middle; }
#top ul { display: flex; justify-content: center; padding: 40px 0 0; }
#top ul li { width: 200px; height: 200px; line-height: 200px; margin: 0 20px; background: #000; color: #FFF; font-size: 24px; font-weight: bold; text-align: center; }
#top h4 { text-align: center; font-size: 28px; font-weight: bold; line-height: 40px; padding: 40px 0 0; }
#top p { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; padding: 10px 0 0; }

@media only screen and (max-width:768px) {
	#top { clear: both; padding: 40px 0; }
	#top h2 { text-align: center; font-size: 20px; font-weight: bold; line-height: 30px; }
	#top h3 { text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; padding: 40px 0 0; }
	#top h3 img { height: 30px; vertical-align: middle; }
	#top ul { display: flex; justify-content: space-between;  padding: 20px 5px 0; }
	#top ul li { width: 33.333%; height: auto; line-height: 20px; padding: 20px 0;margin: 0 5px; background: #000; color: #FFF; font-size: 16px; font-weight: bold; text-align: center; display: flex; justify-content: center;  align-items: center;}
	#top h4 { text-align: center; font-size: 20px; font-weight: bold; line-height: 30px; padding: 20px 0 0; }
	#top p { text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }
}


/* #curriculum */
#curriculum { clear: both; padding: 80px 0; }
#curriculum .wrap { display: flex; justify-content: space-between; }
#curriculum .wrap section:first-child { width: 240px; }
#curriculum .wrap section:nth-child(2) { width: calc(100% - 320px); }

#curriculum h3 { border-left: solid 10px #A76273; background: #EB6D9D; color: #FFF; font-size: 24px; line-height: 30px; padding: 20px 10px; }
#curriculum h3 span { display: block; font-size: 36px; line-height: 40px; padding: 0 0 10px; }
#curriculum h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 20px; }
#curriculum h5 { font-size: 24px; font-weight: bold; line-height: 40px; color: #0096D9; padding: 20px 0 0; }
#curriculum p { font-size: 18px; line-height: 35px; }

#curriculum .box { width: 1000px; margin: 80px auto 0; display: flex; justify-content: space-between; background: #EB6D9D; padding: 5px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#curriculum .box section:first-child { width: calc(100% - 320px); padding: 20px 40px; box-sizing: border-box; }
#curriculum .box section:nth-child(2) { width: 320px; }
#curriculum .box h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0; color: #FFF798; }
#curriculum .box p { font-size: 18px; line-height: 30px; color: #FFF; }

@media only screen and (max-width:768px) {
	#curriculum { clear: both; padding: 40px 0 0; }
	#curriculum .wrap { display: block; }
	#curriculum .wrap section:first-child { width: 100%; }
	#curriculum .wrap section:nth-child(2) { width: 100%; }

	#curriculum h3 { border: none; background: #EB6D9D; color: #FFF; font-size: 20px; line-height: 20px; padding: 0; }
	#curriculum h3 span { background: #A76273; display: inline-block; font-size: 30px; line-height: 30px; padding: 10px; margin: 0 10px 0 0; font-weight: bold; }
	#curriculum h4 { font-size: 16px; font-weight: bold; line-height: 25px; padding: 20px; }
	#curriculum h5 { font-size: 20px; font-weight: bold; line-height: 30px; color: #0096D9; padding: 20px 20px 0; }
	#curriculum p { font-size: 14px; line-height: 25px; padding: 0 20px; }

	#curriculum .box { width: 100%; margin: 40px auto 0; display: block; justify-content: space-between; background: #EB6D9D; padding: 0; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
	#curriculum .box section:first-child { width: 100%; padding: 20px; box-sizing: border-box; }
	#curriculum .box section:nth-child(2) { width: 100%; padding: 0 20px 20px; box-sizing: border-box; text-align: center; }
	#curriculum .box h4 { font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 0 10px; color: #FFF798; text-align: center; }
	#curriculum .box p { font-size: 14px; line-height: 25px; padding: 0; color: #FFF; }

}


/* #learning */
#learning { clear: both; padding: 80px 0; background: #F6F6F7; }
#learning .wrap { display: flex; justify-content: space-between; }
#learning .wrap section:first-child { width: 240px; }
#learning .wrap section:nth-child(2) { width: calc(100% - 320px); }

#learning h3 { border-left: solid 10px #A76273; background: #EB6D9D; color: #FFF; font-size: 24px; line-height: 30px; padding: 20px 10px; }
#learning h3 span { display: block; font-size: 36px; line-height: 40px; padding: 0 0 10px; }
#learning h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 10px; }
#learning ul { margin: 20px 0 0; }
#learning li { font-size: 24px; font-weight: bold; line-height: 40px; padding: 10px 0 0; }
#learning li i { color: #0096D9; padding: 0 5px 0 0; }

#learning li ul { margin: 0; display: flex; flex-wrap: wrap; }
#learning li li { width: 400px; font-size: 18px; font-weight: normal; line-height: 35px; padding: 0; margin: 0 0 0 2em; list-style: disc; }

#learning p { font-size: 18px; line-height: 35px; padding: 0; }

@media only screen and (max-width:768px) {
	#learning { clear: both; padding: 40px 0; background: #F6F6F7; }
	#learning .wrap { display: block; }
	#learning .wrap section:first-child { width: 100%; ; }
	#learning .wrap section:nth-child(2) { width: 100%; }


	#learning h3 { border: none; background: #EB6D9D; color: #FFF; font-size: 20px; line-height: 20px; padding: 0; }
	#learning h3 span { background: #A76273; display: inline-block; font-size: 30px; line-height: 30px; padding: 10px; margin: 0 10px 0 0; font-weight: bold; }
	#learning h4 { font-size: 16px; font-weight: bold; line-height: 25px; padding: 20px; }
	#learning ul { display: block; flex-wrap: wrap; padding: 0 20px 20px; }
	#learning li { width: 100%; font-size: 20px; font-weight: bold; line-height: 30px; padding: 0; }
	#learning li i { color: #0096D9; padding: 0 5px 0 0; }

	#learning li ul { margin: 0; padding: 0; display: block; }
	#learning li li { width: auto; font-size: 16px; font-weight: normal; line-height: 30px; padding: 0; margin: 0 0 0 1em; list-style: disc; }

	#learning p { font-size: 16px; line-height: 25px; padding: 0 20px; }

}


/* #coaching */
#coaching { clear: both; padding: 80px 0; background: #F6F6F7; }
#coaching .wrap { display: flex; justify-content: space-between; }
#coaching .wrap section:first-child { width: 240px; }
#coaching .wrap section:nth-child(2) { width: calc(100% - 320px); }

#coaching h3 { border-left: solid 10px #A76273; background: #EB6D9D; color: #FFF; font-size: 24px; line-height: 30px; padding: 20px 10px; }
#coaching h3 span { display: block; font-size: 36px; line-height: 40px; padding: 0 0 10px; }
#coaching h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 10px; }
#coaching ul { margin: 20px 0 0; }
#coaching li { font-size: 24px; font-weight: bold; line-height: 40px; padding: 10px 0 0; margin: 0;}
#coaching li i { color: #0096D9; padding: 0 5px 0 0; }


#coaching .box { width: 1000px; margin: 80px auto 0; display: flex; justify-content: space-between; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #FFF; }
#coaching .box section:first-child { width: 160px; padding: 60px 0 0; background: #000; text-align: center; }
#coaching .box section:nth-child(2) { padding: 20px 40px; }
#coaching .box section:nth-child(3) { padding: 20px 40px; background: #EB6D9D; color: #FFF; text-align: center; }

#coaching .box section:first-child h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 20px; color: #FFF; }
#coaching .box section:first-child h4 i { display: block; color: #EB6D9D; }

#coaching .box section:nth-child(2) h5 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 10px; text-align: center;  }
#coaching .box section:nth-child(2) ul { display: block; margin: 0; }
#coaching .box section:nth-child(2) li { font-size: 24px; font-weight: bold; line-height: 35px; padding: 0; margin: 0;}

#coaching .box section:nth-child(3) h5 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 0; }
#coaching .box section:nth-child(3) p { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0; margin: 0;}
#coaching .box section:nth-child(3) p+h5 { margin: 20px 0 0; }

#coaching .box p { font-size: 18px; line-height: 30px; color: #FFF; }

@media only screen and (max-width:768px) {
	#coaching { clear: both; padding: 0; background: #F6F6F7; }
	#coaching .wrap { display: block; }
	#coaching .wrap section:first-child { width: 100%; }
	#coaching .wrap section:nth-child(2) { width: 100%; }

	#coaching h3 { border: none; background: #EB6D9D; color: #FFF; font-size: 20px; line-height: 20px; padding: 0; }
	#coaching h3 span { background: #A76273; display: inline-block; font-size: 30px; line-height: 30px; padding: 10px; margin: 0 10px 0 0; font-weight: bold; }
	#coaching h4 { font-size: 16px; font-weight: bold; line-height: 25px; padding: 20px; }
	#coaching ul { display: block; flex-wrap: wrap; padding: 0 20px 20px; }
	#coaching li { width: 100%; font-size: 20px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }
	#coaching li i { color: #0096D9; padding: 0 5px 0 0; }
	#coaching ul+h4 { padding: 20px; }

	#coaching .box { width: 100%; margin: 40px auto 0; display: block; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #FFF; }
	#coaching .box section:first-child { width:  100%; padding: 20px 0; background: #000; text-align: center; }
	#coaching .box section:nth-child(2) { padding: 20px 0; }
	#coaching .box section:nth-child(3) { padding: 20px 0; background: #EB6D9D; color: #FFF; text-align: center; }

	#coaching .box section:first-child h4 { font-size: 24px; font-weight: bold; line-height: 30px; padding: 0; color: #FFF; }
	#coaching .box section:first-child h4 i { display: inline-block; color: #EB6D9D; margin: 0 0.25em 0 0; }

	#coaching .box section:nth-child(2) h5 { font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 0 10px; margin: 0 20px 10px; border-bottom: dotted 2px #000; text-align: center; }
	#coaching .box section:nth-child(2) ul { display: block; padding: 0; }
	#coaching .box section:nth-child(2) li { font-size: 18px; font-weight: bold; line-height: 25px; padding: 0; margin: 0; text-align: center; }

	#coaching .box section:nth-child(3) h5 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 0 0 10px; margin: 0 20px 10px; border-bottom: dotted 2px #FFF; }
	#coaching .box section:nth-child(3) ul { display: block; padding: 0; }
	#coaching .box section:nth-child(3) li { font-size: 24px; font-weight: bold; line-height: 40px; padding: 0; margin: 0; }
	#coaching .box section:nth-child(3) p+h5 { margin: 20px 20px 0; }

	#coaching .box p { font-size: 16px; line-height: 25px; color: #FFF; }
}


/* #course */
#course { clear: both; padding: 80px 0; }
#course .wrap { }

#course h3 { border-bottom: solid 5px #EB6D9D; font-size: 32px; font-weight: bold; line-height: 60px; padding: 0; position: relative ;}
#course h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#course h3 span { font-size: 12px; float: right; }
#course ul+h3 { padding: 80px 0 0; }

#course h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 40px 0 20px; }
#course h5 { font-size: 24px; font-weight: bold; line-height: 40px; color: #0096D9; padding: 20px 0 0; }
#course p { font-size: 18px; line-height: 35px; }

#course ul { width: 100%; display: flex; }
#course ul li { font-size: 20px; line-height: 30px; text-align: center; color: #FFF; padding: 20px 0; }
#course ul li span { display: block; font-weight: bold; }

#course ul.basic li:nth-child(1) { width: 16.666%; background: #F5C477; }
#course ul.basic li:nth-child(2) { width: 37.5%; background: #E55E82; }
#course ul.basic li:nth-child(3) { width: 8.333%; background: #3B296F; }
#course ul.basic li:nth-child(4) { width: 37.5%; background: #AA76B1; }

#course ul.standard li:nth-child(1) { width: 16.666%; background: #F5C477; }
#course ul.standard li:nth-child(2) { width:50%; background: #E55E82; }
#course ul.standard li:nth-child(3) { width: 8.333%; background: #3B296F; }
#course ul.standard li:nth-child(4) { width: 25%; background: #3773B9; }

#course ul.advance li:nth-child(1) { width: 13.333%; background: #F5C477; }
#course ul.advance li:nth-child(2) { width:30%; background: #E55E82; }
#course ul.advance li:nth-child(3) { width: 6.666%; background: #3B296F; }
#course ul.advance li:nth-child(4) { width: 30%; background: #3773B9; }
#course ul.advance li:nth-child(5) { width: 20%; background: #99CFA0; }




#course .box { width: 1000px; margin: 80px auto 0; display: flex; justify-content: space-between; background: #EB6D9D; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#course .box section:first-child { width: 200px; padding: 60px 0 0; background: #000; text-align: center; }
#course .box section:nth-child(2) { width: 800px; padding: 10px 20px; box-sizing: border-box; }

#course .box section:first-child h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0 0 20px; color: #FFF; }
#course .box section:first-child h4 i { display: block; color: #EB6D9D; }

#course .box h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0; color: #FFF798; }
#course .box p { font-size: 18px; line-height: 30px; color: #FFF; padding: 0 0 0 20px; }


#course .box ul { width: 100%; display: flex; }
#course .box ul li { width: 340px; font-size: 16px; line-height: 30px; text-align: center; color: #FFF; padding: 10px 0; margin: 0 20px; }
#course .box ul li figure { display: flex; justify-content: center; align-items: center; height: 120px; background: #FFF; border-radius: 10px; }
#course .box ul li:nth-child(1) figure img { width: 100px; }
#course .box ul li:nth-child(2) figure img { width: 120px; }
#course .box ul li:nth-child(3) figure img { width: 180px; }


@media only screen and (max-width:768px) {
	#course { clear: both; padding: 40px 0 0; }
	#course .wrap { }

	#course h3 { border-bottom: solid 2px #EB6D9D; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 20px; position: relative ;}
	#course h3:after { content: ""; position: absolute; bottom: -2px;  left: 0; width: 40px; border-bottom: solid 2px #0096D9;  }
	#course h3 span { font-size: 12px; float: left; }
	#course ul+h3 { padding: 40px 20px 0; }

	#course h4 { font-size: 20px; font-weight: bold; line-height: 40px; padding: 40px 20px 0; text-align: center; }
	#course h5 { font-size: 20px; font-weight: bold; line-height: 30px; color: #0096D9; padding: 20px 0 0; }
	#course p { font-size: 18px; line-height: 35px; }

	#course ul { width: 100%; display: block; padding: 0 20px; box-sizing: border-box; }
	#course ul li { font-size: 16px; line-height: 20px; justify-content: center; color: #FFF; padding: 0; display: flex; align-items: center;  width: 100% !important; }
	#course ul li span { display: inline-block; font-weight: bold; margin: 0 0 0 0.5em; }

	#course ul.basic li:nth-child(1) { height: 18.75vh; background: #F5C477; }
	#course ul.basic li:nth-child(2) { height: 6.25vh; background: #E55E82; }
	#course ul.basic li:nth-child(3) { height: 4.2vh; background: #3B296F; }
	#course ul.basic li:nth-child(4) { height: 20.8vh; background: #AA76B1; }

	#course ul.standard li:nth-child(1) { height: 16.66vh; background: #F5C477; }
	#course ul.standard li:nth-child(2) { height:3.33vh; background: #E55E82; }
	#course ul.standard li:nth-child(3) { height: 5vh; background: #3B296F; }
	#course ul.standard li:nth-child(4) { height: 25vh; background: #3773B9; }

	#course ul.advance li:nth-child(1) { height: 6.666vh; background: #F5C477; }
	#course ul.advance li:nth-child(2) { height: 15vh; background: #E55E82; }
	#course ul.advance li:nth-child(3) { height: 3.333vh; background: #3B296F; }
	#course ul.advance li:nth-child(4) { height: 15vh; background: #3773B9; }
	#course ul.advance li:nth-child(5) { height: 10vh; background: #99CFA0; }

	#course .box { width: 100%; margin: 40px auto 0; display: block; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #EB6D9D; }
	#course .box section:first-child { width:  100%; padding: 20px 0; background: #000; text-align: center; }
	#course .box section:nth-child(2) { width:  100%; padding: 20px; box-sizing: border-box; }

	#course .box section:first-child h4 { font-size: 24px; font-weight: bold; line-height: 30px; padding: 0; color: #FFF; }
	#course .box section:first-child h4 i { display: inline-block; color: #EB6D9D; margin: 0 0.25em 0 0; }

	#course .box h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 0; color: #FFF798; }
	#course .box p { font-size: 16px; line-height: 25px; color: #FFF; padding: 0; }


	#course .box ul { width: 100%; display: block; padding: 0; }
	#course .box ul li { width: 100%; font-size: 16px; line-height: 25px; text-align: center; color: #FFF; padding: 20px 0 0; margin: 0; display: block; }
	#course .box ul li figure { display: flex; justify-content: center; align-items: center; height: 120px; background: #FFF; border-radius: 10px; }
	#course .box ul li:nth-child(1) figure img { width: 100px; }
	#course .box ul li:nth-child(2) figure img { width: 120px; }
	#course .box ul li:nth-child(3) figure img { width: 180px; }

}


/* #price */
#price { clear: both; padding: 80px 0 160px; background: #F6F6F7; }
#price .wrap { }

#price h3 { border-bottom: solid 5px #EB6D9D; font-size: 32px; font-weight: bold; line-height: 60px; padding: 0; position: relative ;}
#price h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#price h3 span { font-size: 12px; float: right; }
#price ul+h3 { padding: 80px 0 0; }

#price h4 { font-size: 28px; font-weight: bold; line-height: 40px; padding: 80px 0 10px; }
#price h5 { font-size: 24px; font-weight: bold; line-height: 40px; padding: 80px 0 10px; }
#price p { font-size: 20px; line-height: 30px; padding: 0 0 10px; }

#price ul { margin: 10px 0 0; }
#price ul li { font-size: 16px; line-height: 25px; }

#price table { width: 100%; }
#price th { font-size: 20px; line-height: 20px; padding: 10px 0; border: solid 1px #FFF; text-align: center; font-weight: bold; }
#price th span { font-size: 16px; padding: 0 0 0 5px; }
#price td { font-size: 20px; line-height: 20px; padding: 10px 0; border: solid 1px #EDEDED; text-align: center; background: #FFF; }

#price .elementary th { background: #3773B9; color: #FFF; }
#price .junior-high th { background: #3B296F; color: #FFF; }
#price .brother th { background: #E55E82; color: #FFF; }

#price .discount td { background: #F8D7E0; }
#price .recess td { background: #EDEDED; }

#price .management th { background: #99CFA0; color: #FFF; }

#price .early td { background: #FCF0DD; }

#price .am th { background: #F5C477; color: #FFF; }

#price section { display: flex; justify-content: space-between; }
#price section div { width: calc(50% - 20px); }

@media only screen and (max-width:768px) {
	#price { clear: both; padding: 40px 0 80px; background: #F6F6F7; }
	#price .wrap { }


	#price h3 { border-bottom: solid 2px #EB6D9D; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 20px; position: relative ;}
	#price h3:after { content: ""; position: absolute; bottom: -2px;  left: 0; width: 40px; border-bottom: solid 2px #0096D9;  }
	#price h3 span { font-size: 12px; }
	#price ul+h3 { padding: 40px 20px 0; }

	#price h4 { font-size: 20px; font-weight: bold; line-height: 40px; padding: 40px 0 0; text-align: center; }
	#price h5 { font-size: 20px; font-weight: bold; line-height: 40px; padding: 40px 0 0; text-align: center; }
	#price p { font-size: 16px; line-height: 25px; padding: 0 20px; }

	#price ul { margin: 10px 0 0; padding: 0 20px; }
	#price ul li { font-size: 14px; line-height: 20px; }

	#price table { width: calc(100% - 40px); margin: 0 auto; }
	#price th { font-size: 14px; line-height: 20px; padding: 10px 0; border: solid 1px #FFF; text-align: center; font-weight: normal; }
	#price th span { font-size: 12px; padding: 0; display: block; }
	#price td { font-size: 16px; line-height: 20px; padding: 10px 0; border: solid 1px #EDEDED; text-align: center; background: #FFF; }

	#price .elementary th { background: #3773B9; color: #FFF; }
	#price .junior-high th { background: #3B296F; color: #FFF; }
	#price .brother th { background: #E55E82; color: #FFF; }

	#price .discount td { background: #F8D7E0; }
	#price .recess td { background: #EDEDED; }

	#price .management th { background: #99CFA0; color: #FFF; }

	#price .early td { background: #FCF0DD; }

	#price .am th { background: #F5C477; color: #FFF; }

	#price section { display: block; }
	#price section div { width: 100%; }

}



/* #contact */
#contact { clear: both; padding: 80px 0; }
#contact h2 { border-bottom: solid 5px #EB6D9D; font-size: 32px; font-weight: bold; line-height: 60px; padding: 0; position: relative ;}
#contact h2:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#contact p { font-size: 16px; line-height: 25px; padding: 10px 0 0; }

#contact table { width: 100%; margin-top: 40px; }
#contact th { font-size: 16px; line-height: 20px; padding: 10px 20px; border: solid 1px #FFF; text-align: left; font-weight: bold; background: #EDEDED; white-space: nowrap; }
#contact th span { display: inline-block; font-size: 12px; padding: 0 10px; background: #0096D9; color: #FFF; float: right; }
#contact td { font-size: 16px; line-height: 20px; padding: 10px 20px; border: solid 1px #EDEDED; background: #FFF; }

#contact td .box  { overflow-y: scroll; height: 200px; border-radius: 4px; padding: 8px; max-width: 100%; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
#contact td .box p { font-size: 12px; line-height: 20px; padding: 0 0 10px; }


#contact td input[type=text],
#contact td select,
#contact td textarea { font-size: 16px; border: solid 2px #D6D6D6; border-radius: 4px; padding: 8px; box-sizing: border-box; }

#contact td textarea { height: 200px; }

#contact button { display: block; font-size: 20px; line-height: 20px; margin: 0 auto; padding: 20px 40px; border: none; background: #EB6D9D; border-radius: 4px; color: #FFF; transition: 0.3s; cursor: pointer; }
#contact button:hover { opacity: 0.7; }
#contact button.btn-secondary { font-size: 16px; line-height: 20px; padding: 10px 40px; background: #D6D6D6; border-radius: 4px; color: #333; }


.mw_wp_form .error { font-size: 14px !important; color: #EB6D9D !important; }

@media only screen and (max-width:768px) {
	#contact { clear: both; padding: 40px 10px; }

	#contact h2 { border-bottom: solid 2px #EB6D9D; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 20px; position: relative ;}
	#contact h2:after { content: ""; position: absolute; bottom: -2px;  left: 0; width: 40px; border-bottom: solid 2px #0096D9;  }
	#contact p { font-size: 14px; line-height: 25px; padding: 10px 0 0; }

	#contact table { width: 100%; margin-top: 20px; }
	#contact th { display: block; width: 100%; font-size: 14px; line-height: 20px; padding: 10px; border: solid 2px #EDEDED; text-align: left; font-weight: bold; background: #EDEDED; white-space: normal; box-sizing: border-box; }
	#contact th span { display: inline-block; font-size: 10px; padding: 0 10px; background: #0096D9; color: #FFF; float: right; }
	#contact td { display: block; width: 100%; font-size: 14px; line-height: 20px; padding: 10px; border: solid 2px #EDEDED; background: #FFF; box-sizing: border-box; }

	#contact td .box  { overflow-y: scroll; height: 200px; border-radius: 4px; padding: 8px; max-width: 100%; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
	#contact td .box p { font-size: 12px; line-height: 20px; padding: 0 0 10px; }


	#contact td input[type=text],
	#contact td select,
	#contact td textarea { width: 100%; font-size: 16px; border: solid 2px #D6D6D6; border-radius: 2px; padding: 4px; box-sizing: border-box; }

	#contact td textarea { height: 200px; }
	#contact td .mwform-zip-field input[type=text] { width: 8em; }

	#contact button { display: block; font-size: 20px; line-height: 20px; margin: 0 auto; padding: 20px 40px; border: none; background: #EB6D9D; border-radius: 4px; color: #FFF; }
	#contact button.btn-secondary { font-size: 16px; line-height: 20px; padding: 10px 40px; background: #D6D6D6; border-radius: 4px; color: #333; }


	.mw_wp_form .error { font-size: 14px !important; color: #EB6D9D !important; }

}



/* #single */
#single { clear: both; padding: 80px 0; }
#single h2 { text-align: center; font-size: 28px; font-weight: bold; line-height: 40px; padding: 40px 0 0; }
#single p { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; padding: 10px 0 0; }

@media only screen and (max-width:768px) {
	#single { clear: both; padding: 40px 10px; }
	#single h2 { text-align: center; font-size: 20px; font-weight: bold; line-height: 30px; padding: 20px 0 0; }
	#single p { text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }
}

/* #yg */
#yg { clear: both; padding: 80px 0; }
#yg h2 { border-bottom: solid 5px #EB6D9D; font-size: 32px; font-weight: bold; line-height: 60px; padding: 0; position: relative ;}
#yg h2:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#yg p { font-size: 16px; line-height: 25px; padding: 10px 0 0; }
@media only screen and (max-width:768px) {
	#yg { clear: both; padding: 40px 10px; }
	#yg h2 { border-bottom: solid 2px #EB6D9D; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 20px; position: relative ;}
	#yg h2:after { content: ""; position: absolute; bottom: -2px;  left: 0; width: 40px; border-bottom: solid 2px #0096D9;  }
	#yg p { font-size: 14px; line-height: 25px; padding: 10px 0 0; }
}


/* #error */
#error { clear: both; padding: 80px 0; }
#error h2 { text-align: center; font-size: 28px; font-weight: bold; line-height: 40px; padding: 40px 0 0; }
#error p { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; padding: 10px 0 0; }

@media only screen and (max-width:768px) {
	#error { clear: both; padding: 40px 10px; }
	#error h2 { text-align: center; font-size: 20px; font-weight: bold; line-height: 30px; padding: 20px 0 0; }
	#error p { text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }
}