@charset "utf-8";

/* ======================================================
 * case_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
====================================================== */

@media screen and (min-width: 768px) {
	
	.mt60 { margin-top: 60px; }
	
	.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

	.calendar_contents { 
		color: #333; 
		background-color: #8dc166;
		margin-bottom: -50px;
		overflow: hidden;
	}
	.calendar_inner {
		position: relative;
		padding: 20px;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	
	span.inlineB { display: inline-block; }
	
	.flex_cal, .flex_cal2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	
	justify-content: space-between;
	 /*align-items: flex-end;*/
	position: relative;
	width: 100%;
		gap:15px;
	}
	.flex_cal2 {
	align-items: flex-end;
	}
.school_size, .Back_imgGreen { 
		position: relative; 
		width: 33.33%;
		z-index: 0;
}
	.school_size a, .school_size img, .Back_imgGreen img { 
		display: block;
		position: relative; /* 擬似要素の基準にする */
  width: 100%;
  height: 100%;
	}

.school_size img, .Back_imgGreen img { 
	width: 100%; 
	border-radius: 20px;
	position: relative; 
	top:0;
}
.school_size img:hover { 
	top:-5px;
	transition:0.3s;
}
	.baseP_01, .baseP_02, .baseP_03, .baseP_04, .baseP_05, .baseP_06 {
		position: relative;
		width: 100%;
	}
	.baseP_01 p, .baseP_02 p, .baseP_03 p, .baseP_04 p, .baseP_05 p, .baseP_06 p { 
		font-size: 1.2rem; 
		line-height: 1.5em;
	}
	
	.baseP_02 { margin-top: 25%; }
	.baseP_03 { margin-top: 50%; } 
	.baseP_05 { margin-bottom: 25%; }
	.baseP_06 { margin-bottom: 40%; }
	
	.txt_R { text-align: right; }
	
.school_size a.p-01::before {
		content: "";
  position: absolute;
	left: -70%;
	bottom: -40%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #a4d8da; /* 色付けたい部分の色 */
	border-radius: 20px;
	cursor: auto;
	z-index: -2;
	}
.school_size a.p-02::before {
		content: "";
  position: absolute;
	left: 20%;
	top: -75%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #c4d97a; /* 色付けたい部分の色 */
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	cursor: auto;
	z-index: -2;
	}
.school_size a.p-03::before {
		content: "";
  position: absolute;
	left: 50%;
	top: -40%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #a4d8da; /* 色付けたい部分の色 */
	border-radius: 20px;
	cursor: auto;
	z-index: -2;
	}
.school_size a.p-04::before {
	content: "";
  position: absolute;
	left: -50%;
	top: -40%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #c4d97a; /* 色付けたい部分の色 */
	border-radius: 20px;
	cursor: auto;
	z-index: -2;
	}
.school_size a.p-05::before {
	content: "";
  position: absolute;
	left: 50%;
	bottom: -140%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #a4d8da; /* 色付けたい部分の色 */
	border-radius: 20px;
	cursor: auto;
	z-index: -2;
	}
	
.Back_imgGreen {
	content: "";
  position: absolute;
	right: -10%;
	bottom: -10%;
	z-index: 2;
	}
	.school_size a.p-06::before {
	content: "";
  position: absolute;
	left: 35%;
	top: -35%;
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 100%; /* 上半分だけを色付ける */
  background-color: #c4d97a; /* 色付けたい部分の色 */
	border-radius: 20px;
	cursor: auto;
	z-index: -2;
	}
		
	.cal26 {
		position: relative;
		width: 100%;
		max-width: 900px;
		margin-bottom: 60px;
	}
	
	.tit_calendar {
		font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
		font-size: 10rem;
		letter-spacing: 5px;
		line-height: 1em;
		color: #fff;
		margin-top: 3%;
	}
	.tit_calendar span {
		font-weight: 700;
	}
	.copy {
		max-width: 800px;
	}
	.school_Set a { text-decoration: none; }
	

	
	.spOnly_549, .spOnly { display: none; }
	.pcOnly_549, .pcOnly, .minsp550 { display: block; }

}

@media screen and (min-width: 768px) and (max-width: 1135px) {
		.Back_imgGreen {
	right: -5%;
	top: 90%;
	z-index: 2;
	}
	}