@charset "utf-8";

/* パンくずリスト */
.fullScreen-Line {
	border-image-source: linear-gradient(#870000, #870000);
	border-image-slice: 0 fill;
	border-image-outset: 0 100vw 0 100vw;
}
.breadcrumb {
	position: absolute;
	left: 20px;
	top: 0;
}
.breadcrumb ol {
	font-size: calc(16 / 18 * 1em);
	padding: calc(10 / 16 * 1em) 0 calc(12 / 16 * 1em);
}
.breadcrumb li {
	display: inline;
	color: #ffffff;
}
.breadcrumb li + li::before {
  	content: "";
  	display: inline-block;
	margin: 0 calc(7 / 16 * 1em);
  	transform: rotate(15deg);
  	border-right: 0.1em solid currentcolor;
  	height: calc(13 / 16 * 1em);
}
.breadcrumb a {
	font-size: clamp(14px, (16 / 480 * 100vw), 1em);
	color: #ffffff;
}
.breadcrumb a:not([aria-current="page"]) {
	text-decoration: underline;
}
.breadcrumb a[aria-current="page"] {
	pointer-events: none;
}
/* 'hover'が可能な環境に限定 */
@media (hover: hover) and (pointer: fine) {
	.breadcrumb a:hover {
		text-decoration: none;
	}
}

/* -- .curriculumWrap -- */
.curriculum {
	position: relative;
	padding-top: min(120px, (120 / 480 * 100vw));
}
.curriculumWrap {
    padding-bottom: min(110px, (110 / 480 * 100vw));
}
.curriculumTitle {
	font-size: clamp(20px, (24 / 768 * 100vw), 24px);
	height: calc(60 / 24 * 1em);
	display: flex;
	justify-content: center;
	align-items: center;
}
.curriculumTitle:not(:first-of-type) {
	margin-top: min(60px, (60 / 480 * 100vw));
}
.firstYear {
	background-color: #ffd2cf;
}
.secondYear {
	background-color: #ffe2b3;
}
.curriculumDetail {
	line-height: 1.3;
	margin-top: 20px;
}
.curriculumDetail dd {
	flex: 1 1 0;
}
.curriculumDetail dd:not(:first-of-type) {
	border-left: 1px solid #cbcbcb;
}
.curriculumDetail ul {
	padding: 0 20px;
}
.curriculumDetail li:not(:first-child) {
	margin-top: min(20px, (20 / 480 * 100vw));
}
/*文字の上下の隙間を無くす(改行にも対応)*/
.curriculumDetail li::before,
.curriculumDetail li::after {
	content: "";
	display: table;
}
.curriculumDetail li::before {
	margin-bottom: calc(-2.7 / 18 * 1em); 
}
.curriculumDetail li::after {
	margin-top: calc(-2.7 / 18 * 1em); 
}



	/* ------    screen width 1068px   start ----- */

@media screen and (max-width:1068px){
.curriculumDetail {
	margin-top: 0;
	}
.curriculumDetail dd {
	flex: 1 1 100%;
	}
.curriculumDetail dd:not(:first-of-type) {
	border-left: none;
	border-top: 1px solid #cbcbcb;
	}
.curriculumDetail dd > ul {
	padding: 20px;
	}

}
	/* ------    screen width 1068px   end   ----- */


	/* ------    screen width 768px   start ----- */

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


}
	/* ------    screen width 768px   end   ----- */


	/* ------    screen width 640px   start ----- */

@media screen and (max-width:640px){


}
	/* ------    screen width 640px   end   ----- */


	/* ------    screen width 480px   start ----- */

@media screen and (max-width:480px){
.curriculumTitle {
	font-size: clamp(16px, (20 / 480 * 100vw), 20px);
	height: calc(60 / 24 * 1em);
	}
.curriculumDetail dd > ul {
	padding: 20px 0;
	}

}
	/* ------    screen width 480px   end   ----- */