@charset "UTF-8";

/*---------------------------
　　高校生の個別指導
---------------------------*/
.daiju_tmb_col4 {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap;
}
.daiju_tmb_col4 li {
	width: 23%;
}
.daiju_tmb_col4 li p {
	text-align: center;
	padding: 5px 0;
	line-height: 1.4;
	font-size: 1.8rem;
	font-weight: 900;
}

.daiju_tmb_col4 li img {
	width: 100%;
}

.daiju_tmb_col4 li .btn {
	background: #CCC;
	color: #000;
	text-align: center;
	width: 80%;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	padding: 5px;
	position: relative;
	font-size: 1.4rem;
}

.daiju_tmb_col4 li .btn::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 1em;
	width: 1.8em;
	height: 1.8em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transform-origin: 50%;
}

.daiju_tmb_col4 li .btn::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0.8em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 1px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: 50%;
}


/* 3カラムイメージ */
.col3_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.col3_img li { width: 32%; }

.daiju_needs .col3_img li {width: 16%;}
.col3_img li img { width: 100%; }
.col3_img::after {
  content:"";
  display: block;
  width:32%;
}
.daiju_needs .col3_img::after {
  content:"";
  display: block;
  width:16%;
}/* 最後を左寄せ */

.daiju_needs .col3_img li, .daiju_bnr_btn .col3_img li {margin-bottom: 20px; }

/*---------------------------
　　Media Queries設定
---------------------------*/
/*---------------------------------------------*/
@media screen and (max-width: 750px) {
/*---------------------------------------------*/
	.daiju_tmb_col4 li {
		width: 46%;
		margin-bottom: 30px;
	}
	
	.daiju_needs .col3_img li, .daiju_bnr_btn .col3_img li { width: 48%; }
	
}/* 750 */

/*---------------------------------------------*/
@media screen and (max-width: 768px) {
/*---------------------------------------------*/

}/* 768 */