@charset "UTF-8";

/*================================================
 *  臨床研修医募集サイト　／　インタビュー用
 ================================================*/


/*===============一覧（index.php）===============*/
@media screen and (min-width: 800.1px) {
	#interview_list_area #interview_slider .swiper-wrapper {
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#interview_list_area #interview_slider .swiper-slide {
		/*width: 45.5rem;*/
		zoom: 1.197368;
	}

	#interview_list_area #interview_slider .swiper-slide:nth-of-type(even) {
		margin-top: 7rem;
	}
	#interview_list_area #interview_slider .swiper-slide:nth-of-type(1) {
		margin-left: 7rem;
	}
}








/*===============詳細ページ（interview01.php～）===============*/

/*******ページタイトル*******/
body[class*="page-interview"] article {
	position: relative;
}
body[class*="page-interview"] #pageTitle {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding-bottom: 0;
	z-index: 10;
}



/*******メインエリア*******/
section#detail_main_area > [class*="bg_res"] {
	position: absolute;
	top: 36.5rem;
	left: 0;
	width: 100%;
	height: 80%;
	z-index: -1;
}
section#detail_main_area .inner {
	width: 110rem;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
section#detail_main_area .inner .unit_img {
	border-radius: 2rem;
	isolation: isolate;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 30rem;
	height: 64rem;
	width: 107rem;
}
@media screen and (min-width: 800.1px) {
	section#detail_main_area .inner .unit_title {
		height: 64rem;
		padding-top: 26rem;
	}
}
section#detail_main_area .inner .unit_title h2 img {
	height: 14rem;
	width: auto;
}
section#detail_main_area .inner .unit_title dl {
	margin-top: 4rem;
}
section#detail_main_area .inner .unit_title dl dt {
	background-color: #fff;
	border-radius: 100vh;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	height: 1.875em;
	padding: 0 1.25em 0.09em;
}
section#detail_main_area .inner .unit_title dl dd {
	display: flex;
	align-items: flex-end;
	font-size: 1.8rem;
	font-weight: 500;
	margin-top: 1em;
}
section#detail_main_area .inner .unit_title dl dd span {
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-right: 0.5em;
}

section#detail_main_area .inner .unit_txt {
	padding: 4.5rem 0;
}
section#detail_main_area .inner .unit_txt dl {
	font-size: 1.6rem;
	line-height: 1.75;
}
section#detail_main_area .inner .unit_txt dl dt {
	font-size: 2.2rem;
	font-weight: 600;
}
@media screen and (min-width: 800.1px) {
	section#detail_main_area .inner .unit_txt dl dt {
		display: flex;
		align-items: center;
		width: 16rem;
		border-right: 1px solid;
		margin-right: 4rem;
	}
}









/*******イントロダクション*******/
section#detail_intro_area {
	background-color: #EBF7FC;
	border-radius: 6rem 6rem 0 0;
	padding: 12rem 0;
}

section#detail_intro_area .inner {
	width: 146rem;
	margin: 0 auto;
}
@media screen and (min-width: 800.1px) {
	section#detail_intro_area .inner .intro_box {
		display: flex;
		gap: 0 8rem;
		width: 136rem;
	}
	section#detail_intro_area .inner .intro_box:nth-of-type(odd) {
		flex-direction: row-reverse;
		margin-left: auto;
	}
	section#detail_intro_area .inner .intro_box:nth-of-type(n+2) {
		margin-top: 12rem;
	}
	section#detail_intro_area .inner .intro_box .unit_img {
		width: 69rem;
		flex-shrink: 0;
	}
}
section#detail_intro_area .inner .intro_box .unit_img img {
	border-radius: 2rem;
	isolation: isolate;
	display: block;
}
section#detail_intro_area .inner .intro_box .unit_txt {
	padding-top: 6rem;
}
section#detail_intro_area .inner .intro_box .unit_txt h3 > span {
	background : linear-gradient(90deg, rgba(20, 130, 230, 1) 0%, rgba(60, 180, 230, 1) 100%);
	color: #fff;
	display: inline-flex;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 600;
	height: 2.223em;
	padding: 0 0.7em 0.09em;
}
section#detail_intro_area .inner .intro_box .unit_txt h3 em {
	display: block;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0.7em 0 0.7em;
}







/*******未来の研修医へのメッセージ*******/
section#detail_message_area {
	padding: 8rem 0;
}
section#detail_message_area .img_bg {
	top: 0;
	left: 0;
}
section#detail_message_area .inner {
	border-radius: 2rem;
	padding: 0 0 7rem 8rem;
	min-height: 39rem;
	z-index: 5;
}
section#detail_message_area .inner .inr {
	position: relative;
	z-index: 3;
	width: 64rem;
}
section#detail_message_area .inner .inr h3 {
	position: relative;
	top: -3.8rem;
	margin-bottom: -3.8rem;
}
section#detail_message_area .inner .inr h3 img {
	display: block;
	height: 10rem;
	margin-left: -1.5rem;
	width: auto;
}
section#detail_message_area .inner .inr h3 em {
	display: block;
	font-size: 1.6rem;
	margin-top: 1em;
}
section#detail_message_area .inner .inr h4 {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0.75em 0 0.65em;
}
@media screen and (min-width: 800.1px) {
	section#detail_message_area .inner .img_people {
		position: absolute;
		bottom: -8rem;
		right: 4rem;
		height: 49rem;
		width: auto;
	}
	.page-interview01 section#detail_message_area .inner .img_people {
		right: -1.5rem;
	}
}







/*******その他の先輩*******/
section#detail_other_area {
	margin-top: 14rem;
}
section#detail_other_area h3 {
	font-size: 5.4rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-align: center;
	margin-bottom: 10rem;
}










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


/*===============一覧（index.php）===============*/
#interview_list_area {
	width: 100%;
}
#interview_list_area #interview_slider .swiper-wrapper {
	display: block;
}
#interview_list_area #interview_slider .swiper-slide {
	width: 100%;
}
#interview_list_area #interview_slider .swiper-slide:nth-of-type(n+2) {
	margin-top: 12vw;
}








/*===============詳細ページ（interview01.php～）===============*/
/*******ページタイトル*******/
body[class*="page-interview"] #pageTitle {
	left: 0;
	transform: none;
}



/*******メインエリア*******/
section#detail_main_area {
	padding-top: 25vw;
}
section#detail_main_area > [class*="bg_res"] {
	top: 111vw;
}
section#detail_main_area .inner {
	width: 100%;
}
section#detail_main_area .inner .unit_img {
	border-radius: 4.6vw 0 0 0;
	left: 10vw;
	height: 96.66vw;
	width: 90vw;
	position: relative;
}
section#detail_main_area .inner .unit_title {
	top: -17vw;
	margin-bottom: -17vw;
}
section#detail_main_area .inner .unit_title h2 img {
	height: 23vw;
}
section#detail_main_area .inner .unit_title dl {
	display: flex;
	align-items: center;
	margin-top: 8vw;
}
section#detail_main_area .inner .unit_title dl dt {
	font-size: 3.2vw;
	flex-shrink: 0;
}
section#detail_main_area .inner .unit_title dl dd {
	align-items: center;
	font-size: 3.6vw;
	margin: 0 0 0 4vw;
}
section#detail_main_area .inner .unit_title dl dd span {
	font-size: 7.2vw;
}

section#detail_main_area .inner .unit_txt {
	padding: 8vw 0 8vw;
}
section#detail_main_area .inner .unit_txt dl {
	font-size: 3.7vw;
}
section#detail_main_area .inner .unit_txt dl dt {
	font-size: 4.5vw;
	margin-bottom: 0.5em;
}










/*******イントロダクション*******/
section#detail_intro_area {
	border-radius: 8vw 8vw 0 0;
	padding: 16vw 0;
}


section#detail_intro_area .inner .intro_box:nth-of-type(n+2) {
	margin-top: 12vw;
}
section#detail_intro_area .inner .intro_box .unit_img img {
	border-radius: 4.6vw;
}
section#detail_intro_area .inner .intro_box .unit_txt {
	padding: 6vw 4vw 0;
}
section#detail_intro_area .inner .intro_box .unit_txt h3 > span {
	font-size: 3.6vw;
}
section#detail_intro_area .inner .intro_box .unit_txt h3 em {
	font-size: 6.6vw;
	text-align: left;
	margin-right: -0.5em;
}











/*******未来の研修医へのメッセージ*******/
section#detail_message_area {
	padding: 13vw 0;
}
section#detail_message_area .inner {
	border-radius: 4.6vw;
	padding: 0;
	min-height: inherit;
	width: 92vw;
}
section#detail_message_area .inner .inr {
	width: 70vw;
	margin: 0 auto;
}
section#detail_message_area .inner .inr h3 {
	top: -4vw;
	margin-bottom: -4vw;
}
section#detail_message_area .inner .inr h3 img {
	height: 16.38vw;
	margin-left: -5vw;
}
section#detail_message_area .inner .inr h3 em {
	font-size: 3.2vw;
}
section#detail_message_area .inner .inr h4 {
	font-size: 6.6vw;
}

section#detail_message_area .inner .img_people {
	display: block;
	height: 65vw;
	width: auto;
	margin: 6vw auto 0;
}












/*******その他の先輩*******/
section#detail_other_area {
	margin-top: 20vw;
}
section#detail_other_area h3 {
	font-size: 8.8vw;
	margin-bottom: 12vw;
}
























	
}