@charset "utf-8";

/* ------------------------------
 リンク
------------------------------ */
/* テキストブロック内リンク */
a.cms_inner_blank,
.cms_inner_blank a {
	color: var(--ad-red);
}
a.cms_inner_blank::after,
.cms_inner_blank a::after {
	content: "";
	display: inline-block;
	width: 14px;
    height: 14px;
	margin: -3px 3px 0;
	background: url(../../img/highschool/icon_blank.svg) no-repeat center / cover;
    vertical-align: middle;
}
/* リンクブロック */
a.cms_link,
.cms_link a {
	font-size: 1.8rem;
	font-weight: 700;
}
a.cms_link::after,
.cms_link a::after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -4px 0 0 8px;
	border-radius: 50%;
	background: var(--ad-red) url(../../img/highschool/icon_arrow.svg) no-repeat 8px center / 10px 10px;
	vertical-align: middle;
}
a[target="_blank"].cms_link::after,
.cms_link a[target="_blank"]::after {
	background: var(--ad-red) url(../../img/highschool/icon_blank_btn.svg) no-repeat 8px 6px / 10px 10px;
}
/* 資料ブロック */
.cms_xls {
	padding-left: 0 !important;
	background: none !important;
}
a.cms_pdf,
.cms_pdf a,
a.cms_doc,
.cms_doc a,
a.cms_xls,
.cms_xls a {
	position: relative;
	padding-left: 25px;
	color: var(--main-font-color);
	font-size: 1.7rem;
	text-decoration: none;
}
a.cms_pdf::before,
.cms_pdf a::before,
a.cms_doc::before,
.cms_doc a::before,
a.cms_xls::before,
.cms_xls a::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 22px;
}
/* PDF */
a.cms_pdf::before,
.cms_pdf a::before {
	background: url(../../img/highschool/icon_pdf.svg) no-repeat center / cover;
}
/* Word */
a.cms_doc::before,
.cms_doc a::before {
	background: url(../../img/highschool/icon_doc.svg) no-repeat center / cover;
}
/* Excel */
a.cms_xls::before,
.cms_xls a::before {
	background: url(../../img/highschool/icon_xls.svg) no-repeat center / cover;
}
/* PPT */
/*
a.cms_ppt,
.cms_ppt a {
	display: inline-block;
	padding-left: 25px;
	background: url(../img/icon_ppt.png) no-repeat 0 2px / 20px 25px;
	color: #000;
}
.cms_pdf a.cms_blank,
.cms_doc a.cms_blank,
.cms_xls a.cms_blank,
.cms_ppt a.cms_blank {
	background: none;
}
*/
.cms_link:not(:last-child),
.cms_pdf:not(:last-child),
.cms_doc:not(:last-child),
.cms_xls:not(:last-child) {
	margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
	/* リンクブロック横並び */
	.cms_link.inline {
		display: inline-block;
		margin-right: 2em;
	}
	/* ホバー */
	a.cms_link:hover,
	.cms_link a:hover,
	a.cms_pdf:hover,
	.cms_pdf a:hover,
	a.cms_doc:hover,
	.cms_doc a:hover,
	a.cms_xls:hover,
	.cms_xls a:hover,
	a.cms_ppt:hover,
	.cms_ppt a:hover {
		text-decoration: none;
	}
}
/* ------------------------------
 リンク（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* リンクブロック */
	a.cms_link,
	.cms_link a {
		font-size: 1.6rem;
	}
	a.cms_link::after,
	.cms_link a::after {
		width: 22px;
		height: 22px;
		background: var(--ad-red) url(../../img/highschool/icon_arrow.svg) no-repeat 7px center / 10px 10px;
	}
	a[target="_blank"].cms_link::after,
	.cms_link a[target="_blank"]::after {
		background: var(--ad-red) url(../../img/highschool/icon_blank_btn.svg) no-repeat 7px 5px / 10px 10px;
	}
	a.cms_pdf,
	.cms_pdf a,
	a.cms_doc,
	.cms_doc a,
	a.cms_xls,
	.cms_xls a {
		font-size: 1.5rem;
	}
	a.cms_pdf::before,
	.cms_pdf a::before,
	a.cms_doc::before,
	.cms_doc a::before,
	a.cms_xls::before,
	.cms_xls a::before {
		top: 2px;
		width: 18px;
		height: 20px;
	}
}

/* ----------------------------------------------
	■回り込み
------------------------------------------------- */
* + .cms_cf,
.cms_block:after,
.cms_clear_before {
	display: block;
	clear: both;
	content: '';
}
.cms_cf:after {
	display: block;
	clear: both;
	content: '';
}
.cms_clear {
	clear: both;
}
.cms_clear_block {
	font-size: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/* ----------------------------------------------
	■マージン
------------------------------------------------- */
.cms_block {
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
}
.cms_block:last-child,
.cms_text:last-child,
.cms_image:last-child {
	margin-bottom: 0 !important;
}
.cms_image {
	margin-bottom: 70px;
}
.cms_text {
	margin-bottom: 70px;
}
.cms_fl {
	float: left;
}
.cms_fr {
	float: right;
}
.cms_caption_t,
.cms_caption_b {
	font-size: 1.6rem;
}
.cms_caption_t {
	margin-bottom: 10px;
}
.cms_caption_b {
	margin-top: 10px;
}
/* h2が最初にある場合上の空きを広げる */
.cms_image:has(h2:first-child) .cms_caption_b {
	margin-top: 40px;
}
.fl + .fr,
.cms_fl + .cms_fr,
.cms_fl + .fr,
.fl + .cms_fr {
	margin-left: 0;
}
.cms_cf + .cms_cf {
	margin-top: -.75em;
}

/* ----------------------------------------------
 ■配置
------------------------------------------------- */
.cms_center {
	text-align: center;
}
.cms_left {
	text-align: left;
}
.cms_right {
	text-align: right;
}
.cms_center .cms_caption_t,
.tal .cms_caption_t,
.cms_center .cms_caption_b,
.tal .cms_caption_b {
	text-align: left;
}
.tac .cms_caption_t,
.tac .cms_caption_b {
	text-align: center !important;
}
.tar .cms_caption_t,
.tar .cms_caption_b {
	text-align: right !important;
}

/* ----------------------------------------------
 ■ボーダー
------------------------------------------------- */
img.cms_border {
	border: 1px solid var(--ad-gray);
}

/* ----------------------------------------------
 ■PDFダウンロード
------------------------------------------------- */
.adobebox {
	padding: 25px 28px;
	border: 1px solid var(--ad-gray);
}
.adobebox .tleft {
	overflow: hidden;
}
.adobebox .imgright {
	float: right;
	width: 115px;
	margin-left: 10px;
}

/* -------------------------------------------
 ■now loading
---------------------------------------------- */
#now_loading {
	z-index: 9998;
	width: 60px;
	height: 60px;
	padding: 10px;
	padding: 10px;
	opacity: .75;
	border-radius: 15px;
	background-color: #e0e0e0;
}
#now_loading img {
	width: 100%;
	height: 100%;
}

/* ------------------------------
 タブレット・スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	.cms_block {
		margin-bottom: 60px;
	}
	.cms_image {
		text-align: center;
		margin-bottom: 45px;
	}
	.cms_image .cms_caption_t,
	.cms_image .cms_caption_b {
		text-align: left;
	}
	.cms_text {
		margin-bottom: 45px;
	}
	.cms_fl {
		float: none !important;
	}
	.cms_fr {
		float: none !important;
	}
	.cms_caption_t,
	.cms_caption_b {
		font-size: 1.5rem;
	}
	.cms_caption_t {
		margin-bottom: 10px;
	}
	.cms_caption_b {
		margin-top: 10px;
	}
	/* h2が最初にある場合上の空きを広げる */
	.cms_image:has(h2:first-child) .cms_caption_b {
		margin-top: 20px;
	}
	#now_loading {
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width:640px) {
	#now_loading img {
		margin-left: 0 !important;
	}
	#now_loading {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 9998;
		width: 75px;
		height: 75px;
		margin: 0 0 0 -13%;
		padding-top: 10px;
		padding-right: 7px;
		padding-left: 7px !important;
		opacity: .5;
		border-radius: 15px;
		background-color: #e0e0e0;
	}
}