.sTitle {
	padding: 21px 0 14px;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
event
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bgBox {
	width: 100%;
	height: 400px;
	display: table;
	font-size: 0;
}
.bgBox .main_row,
.bgBox .cell_row {
	display: table-row;
}
.bgBox .main_row > div {
	display: table-cell;
	height: 100%;
	width: 80%;
	vertical-align: top;
}
.bgBox .main_table_cell > div {
	display: table;
	width: 100%;
	height: 100%;
}
.bgBox .main_table_cell .cell_row {
	width: 100%;
	height: 50%;
}
.bgBox [class^="main_cell"] {
	display: table-cell;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
}
.bgBox [class^="main_cell"]:not(.main_cell09) {
	width: 25%;
	height: 200px;
}
.bgBox .main_cell09 {
	width: 20px;
}


.bgBox .main_cell01 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img01.jpg); }
.bgBox .main_cell02 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img02.jpg); }
.bgBox .main_cell03 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img03.jpg); }
.bgBox .main_cell04 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img04.jpg); }
.bgBox .main_cell05 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img05.jpg); }
.bgBox .main_cell06 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img06.jpg); }
.bgBox .main_cell07 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img07.jpg); }
.bgBox .main_cell08 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img08.jpg); }
.bgBox .main_cell09 { background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/main_img09.jpg); }

.campuslife-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	margin-left: -60px;
	margin-top: 205px;
}
.campuslife-col__item {
	width: 430px;
	-ms-flex-negative: 0;
			flex-shrink: 0;
	margin-left: 80px;
	text-align: center;
}
.campuslife-col-image {
	position: relative;
	padding: 10px 10px 137px 10px;
}
.campuslife-col-image > img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: solid 15px #ffffff;
	box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.campuslife-col-image .icon {
	width: 140px;
	height: 85px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: auto 100%;
	background-image: url(/skb/wp-content/themes/skbschool/common/images/campuslife/icons-month.png);
}
.campuslife-col-image .icon--05 {
	background-position: -100% 0;
}
.campuslife-col-image .icon--06 {
	background-position: -200% 0;
}
.campuslife-col-image .icon--07 {
	background-position: -300% 0;
}
.campuslife-col-image .icon--08 {
	background-position: -400% 0;
}
.campuslife-col-image .icon--09 {
	background-position: -500% 0;
}
.campuslife-col-image .icon--10 {
	background-position: -600% 0;
}
.campuslife-col-image .icon--11 {
	background-position: -700% 0;
}
.campuslife-col-image .icon--12 {
	background-position: -800% 0;
}
.campuslife-col-image .icon--01 {
	background-position: -900% 0;
}
.campuslife-col-image .icon--02 {
	background-position: -1000% 0;
}
.campuslife-col-image .icon--03 {
	background-position: -1100% 0;
}

.campuslife-col__item dt {
	margin-bottom: 3px;
}
.campuslife-col__item dd {
	line-height: 30px;
}

@media (max-width: 740px) {
	.bgBox { height: 200px; }
	.bgBox [class^="main_cell"]:not(.main_cell09) { height: 100px; }

	.campuslife-col {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 100px;
	}
	.campuslife-col__item {
		width: auto;
		margin-left: 0px;
	}
	.campuslife-col__item + .campuslife-col__item {
		margin-top: 50px;
	}
	.campuslife-col-image {
		position: relative;
		padding: 10px;
	}
	.campuslife-col-image > img {
		box-sizing: border-box;
		border-width: 10px;
	}
	.campuslife-col-image .icon {
		top: -8px;
		left: -10px;
		width: 110px;
		height: 67px;
	}
	.campuslife-col-image dd {
		font-size: 14px;
	}
	.campuslife-col + p {
		margin: 0 15px;
		font-size: 12px;
	}

	#pageTitle {
		padding-top: 42px;
	}
	.bgBox {
		min-width: 600px;
	}

	#container > .inner:last-child {
		padding: 0 15px;
	}
	.campuslife-col {
		margin-left: 0;
		margin-right: 0;
	}
	.campuslife-col-image .icon {
		left: 0;
		width: 60px;
		height: 75px;
	}
	.campuslife-col-image .icon--05 {
		background-position: 112.9% 0;
	}
	.campuslife-col-image .icon--06 {
		background-position: 225.8% 0;
	}
	.campuslife-col-image .icon--07 {
		background-position: 338.7% 0;
	}
	.campuslife-col-image .icon--08 {
		background-position: 451.6% 0;
	}
	.campuslife-col-image .icon--09 {
		background-position: 564.5% 0;
	}
	.campuslife-col-image .icon--10 {
		background-position: 677.4% 0;
	}
	.campuslife-col-image .icon--11 {
		background-position: 790.3% 0;
	}
	.campuslife-col-image .icon--12 {
		background-position: 903.2% 0;
	}
	.campuslife-col-image .icon--01 {
		background-position: 1016.1% 0;
	}
	.campuslife-col-image .icon--02 {
		background-position: 1129.0% 0;
	}
	.campuslife-col-image .icon--03 {
		background-position: 1241.9% 0;
	}
}