@charset "utf-8";

/* ======================================================
 * case_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
====================================================== */

@media only screen and (max-width: 767px) {
	
	.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

	.calendar_contents {
		overflow: hidden!important;
		color: #333;
	}
	.calendar_inner {
		position: relative;
		padding: 20px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.imageBox {
		position: relative;
		width: 100%;
		margin-top: 60px;
	}
	.schoolName a {
		text-decoration: none;
		color: #333;
	}
	.schoolName a:hover {
		text-decoration: underline;
	}
	.schoolImg a img:hover, .schoolImg_Last a img:hover {
		opacity: 0.7!important;
	}
	
	
	ul.school_Set {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	ul.school_Set li {
		position: relative;
	}
	.schoolImg, .schoolImg_Last {
		float: left;
		width: 30%;
		margin-bottom: 30px;
	}
	.schoolImg {
		margin-right: 4.8%;
	}
	.schoolImg:nth-child(3n) {
		margin-right: 0%;
	}
	.schoolImg a img, .schoolImg_Last a img {
		width: 100%;
	}
	.TextMain {
		position: relative;
		margin: 0 auto;
	}

	
	h2.main_Tit { 
		font-size: 18px; 
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
		font-weight: bold;
		width: 100%;
		margin: 80px 0px;
		padding: 0;
	}

}
@media only screen and (max-width: 549px) {
	
	.calendar_inner {
		max-width: 549px;
		padding: 15px;
	}
	.imageBox {
		margin-top: 30px;
	}
	ul.school_Set {
		max-width: 549px;
	}
	
	.schoolImg, .schoolImg_Last {
		float: left;
		width: 47%;
		margin-bottom: 20px;
	}
	.schoolImg {
		margin-right: 6%;
	}
	.schoolImg:nth-child(3n) {
		margin-right: 6%;
	}
	.schoolImg:nth-child(2n) {
		margin-right: 0%!important;
	}
	
	
}