@charset "UTF-8";

/*================================================
 *  看護部　／　TOPページ用
 ================================================*/


/*******タイトル共通*******/
section h2.title_top {
	width: 150rem;
	margin: 0 auto 8rem;
} 
section h2.title_top > span {
	background: var(--bg-kango-grad); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 12.2rem;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.02em;
} 
section h2.title_top em {
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
	margin: 0.9em 0 0 1.75em;
} 






/*******メインエリア*******/
/*スライダー*/
section#main_area::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.18;
	z-index: 1;
}
section#main_area #main_slider {
	height: 100%;
	width: 100%;
	z-index: 0;
}


/*タイトル*/
section#main_area h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
	z-index: 10;
}
section#main_area h1 img {
	width: 98.9rem;
	height: auto;
}

/*スクロール*/
section#main_area .unit_scroll {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	bottom: -6rem;
	right: 24rem;
	font-size: 1.8rem;
	width: 1em;
	height: 19rem;
	z-index: 10;
}
section#main_area .unit_scroll > span {
	height: 12rem;
	width: 2px;
	overflow: hidden;
	position: relative;
}
section#main_area .unit_scroll > span::after {
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: currentColor;
	animation: 3s cubic-bezier(0.8, 0, 0.1, 1) infinite scrollAnimeY;
}
section#main_area .unit_scroll > em {
	letter-spacing: 0.14em;
	transform: rotate(-90deg);
}












/*******看護部について*******/
.bg_about_news {
	padding-bottom: 13rem;
}
.bg_about_news > .bg_kango_grad {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.75;
}



section#about_area {
	padding-top: 14rem;
}

section#about_area .inner h2 {
	margin-bottom: 6rem;
}
section#about_area .inner h2 img {
	width: 58.3rem;
}
section#about_area .inner [class*="btn_kango_arrow"] {
	border: none;
	margin: 7rem auto 0;
}


@media screen and (min-width: 800.1px) {
	section#about_area .unit_bg {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
		width: 190rem;
		z-index: 2;
	}
}
section#about_area .unit_bg img {
	border-radius: 5rem;
	isolation: isolate;
	height: auto;
	opacity: 0;
	transition: var(--transition);
}
section#about_area .unit_bg.move img {
	opacity: 1;
}



section#about_area .unit_bg .img_bg01 {
	z-index: 10;
}
@media screen and (min-width: 800.1px) {
	section#about_area .unit_bg .img_bg01 {
		top: -8rem;
		left: 21.5rem;
		width: 37rem;
	}
	section#about_area .unit_bg .img_bg02 {
		top: 31.5rem;
		left: 0;
		width: 38rem;
	}
	section#about_area .unit_bg .img_bg03 {
		top: 10rem;
		right: 17.5rem;
		width: 38rem;
	}
	section#about_area .unit_bg .img_bg04 {
		top: 42rem;
		right: 0;
		width: 32.6rem;
	}
}







/*******新着情報*******/
section#news_area {
	border: 1px solid #fff;
	padding: 5rem 3rem 5rem 6.5rem;
	margin: 14rem auto 0;
	width: 114rem;
}
section#news_area .unit_title h2 em {
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin: 0 0 1em 0.5em;
}
section#news_area .unit_title h2 > span {
	font-size: 7rem;
	letter-spacing: -0.04em;
}

section#news_area .unit_title .btn_more {
	border: none;
	font-size: 1.8rem;
	min-height: 5.4rem;
	width: 19rem;
	margin: 3.5rem 0 0;
	padding-left: 1.5em;
}
section#news_area .unit_title .btn_more [class*="icon-"] {
	font-size: 65%;
	margin: 0 1.8em 0 0;
}

section#news_area .news {
	height: 18rem;
	width: 75rem;
	font-size: 1.8rem;
}

section#news_area .news .simplebar-track {
  background-color: transparent;
}
section#news_area .news .simplebar-scrollbar:before {
	background-color: #fff;
}

section#news_area .news ul li,
section#news_area .news ul li a,
section#news_area .news ul li .date_icon {
	display: flex;
	align-items: flex-start;
}
section#news_area .news ul li {
	line-height: 1.75;
	padding: 0.65em 0;
}
section#news_area .news ul li:first-of-type {
	padding-top: 0;
}
section#news_area .news ul li:last-of-type {
	padding-bottom: 0;
}

section#news_area .news ul li .date_icon {
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	font-size: 1.8rem;
	width: 21.5rem;
	margin-right: 2rem;
}
section#news_area .news ul li .date_icon img {
	height: 2.8rem;
	width: auto;
}
section#news_area .news ul li span {
	letter-spacing: 0.04em;
	flex-shrink: 0;
}
section#news_area .news ul li p {
	margin-top: -0.09em;
}
section#news_area .news ul li p {
	font-size: 2rem;
}
section#news_area .news ul li a:hover p {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}







/*******インフォメーション*******/
section#info_area {
	height: 66.8rem;
}
section#info_area .img_bg {
	bottom: 0;
	left: 0;
}
section#info_area .inner {
	z-index: 10;
	padding-left: 12.5rem;
}
section#info_area .inner .unit_txt {
	width: 64rem;
}
section#info_area .inner .unit_txt h2 img {
	width: 61.7rem;
}
section#info_area .inner .unit_txt .inr {
	padding: 4.5rem 0 0 3rem;
}
section#info_area .inner .unit_img {
	width: 53.4rem;
}







/*******看護部の特色*******/
section#features_area {
	margin-top: 20rem;
}
@media screen and (min-width: 800.1px) {
	section#features_area {
		display: grid;
		grid-template-columns: 60rem 66rem;
		grid-template-rows: min-content 1fr;
		justify-content: space-between;
		grid-template-areas:
		"unit_img title"
		"unit_img unit_txt";
	}

	section#features_area h2 {
		grid-area: title;
		padding-top: 4rem;
		margin: 0;
		width: auto;
	}

	section#features_area .unit_img { grid-area: unit_img; }

	section#features_area .unit_txt { grid-area: unit_txt; }

}
section#features_area .unit_img {
	height: 80rem;
}
section#features_area .unit_img .img01 {
	top: 0;
	right: 0;
	border-radius: 0 5rem 5rem 0;
	isolation: isolate;
	width: 85.4rem;
}
section#features_area .unit_img .img02 {
	bottom: 0;
	right: -11.5rem;
	width: 62.5rem;
	height: auto;
}
section#features_area .unit_txt {
	padding: 6rem 0 0 5rem;
}
section#features_area .unit_txt [class*="btn_kango_arrow"] {
	margin-top: 5rem;
}








/*******安心して成長できる理由*******/
section#reasons_area {
	margin: 14rem auto 0;
}

section#reasons_area .inner {
	gap: 0 6rem
}
section#reasons_area .inner [class*="reasons_box"] {
	display: flex;
	flex-direction: column;
	border-radius: 6rem;
	overflow: hidden;
	width: 74rem;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img {
	height: 40rem;
	overflow: hidden;
	position: relative;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img .thumb {
	height: 100%;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img h4 {
	position: absolute;
	bottom: 0;
	left: -2.5rem;
	z-index: 10;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img h4 img {
	height: 13.2rem;
	width: auto;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt {
	flex-grow: 1;
	padding: 5rem 0 6.5rem;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt > [class*="icon-kango-circle-arrow"] {
	position: absolute;
	top: 5.5rem;
	right: 10rem;
	font-size: 7.6rem;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 {
	padding: 0 0 5rem 10rem;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 > span {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	position: relative;
	padding-left: 2em;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 > span::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 1.25em;
	margin-top: -1px;
	border-top: 2px solid;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 em {
	display: block;
	font-size: 5.2rem;
	letter-spacing: 0.02em;
	margin-top: 0.4em;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .btn_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 2rem;
	width: 58rem;
	margin: 0 auto;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .btn_list [class*="btn_kango_arrow"] {
	border: none;
	font-size: 2.2rem;
	padding-left: 1.4em;
	min-height: 8rem;
	width: auto;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .btn_list [class*="btn_kango_arrow"] [class*="icon-"] {
	margin: 1.9em;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .inr {
	width: 54rem;
	margin: 0 auto;
}









/*******先輩スタッフの声*******/
section#interview_area {
	margin-top: 16rem;
}












/*******看護体験・病院見学*******/
section#internship_area {
	margin-top: 16rem;
}

section#internship_area .inner {
	height: 66rem;
}
section#internship_area .inner .unit_txt {
	width: 58rem;
}
section#internship_area .inner .unit_txt h2 > span {
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	letter-spacing: 0.14em;
	position: relative;
}
section#internship_area .inner .unit_txt h2 > span::before {
	background-color: currentColor;
	content: '';
	height: 2px;
	width: 3rem;
	flex-shrink: 0;
	margin-right: 1em;
}
section#internship_area .inner .unit_txt h2 > em {
	display: block;
	font-size: 5.6rem;
	letter-spacing: 0.08em;
	margin: 0.53em 0 0.8em;
}


section#internship_area .inner .unit_txt [class*="btn_kango_arrow"] {
	border: none;
	margin-top: 7rem;
}


/*ループスライダー*/
section#internship_area .inner .unit_slider {
	height: 100%;
	width: 71rem;
	overflow: hidden;
}

section#internship_area .inner .unit_slider [class*="loop_slider"] {
	position: absolute;
	top: 0;
	width: 34rem;
	z-index: 0;
}
section#internship_area .inner .unit_slider .loop_slider01 {
	left: 0;
}
section#internship_area .inner .unit_slider .loop_slider02 {
	right: 0;
}
@media screen and (min-width: 800.1px) {
	section#internship_area .inner .unit_slider [class*="loop_slider"] .inr,
	section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul {
		flex-direction: column-reverse;
	}
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr {
	display: flex;
	overflow: hidden;
	height: 100%;
	white-space: nowrap;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul {
	display: flex;
	animation: slideLoopV 20s infinite linear;
}
section#internship_area .inner .unit_slider .loop_slider02 .inr ul {
	animation: slideLoopVR 20s infinite linear;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul li {
	margin: 1rem 0;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul li img {
	border-radius: 5rem;
	isolation: isolate;
}








/*******中途の募集要項*******/
section#career_area {
	margin: 16rem auto 0;
	height: 68.6rem;
	width: 120rem;
}
section#career_area .img_thumb {
	top: 0;
	left: 0;
}

section#career_area .inner {
	z-index: 5;
}
section#career_area .inner h2 {
	filter: drop-shadow(0px 0px 0.5rem rgba(0,0,0,0.9));
	text-align: center;
}
section#career_area .inner h2 img {
	width: 61.7rem;
}


section#career_area .inner .img_point {
	display: block;
	width: 76.5rem;
	margin: 3rem auto 0;
}

section#career_area .inner [class*="btn_kango"] {
	border: none;
	margin: 5rem auto 0;
	width: 44rem;
}











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

	
.article_contents {
	padding-top: 0!important;
}

/*******タイトル共通*******/
section h2.title_top {
	margin-bottom: 8vw;
} 
section h2.title_top > span {
	font-size: 15.5vw;
} 
section h2.title_top em {
	font-size: 3.7vw;
	margin-left: 1em;
} 


/*******メインエリア*******/
section#main_area {
	height: 122.6vw;
}

/*スライダー*/


/*タイトル*/
section#main_area h1 img {
	width: 97.8vw;
	max-width: inherit;
}

/*スクロール*/
section#main_area .unit_scroll {
	bottom: -8vw;
	right: 3.7vw;
	font-size: 3.4vw;
	height: 28vw;
}
section#main_area .unit_scroll > span {
	height: 16vw;
	width: 1px;
}







/*******看護部について*******/
.bg_about_news {
	padding-bottom: 16vw;
}




section#about_area {
	padding: 52vw 0 57vw;
}

section#about_area .inner h2 {
	margin-bottom: 8vw;
}
section#about_area .inner h2 img {
	width: 70vw;
}
section#about_area .inner [class*="btn_kango_arrow"] {
	margin-top: 9vw;
}


section#about_area .unit_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section#about_area .unit_bg img {
	border-radius: 4vw;
}
section#about_area .unit_bg .img_bg01 {
	top: -17vw;
	left: 4vw;
	width: 40vw;
}
section#about_area .unit_bg .img_bg02 {
	bottom: 5vw;
	left: 4vw;
	width: 44vw;
}
section#about_area .unit_bg .img_bg03 {
	top: 5vw;
	right: 10vw;
	width: 37vw;
}
section#about_area .unit_bg .img_bg04 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	bottom: 0;
	right: 0;
	width: 40.5vw;
}










/*******新着情報*******/
section#news_area {
	padding: 10vw 6vw;
	margin-top: 16vw;
}

section#news_area .unit_title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
section#news_area .unit_title h2 em {
	font-size: 4vw;
}
section#news_area .unit_title h2 > span {
	font-size: 12.5vw;
}

section#news_area .unit_title .btn_more {
	font-size: 3.7vw;
	min-height: 10.6vw;
	width: 36vw;
	margin: 0;
	padding-left: 1em;
}



section#news_area .news {
	height: 66vw;
	width: 100%;
	font-size: 3.7vw;
	margin-top: 8vw;
}
section#news_area .news ul li,
section#news_area .news ul li a {
	display: block;
}
section#news_area .news ul li {
	padding: 3vw 0;
}
section#news_area .news ul li .date_icon {
	font-size: 3.7vw;
	width: 44vw;
	margin: 0 0 2.5vw;
}
section#news_area .news ul li .date_icon img {
	height: 5.5vw;
	margin-left: 1.2em;
}
section#news_area .news ul li p {
	font-size: 3.7vw;
}





/*******インフォメーション*******/
section#info_area {
	height: 160vw;
}
section#info_area .inner {
	padding: 11vw 0 0;
}
section#info_area .inner .unit_txt {
	width: 100%;
}
section#info_area .inner .unit_txt h2 {
	padding-left: 8.4vw;
}
section#info_area .inner .unit_txt h2 img {
	width: 82vw;
}
section#info_area .inner .unit_txt .inr {
	padding: 0;
	width: 74vw;
	margin: 6vw auto 0;
}
section#info_area .inner .unit_img {
	width: 74vw;
	margin: 4vw auto 0;
}










/*******看護部の特色*******/
section#features_area {
	margin-top: 16vw;
}
section#features_area .unit_img {
	height: 122vw;
}
section#features_area .unit_img .img01 {
	right: auto;
	left: 0;
	border-radius: 0 6.6vw 6.6vw 0;
	width: 94vw;
}
section#features_area .unit_img .img02 {
	bottom: 0;
	right: 50%;
	width: 91.6vw;
	transform: translateX(50%);
}
section#features_area .unit_txt {
	padding: 2vw 0 0;
}
section#features_area .unit_txt [class*="btn_kango_arrow"] {
	margin: 6.5vw auto 0;
}








/*******安心して成長できる理由*******/
section#reasons_area {
	margin-top: 16vw;
}

section#reasons_area .inner [class*="reasons_box"] {
	display: block;
	border-radius: 13.3vw;
	width: 100%;
}
section#reasons_area .inner .reasons_box02 {
	margin-top: 5vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img {
	height: 61.3vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img h4 {
	left: -4vw;
	height: 20vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_img h4 img {
	height: 20vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt {
	padding: 6.5vw 0 6.5vw;
}
section#reasons_area .inner .reasons_box02 .unit_txt {
	padding-bottom: 8vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt > [class*="icon-kango-circle-arrow"] {
	top: 9vw;
	right: 10vw;
	font-size: 9.3vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 {
	padding: 0 0 6.5vw 10.8vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 > span {
	font-size: 2.9vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 > span::before {
	border-width: 1px;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt h3 em {
	font-size: 6.9vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .btn_list {
	gap: 2.8vw 1.2vw;
	width: 80vw;
}
section#reasons_area .inner [class*="reasons_box"] .unit_txt .btn_list [class*="btn_kango_arrow"] {
	font-size: 3.7vw;
	line-height: 1.25;
	min-height: 14.6vw;
}

section#reasons_area .inner [class*="reasons_box"] .unit_txt .inr {
	width: 70vw;
}












/*******先輩スタッフの声*******/
section#interview_area {
	margin-top: 16vw;
}
















/*******看護体験・病院見学*******/
section#internship_area {
	margin-top: 16vw;
	padding-bottom: 8vw;
}

section#internship_area .inner {
	height: auto;
}
section#internship_area .inner .unit_txt {
	padding: 12vw 0 8vw;
}
section#internship_area .inner .unit_txt h2 > span {
	font-size: 3.4vw;
}
section#internship_area .inner .unit_txt h2 > span::before {
	width: 4vw;
	height: 1px;
}
section#internship_area .inner .unit_txt h2 > em {
	font-size: 8vw;
}
section#internship_area .inner .unit_txt .inr {
	width: 74vw;
	margin: 0 auto 0;
}
section#internship_area .inner .unit_txt [class*="btn_kango_arrow"] {
	margin: 6vw auto 0;
	width: 70vw;
}


/*ループスライダー*/
section#internship_area .inner .unit_slider {
	width: 100%;
	height: 74vw;
}

section#internship_area .inner .unit_slider [class*="loop_slider"] {
	width: auto;
	height: 34.6vw;
}
section#internship_area .inner .unit_slider .loop_slider01 {
	top: 0;
	left: auto;
	right: 0;
}
section#internship_area .inner .unit_slider .loop_slider02 {
	top: auto;
	bottom: 0;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul {
	animation-name: slideLoop;
}
section#internship_area .inner .unit_slider .loop_slider02 .inr ul {
	animation-name: slideLoopR;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul li {
	margin: 0 2vw;
	height: 100%;
	width: 50vw;
}
section#internship_area .inner .unit_slider .loop_slider01 .inr ul li:nth-child(2),
section#internship_area .inner .unit_slider .loop_slider02 .inr ul li:nth-child(1) {
	width: 42.6vw;
}
section#internship_area .inner .unit_slider [class*="loop_slider"] .inr ul li img {
	border-radius: 4vw
}









/*******中途の募集要項*******/
section#career_area {
	margin-top: 16vw;
	height: 125.3vw;
	width: 94vw;
}


section#career_area .inner h2 {
	filter: drop-shadow(0px 0px 1vw rgba(0,0,0,0.9));
}
section#career_area .inner h2 img {
	width: 72vw;
}


section#career_area .inner .img_point {
	width: 69vw;
	margin-top: 5vw;
}

section#career_area .inner [class*="btn_kango"] {
	margin-top: 5vw;
	padding-left: 7vw;
	width: 70vw;
}












	
}