@charset "utf-8";

/* 沿革
==================================================*/
.history_table td:first-child {
  color: #05b8d7;
  font-weight: bold;
}
.history_table tr:nth-child(2n) {
	background-color: #f2f2f2;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.history_table td:first-child {
		font-size: 2rem;
	}
}

/* 特進コース
==================================================*/
.tokushin-timetable .workshop {
	display: block;
	padding: 3rem 0;
	background-color: #b6c8c8;	
}
.tokushin-timetable .extra-activities {
	display: block;
	padding: 3rem 0;
	background-color: #dce3e4;	
}

/* 進学コース
==================================================*/
.shingaku-timetable .workshop {
	display: block;
	padding: 3rem 0;
	background-color: #c1a19d;	
}
.shingaku-timetable .extra-activities {
	display: block;
	padding: 3rem 0;
	background-color: #e0d0cd;	
}

/* 年間行事
==================================================*/
.event-list .qua-field-list .qua-field-list__item__in {
	margin-bottom: 1rem;
} 

/* クラブ
==================================================*/
.club-sns-list {
	display: flex;
	gap: 2rem;
}
.club-sns-item img {
	width: 4rem;
}
.qua-unit .club-sns-item a[target=_blank]:not(.qua-disable-link-icon):after {
	display: none;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.club-sns-list {
		margin-top: -20px;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.club-sns-list {
		gap: 3.5rem;
	}
	.club-sns-item img {
		width: 7rem;
	}
}

/* アクセス
==================================================*/
.bus-station {
	margin: 0 auto 5rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.bus-station {
		width: 80%;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.bus-station {
		width: 74%;
	}
}

/* ボーダー
==================================================*/
.border01 {
  border: 1px solid #ddd;
}

/* pcのみ
==================================================*/
/* SP */
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}

/* spのみ
==================================================*/
.sp {
	display: none;
}
/* SP */
@media screen and (max-width: 767px) {
	.sp {
		display: block;
	}
}