@charset "UTF-8";

/* カリキュラム用CSS */

/* ---------------------------------------------------------------------- */
/* コンテンツ */
/* ---------------------------------------------------------------------- */
/* ページ内リンクスクロール制御 */
h3#pass-rate-title
,h3#teaching-title
,h3#educations
,h3#step-title
{
	margin-top : -96px;
	padding-top : 96px;
}


/* ---------------------------------------------------------------------- */
/* 2020年度 国家試験合格率100%! */
/* ---------------------------------------------------------------------- */
.curriculum-label
{
	position: relative;
}

/*.curriculum-label:before
{
	content:"";
	background: url("_images/icon_curriculum_label2023.svg") no-repeat;
	position: absolute;
	width: 134px;
	height: 134px;
	left: -15px;
	top: -15px;
}*/

.list-wrap { /* フロート回避 */
	padding-left: 40%;
}
.list-wrap-right { /* フロート回避 */
	padding-right: 40%;
}
@media only screen and ( max-width : 768px ) {

	.list-wrap { 
		padding-left: .5em;
	}
	.list-wrap-right { 
		padding-right: .5em;
	}
}

#study h3{
	color:#e86d73;
}
/* ---------------------------------------------------------------------- */
/* 3年間のカリキュラム */
/* ---------------------------------------------------------------------- */
#teachers{
	position:relative;
	background-color: #fcf0f3;
	display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-direction: column;
	margin-top:150px;
}
#teachers::before{
	content:'';
	position:absolute;
	top:-100px;
	left:50%;
	transform:translateX(-50%);
	width:130%;
	height:100%;
	/*clip-path: ellipse(50% 30% at 50% 50%);*/
	background:#fcf0f3;
	border-radius:50%;
	z-index:-1;
}
#teachers .content{
	margin:-40px auto 40px;
	padding:0;
}
#teachers h2{
	position:relative;
	background:none;
	color:#80aad8;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:3.2em;
	font-weight:500;
	line-height:1.75;
	text-align:center;
	margin:0 auto;
	padding:0;
}
#teachers h2::before, #teachers h2::after{
	content: '';
	width: 60px;
	height: 60px;
	display: inline-block;
}
#teachers h2::before{
	margin-right: 30px;
	background:url('_images/icon_glitter-1.png') no-repeat top left/contain;
}
#teachers h2::after{
	margin-left: 30px;
	background:url('_images/icon_glitter-2.png') no-repeat bottom right/contain;
}
#teachers .sub{
	color:#e46d73;
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:2rem auto;
}
#teachers .title{
	color:#80a9d7;
	font-weight:700;
	margin:6rem 0 0;
}
#teachers p{
	color:#45555d;
}
#step h3 {
	/*color:#e36d73;*/
	margin-bottom: 30px;
}
.first, .second{
	border-bottom: 1px solid #c6c6c6;
	margin-bottom:3rem;
	padding-bottom:3rem;
}

.school-year { /* 年次ラベル */
	height: 80px;
	margin-bottom: -26px;
}

.second  .school-year { /* 年次ラベル */
	margin-bottom: -25px;
}

.third  .school-year { /* 年次ラベル */
	margin-bottom: -28px;
}

.first h3 { color: #8a91c6; }
.first h5 { color: #8a91c6;font-size:2rem;margin-bottom:10px; }
.second h3 { color: #a485bb; }
.second h5 { color: #a485bb;font-size:2rem;margin-bottom:10px; }
.third h3 { color: #c866a2; }
.third h5 { color: #c866a2;font-size:2rem;margin-bottom:10px; }

.content-body .first table th { color:#8a91c6 ; background-color: #dce6f4; }
.content-body .second table th { color:#a485bb; background-color: #ecdaed; }
.content-body .third table th { color:#c866a2; background-color: #f4d9ea; }

.content-body .first table th, .content-body  .first table td { border: solid 1px #8a91c6; }
.content-body .second table th, .content-body  .second table td { border: solid 1px #a485bb; }
.content-body .third table th, .content-body  .third table td { border: solid 1px #c866a2; }

.content-body table th.left-side { color:#666 ; font-weight: normal; }

.content-body .first table th.left-side span{ color:#8a91c6 ; font-size: 2rem; margin-right: .4em; }
.content-body .second table th.left-side span{ color:#a485bb; font-size: 2rem; margin-right: .4em; }
.content-body .third table th.left-side span{ color:#c866a2; font-size: 2rem; margin-right: .4em; }

#step h4 {
	margin-top: 2.4em;
}

#step h4 span.lecture {
	padding: 5px;
	margin-right: 0.4em;
	font-weight: normal;
}

.first h4 span.lecture {border: 1px solid #8a91c6;background:#FFF;color: #8a91c6;margin-bottom: 10px;}
.second h4 span.lecture { border: 1px solid #a485bb; background:#FFF;color: #a485bb; }
.third h4 span.lecture { border: 1px solid #c866a2; background:#FFF;color: #c866a2; }

#step h4 span.training {
	padding: 8px;
	color: #fff;
	margin-right: 0.4em;
	font-weight: normal;
}

.first h4 span.training { background-color: #8a91c6; }
.second h4 span.training { background-color: #a485bb; }
.third h4 span.training { background-color: #c866a2; }


@media only screen and ( max-width : 768px ) {
	#teachers::before{
		top:-30px;
		width:100%;
		height:100%;
		background:#fcf0f3;
		border-radius:60px;
}
	#teachers .content{
		margin:0 auto 40px;
		padding:3%;
}
	#teachers h2{
		font-size:2.4em;
}
	#teachers h2::before{
		margin-right: 15px;
}
	#teachers h2::after{
		margin-left: 15px;
}

	#step h3 {
		margin-top: 30px;
	}

	.school-year { /* 年次ラベル */
		height: 60px;
		float: left;
		margin-right: 1em;
		margin-top: -10px;
		margin-bottom: 20px;
	}
	#step h4 span{
		display: block!important;
		margin-bottom: 10px;
	}
}


/* ---------------------------------------------------------------------- */
/* 3年間のカリキュラム */
/* ---------------------------------------------------------------------- */
.content-body #step h5 {
}

div.content-body div#step div h5 img
{
	vertical-align: middle;
	margin-right: 1em;
}

div.content-body div#step div h5 span
{
	font-weight: normal;
}

div.content-body div#step div div.annotate
{
	clear: both;
	padding: 5px 20px;
	background-color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*.content-body #step div.first .annotate { border: solid 5px #8a91c6; }
.content-body #step div.third .annotate { border: solid 5px #66CCCC; }*/

div.content-body div#step div.second > div { 	margin-bottom: 2em; }

div.content-body div#step div.first div.annotate p.border
{
	border-bottom: 1px dashed #A0A0A0;
	padding-bottom: 1em;
	margin-bottom: 1em;
	width: 100%;
}

.syokuiku {
	color: #EF858C;
	font-weight:700 !important;
}


/* ---------------------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------------------- */