.mainImage{
	width: 100%;
	height: 0;
	padding-top: calc(520 / 1280 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 24px;
	position: relative;
}
#education{background-image: url(../images/education/imgEdu1280.jpg);}
#container h2{border-bottom: #004098 solid 3px; padding-bottom: 4px; margin-bottom: 14px; font-size: 20px; font-weight: 600;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#education{background-image: url(../images/education/imgEdu1280@2x.jpg);}
}

.tblEdu{
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.tblEdu thead tr th{width: 22%; position: relative;}
.tblEdu thead tr th:first-child{width: 12%; padding: 0; line-height: 0;}
.tblEdu thead tr th:nth-child(2){background-color: #a9cbeb;}
.tblEdu thead tr th:nth-child(3){background-color: #96c1e7;}
.tblEdu thead tr th:nth-child(4){background-color: #8bbbe5;}
.tblEdu thead tr th:nth-child(5){background-color: #68acdf;}
.tblEdu tbody tr:nth-child(odd), .tblEdu .colGreen {background-color: #e0f1ef;}
.tblEdu tbody tr:nth-child(even), .tblEdu .colBlue {background-color: #d3e4f5;}
.tblEdu tbody th.colBlue {background-color: #94bfe6;}
.tblEdu tbody th.colGreen {background-color: #7ec9c3;}
.tblEdu th, .tblEdu td{padding: 10px;}
.tblEdu td.txtCenter{text-align: center;}
.tblEdu th, .tblEdu td{vertical-align: middle;}
.tblEdu th{font-weight: 600;}
.tblEdu td{font-size: 14px;}


/*==================
 ▼ブレイクポイントのルール▼
 -スマホを基本設計にする-
 *〜479px：SP縦
 *480px〜：SP横
 *600px〜タブレット
 *960px〜小型PC
 *1280px〜大型PC
==================*/

@media screen and (max-width:480px) { 
    /*　画面サイズが480pxまではここを読み込む　*/
	#container table.tblEdu th, #container table.tblEdu td {display: table-cell;}
	.scroll {
    	width: 100%;
    	overflow: auto;
	    -webkit-overflow-scrolling: touch;
    	white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		background: #BCBCBC
	}
	.tblEdu th{font-size: 14px;}
	.tblEdu td{font-size: 12px;}
}
@media screen and (min-width:480px) and ( max-width:600px) { 
/*　画面サイズが480pxからはここを読み込む　*/
}
@media screen and (min-width:600px) and ( max-width:960px) {
/*　画面サイズが600pxから960pxまではここを読み込む　*/
}
@media screen and (min-width:960px) and ( max-width:1140px) {
/*　画面サイズが960pxから1280pxまではここを読み込む　*/
}
@media screen and (min-width:1140px) {
/*　画面サイズが1280pxからはここを読み込む　*/
	.mainImage{margin-bottom: 56px;}
}