@charset "UTF-8";

/*================================================
 * 看護部サイト　／　教育体制用
 ================================================*/

section + section {
	margin-top: 15rem!important;
}



/*******【共通】背景キラキラ*******/
section [class*="deco_kira"] {
	position: absolute;
	top: -23rem;
	width: 48rem;
	height: auto;
	opacity: 0.16;
	z-index: -1;
}
section .deco_kira_left {
	left: -33rem;
}
section .deco_kira_right {
	right: -33rem;
}


/*******【共通】イントロダクション*******/
@media screen and (min-width: 800.1px) {

	section .intro_box {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	section .intro_box .unit_txt {
		width: 48rem;
	}
	section .intro_box .unit_img {
		width: 50rem;
	}
	
}

section .intro_box .unit_txt > img,
section .intro_box .unit_img img:not(.no_bdrs) {
	border-radius: 6rem;
	isolation: isolate;
}

section .intro_box .unit_txt > img {
	display: block;
	width: 50rem;
	margin-top: 5rem;
}



/*******【共通】テキストリスト*******/
@media screen and (min-width: 800.1px) {
	section .education_list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4rem 4rem;
	}
}
section .education_list {
	position: relative;
}
section .intro_box + .education_list {
	margin-top: 6rem;
}
section [class*="img_"] + .education_list {
	margin-top: 8rem;
}

section .education_list dl {
	background-color: #fff;
	border: 4px solid var(--color-kango-main);
	padding: 4rem 5.5rem;
}
section .education_list dl dt {
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-align: center;
	margin: 0 -1em 1em;
}











/*******新人教育プログラム*******/
section#program_area .program_list {
	margin-top: 6rem;
}
section#program_area .program_list .program_box:nth-of-type(n+2) {
	margin-top: 5rem;
}
@media screen and (min-width: 800.1px) {
	section#program_area .program_list .program_box .inr {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	section#program_area .program_list .program_box .inr .unit_txt {
		padding-left: 5rem;
	}
	section#program_area .program_list .program_box .inr .unit_img {
		width: 42rem;
	}
}

section#program_area .program_list .program_box .inr .unit_txt h4 {
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin: -0.25em 0 0.7em;
}





/*******キャリア開発支援*******/
section#career_area .img_system {
	margin-top: 6rem;
}
@media screen and (min-width: 800.1px) {
	section#career_area .img_system::after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 4px solid #E6E6E6;
		z-index: 5;
	}
}







/*******新人サポート体制*******/
section#new_area .intro_box .unit_img img {
	width: 44.6rem!important;
}






/*******教育支援サポート*******/
section#support_area .education_list .img_deco {
	display: flex;
	align-items: flex-end;
}
section#support_area .education_list .img_deco img {
	width: 47rem;
}







/*******看護師特定行為研修指定研修機関*******/
/*受講*/
section#institution_area .juko_box {
	border-radius: 6rem;
	margin-top: 6rem;
	padding: 8rem 9rem;
}
section#institution_area .juko_box h3 {
	font-size: 3.4rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 5rem;
}

@media screen and (min-width: 800.1px) {
	section#institution_area .juko_box .inr {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	section#institution_area .juko_box .inr .unit_txt {
		width: 46rem;
	}
	section#institution_area .juko_box .inr .unit_img {
		width: 34rem;
	}
}



/*先輩の声*/
section#institution_area .voice_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 86rem;
	margin: 8rem auto 0;
}
@media screen and (min-width: 800.1px) {
	section#institution_area .voice_box .unit_txt {
		width: 46rem;
	}
	section#institution_area .voice_box .unit_img {
		width: 34rem;
	}
}

section#institution_area .voice_box .unit_txt h3 {
	font-size: 3.8rem;
	margin-bottom: 0.9em;
	letter-spacing: 0.08em;
}
section#institution_area .voice_box .unit_txt h3 > span {
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 0.9em;
}
section#institution_area .voice_box .unit_txt h3 > em {
	display: block;
	font-weight: 500;
}

section#institution_area .voice_box .unit_img .img_fuki {
	top: -2rem;
	right: -9rem;
	width: 20.5rem;
	height: auto;
}












/*******活躍するエキスパートナース*******/
section#expert_area .license_box {
	border-radius: 6rem;
	margin-top: 6rem;
	padding: 7rem 9rem 7rem;
}
section#expert_area .license_box h3 {
	font-size: 3.4rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 5rem;
}
section#expert_area .license_box h4 {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.08em;
}
@media screen and (min-width: 800.1px) {
	section#expert_area .license_box h4 {
		display: flex;
		gap: 0 2em;
	}

}
section#expert_area .license_box h4 + h4 {
	margin-top: 3rem;
}
section#expert_area .license_box .circle_list {
	margin-top: 0.8em;
	display: grid; 
	grid-template-columns: max-content max-content max-content; 
	gap: 0px 3em; 
}









/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width: 800px) {


section + section {
	margin-top: 20vw!important;
}





/*******【共通】背景キラキラ*******/
section [class*="deco_kira"] {
	display: none;
}




/*******【共通】イントロダクション*******/
section .intro_box .unit_txt > img,
section .intro_box .unit_img img:not(.no_bdrs) {
	border-radius: 8vw;
}

section .intro_box .unit_txt > img {
	width: 100%;
	margin-top: 6vw;
}
section .intro_box .unit_img {
	margin-top: 6vw;
}




/*******【共通】テキストリスト*******/
section .intro_box + .education_list {
	margin-top: 12vw;
}
section [class*="img_"] + .education_list {
	margin-top: 12vw;
}

section .education_list dl {
	border-width: 2px;
	padding: 7vw 7vw 9vw;
}
section .education_list dl + dl {
	margin-top: 5vw;
}
section .education_list dl dt {
	font-size: 5.6vw;
}



















/*******新人教育プログラム*******/
section#program_area .program_list {
	margin-top: 12vw;
}
section#program_area .program_list .program_box:nth-of-type(n+2) {
	margin-top: 12vw;
}
@media screen and (min-width: 800.1px) {
	section#program_area .program_list .program_box .inr {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	section#program_area .program_list .program_box .inr .unit_txt {
		padding-left: 5rem;
	}
	
}

section#program_area .program_list .program_box .inr .unit_txt h4 {
	font-size: 5vw;
}
section#program_area .program_list .program_box .inr .unit_img {
	margin-top: 5vw;
}










/*******キャリア開発支援*******/
section#career_area .img_system {
	border: 2px solid #E6E6E6;
	left: 50%;
	transform: translate(-50%,0);
	margin-top: 12vw;
	width: 93vw;
}
section#career_area .img_system img {
	max-width: inherit;
}






/*******新人サポート体制*******/
section#new_area .intro_box .unit_img {
	margin-top: 10vw;
}
section#new_area .intro_box .unit_img img {
	width: 77vw!important;
}






/*******教育支援サポート*******/
section#support_area .education_list .img_deco {
	margin-top: 8vw;
}
section#support_area .education_list .img_deco img {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	width: 93vw;
	max-width: inherit;
}




/*******看護師特定行為研修指定研修機関*******/
/*受講*/
section#institution_area .juko_box {
	border-radius: 8vw;
	margin-top: 12vw;
	padding: 10vw 10vw;
}
section#institution_area .juko_box h3 {
	font-size: 5.6vw;
	margin: 0 -1em 7vw;
}
section#institution_area .juko_box .inr .unit_img {
	margin-top: 7vw;
}



/*先輩の声*/
section#institution_area .voice_box {
	display: block;
	margin-top: 12vw;
}

section#institution_area .voice_box .unit_txt h3 {
	font-size: 7.4vw;
}
section#institution_area .voice_box .unit_txt h3 > span {
	font-size: 4.2vw;
}

section#institution_area .voice_box .unit_img {
	margin-top: 7vw;
}
section#institution_area .voice_box .unit_img .img_fuki {
	top: 10vw;
	right: -3.7vw;
	width: 48vw;
}














/*******活躍するエキスパートナース*******/
section#expert_area .license_box {
	border-radius: 8vw;
	margin-top: 12vw;
	padding: 10vw 8.5vw 9vw;
}
section#expert_area .license_box h3 {
	font-size: 5.6vw;
	margin-bottom: 8vw;
}
section#expert_area .license_box h4 {
	font-size: 4.2vw;
}
section#expert_area .license_box h4 + h4 {
	margin-top: 5vw;
}
section#expert_area .license_box .circle_list {
	grid-template-columns: max-content max-content; 
	justify-content: space-between;
	gap: 0px; 
}















	
}