@charset "UTF-8";

/* ==========================================
 入学案内 下層
========================================== */

/* override
------------------------------------------ */


/* contents
------------------------------------------ */


/* タイトル
--------------------------- */
#graduate .title {
	padding-top: 55px;
	background-image: url(../images/ttl_bg_graduate.png);
	background-size: 130px auto;
	background-repeat: no-repeat;
	background-position: top center;
}

@media only screen and (max-width: 767px) {
	#graduate .title {
		padding-top: 50px;
	}
}

#graduate section .ttl {
	padding-bottom: 30px;
	font-size: 3rem;
}
@media only screen and (max-width: 480px) {
	#graduate
 section .ttl {
		padding-bottom: 5vw;
		font-size: 6vw;
	}
}



/* 見出し下テキスト
--------------------------- */
.intro_txt {
	text-align: center;
	padding-bottom: 50px;
}

.intro_txt .common_link {
	margin-top: 0;
}

@media only screen and (max-width: 480px) {
	.intro_txt {
		text-align: left;
		padding-bottom: 2em;
	}
}



/* 目次
--------------------------- */
.category_menu {
	font-size: 0;
	text-align: center;
	margin-bottom: 50px;
}
.category_menu ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 25px;
}
.category_menu ul li:last-child {
	margin-right: 0;
}

.category_menu ul li a {
	padding: 0.5em 1.7em 0.6em 1em;
	font-size: 1.7rem;
	text-decoration: none;
	background-color: #ff0;
	position: relative;
}
.category_menu ul li a::after {
	position: absolute;
	content: "↓";
	top: 0px;
	right: 10px;
	color: #222;
	font-family: "Noto Sans JP";
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 45px;
	transition: all 0.2s;
}
.category_menu ul li a:hover::after {
	top: 3px;
}

@media only screen and (max-width: 480px) {
	.category_menu {
		margin-bottom: 5vw;
	}
	.category_menu ul li a {
		padding: 0.5em 1.7em 0.6em 1em;
		font-size: 1.4rem;
	}
	.category_menu ul li {
		display: inline-block;
		margin-right: 8px;
		margin-bottom: 21px;
	}
	.category_menu ul li a::after {
		font-size: 1.3rem;
		line-height: 36px;
	}
}



/* 新入学の対象の皆さん
--------------------------- */
#target {
/* background-color: #fffded; */
}
#target ul {
	margin-bottom: 1em;
}
#target ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}



/* 入学時期
--------------------------- */
#period {
	background-color: #fffded;
}



/* 発行できる証明書と保存期間
--------------------------- */
#syomeisyo {
/*	background-color: #fff7f1; */
}

#syomeisyo ul {
	margin-top: 1.5em;
	padding: 25px;
	border: 1px solid #000;
}
#syomeisyo ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}
#syomeisyo ul.kome {
	margin-top: 1.5em;
	padding: 25px;
	border: none;
}
#syomeisyo ul.kome li {
	margin-left: 1.5em;
	list-style-type: none;
	font-size:90%;
}

@media only screen and (max-width: 480px) {
	#syomeisyo ul {
		padding: 1em;
	}
}



/* 入学選考（入試）
--------------------------- */
#exam {
	background-color: #fff7f1;
}
#exam ul {
	margin-top: 1.5em;
}
#exam ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}


/* 出願に必要な書類
--------------------------- */
#documents {
/*	background-color: #fffded; */
}

#documents .documents_list {
	margin-top: 1.5em;
	padding: 25px;
	border: 1px solid #000;
}

#documents .documents_list h3 {
	margin-bottom: 0.5em;
	font-size: 110%;
}

#documents .documents_list dl dt {
	margin-bottom: 0.5em;
	font-size: 110%;
	font-weight: 600;
}
#documents .documents_list dl dt .note {
	font-size: 80%;
}
#documents .documents_list dl dd {
	margin-left: 1.25em;
}
#documents .documents_list dl dd + dt {
	margin-top: 1em;
}

@media only screen and (max-width: 480px) {
	#documents .documents_list {
		padding: 1em;
	}
}


/* 合格までの流れ
--------------------------- */
#flow {
	background-color: #fffded;
}


#flow .flow_list {
	margin-top: 1.5em;
	/*border: 1px solid #000;*/
}

#flow .flow_list ol {
	counter-reset: cnt;
}

#flow .flow_list ol > li {
	margin-bottom: 35px;
	padding: 20px;
	background-color: #fff;
	counter-increment: cnt;
	position: relative;
	border: 1px solid #000;
}
#flow .flow_list ol > li::after {
	content: "";
	margin: 0 auto;
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	width: 30px;
	height: 15px;
	background-color: #000;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
#flow .flow_list ol > li:last-child::after {
	display: none;
}

#flow .flow_list ol li h3 {
	margin-bottom: 0.5em;
	font-size: 110%;
	font-weight: 600;
}
#flow .flow_list ol li h3::before {
	content: "("counter(cnt)")";
	margin-right: 0.3em;
}

#flow .flow_list ul {
	margin: 1.5em 0;
	padding: 25px;
	background-color: #eee;
}
#flow .flow_list ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}
#flow .flow_list ul.kome {
	margin-top: 0.5em;
	padding: 10px;
	border: none;
	background-color: #fff;

}
#flow .flow_list ul.kome li {
	margin-left: 1.5em;
	list-style-type: none;
	font-size:90%;
}