@charset "utf-8";
/** *****************************************************************
医療保健学部（/department）
最終更新日：2023.06.20
***************************************************************** **/

/* 
 SUBNAV
--------------------------------------------------------------------* */
  [data-current-nav="index"] #SUBNAV ul li.subnav-index a,
  [data-current-nav="policy"] #SUBNAV ul li.subnav-policy a,
  [data-current-nav="obog"] #SUBNAV ul li.subnav-obog a,
  [data-current-nav="student"] #SUBNAV ul li.subnav-student a,
  [data-current-nav="teacher"] #SUBNAV ul li.subnav-teacher a,
  [data-current-nav="faq"] #SUBNAV ul li.subnav-faq a
   {
	background-color: #d3db0a;
	color: #000000;
}



/* 
 背景画像
--------------------------------------------------------------------* */
#MEDICAL #MAINPIC{	background-image: url(images/mainpic.jpg);	min-height: 400px;}


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

#MEDICAL #MAINPIC{	background-image: url(images/mainpic_sp.jpg);}

}





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

/*OBOG
-----------------------------*/
/*2024*/
.obog-mainpic.medical2024-human01{	background-image: url(images/obog_2025_human01_00_sp.jpg);}
.obog-mainpic.medical2024-human02{	background-image: url(images/obog_2025_human02_00_sp.jpg);}
/*2024*/
.obog-mainpic.medical2024-human01{	background-image: url(images/obog_2024_human01_00_sp.jpg);}
/*2023*/
.obog-mainpic.medical2023-human01{	background-image: url(images/obog_2023_human01_00_sp.jpg);}
.obog-mainpic.medical2023-human02{	background-image: url(images/obog_2023_human02_00_sp.jpg);}
/*2022*/
.obog-mainpic.medical2022-human01{	background-image: url(images/obog_2022_human01_00_sp.jpg);}
.obog-mainpic.medical2022-human02{	background-image: url(images/obog_2022_human02_00_sp.jpg);}
/*2021*/
.obog-mainpic.medical2021-human01{	background-image: url(images/obog_2021_human01_00_sp.jpg);}
.obog-mainpic.medical2021-human02{	background-image: url(images/obog_2021_human02_00_sp.jpg);}


/*文字が黒*/
.medical2022-human01 .obog-humanDATA,
.medical2022-human02 .obog-humanDATA,
.medical2021-human01 .obog-humanDATA,
.medical2021-human02 .obog-humanDATA,
.medical2020-human01 .obog-humanDATA,
.medical2019-human01 .obog-humanDATA,
.medical2019-human02 .obog-humanDATA,
.medical-human02 .obog-humanDATA,
.medical-human03 .obog-humanDATA{
		color: #000000 !important;
		text-shadow:0 0 2px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}
.medical2022-human01 .obog-humanDATA hr,
.medical2022-human02 .obog-humanDATA hr,
.medical2021-human01 .obog-humanDATA hr,
.medical2021-human02 .obog-humanDATA hr,
.medical2020-human01 .obog-humanDATA hr,
.medical2019-human01 .obog-humanDATA hr,
.medical2019-human02 .obog-humanDATA hr,
.medical-human02 .obog-humanDATA hr,
.medical-human03 .obog-humanDATA hr{
	border-top:1px #000000 solid;
}

/*学生（更新するので過去は削除でも良い）
-----------------------------*/

.student-mainpic.medical2025-human01{	background-image: url(images/student_2025_human01_00_sp.jpg);}
.student-mainpic.medical2025-human02{	background-image: url(images/student_2025_human02_00_sp.jpg);}

.student-mainpic.medical2024-human01{	background-image: url(images/student_2024_human01_00_sp.jpg);}
.student-mainpic.medical2024-human02{	background-image: url(images/student_2024_human02_00_sp.jpg);}
.student-mainpic.medical2024-human03{	background-image: url(images/student_2024_human03_00_sp.jpg);}

.student-mainpic.medical-human01{	background-image: url(images/student_human01_00_sp.jpg);}
.student-mainpic.medical-human02{	background-image: url(images/student_human02_00_sp.jpg);}
.student-mainpic.medical-human03{	background-image: url(images/student_human03_00_sp.jpg);}
.student-mainpic.medical-human04{	background-image: url(images/student_human04_00_sp.jpg);}

/*文字が黒*/
.student-mainpic.medical-human04 .student-humanDATA,
.student-mainpic.medical-human02 .student-humanDATA,
.student-mainpic.medical-human01 .student-humanDATA,
.medical-human01 .student-humanDATA{
		color: #000000 !important;
		text-shadow:0 0 2px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}
.student-mainpic.medical-human04 hr,
.student-mainpic.medical-human02 hr,
.student-mainpic.medical-human01 hr{
	border-top:1px #000000 solid;
}


/*教員の声
-----------------------------*/
/*2020*/
.teacher-mainpic.medical2020-teacher02{	background-image: url(images/teacher_2020_human02_00_sp.jpg);}
.teacher-mainpic.medical2020-teacher01{	background-image: url(images/teacher_2020_human01_00_sp.jpg);}

/*学部長
-----------------------------*/
#MEDICAL #DEPpresident{	background-image: url(images/top_president_sp.jpg);}

}

/* 
 バナーボタン
---------------------------* */
/* 横長 */
.dep-bannerbtnYN.bannerbtn-mcl-zemi{  background-image: url(images/bannerbtn_zemi_pc.jpg)}


.dep-bannerbtn.bannerbtn-mcl-obog{  background-image: url(images/bannerbtn_obog.jpg)}
.dep-bannerbtn.bannerbtn-mcl-student{  background-image: url(images/bannerbtn_student.jpg)}


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

.dep-bannerbtnYN.bannerbtn-mcl-zemi{  background-image: url(images/bannerbtn_zemi_sp.jpg)}

}


/* 
 トップページ
--------------------------------------------------------------------* */
.btn_close{
	position: fixed;
	top: 30px;right: 50px;
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(../../common/lib/colorbox/images/btn_close.svg) no-repeat;
	width: 16px;  height: 16px;
}

/* 
 ニュース
--------------------------------------------------------------------* */
#MEDICAL #depNEWS{
	margin:0 auto 0 auto;
}
/* 
 statement
--------------------------------------------------------------------* */

#MEDICAL .top-01{	background-image: url(images/top_statement.jpg);}


#MEDICAL .DEPbgPIC .catch,
#MEDICAL .DEPbgPIC .catch p{
		color: #000000;
}
#MEDICAL .DEPbgPIC .catch hr{
	border-top:1px #000000 solid !important;
}

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

#MEDICAL .top-01{	background-image: url(images/top_statement_sp.jpg);}

	#MEDICAL .DEPbgPIC .catch,
	#MEDICAL .DEPbgPIC .catch p{
			color: #000000;
	}
	#MEDICAL .DEPbgPIC .catch hr{
		border-top:1px #000000 solid !important;
	}

}

/* 
 statement下
--------------------------------------------------------------------* */


#mcl-top-manabiblock1{

}
#mcl-top-manabiblock1 h4{
	text-align: center;
	font-weight: 500;
}
/* コンテナ1 */
.mcl-top-manabiblock1-cntn1{
	position: relative;
	text-align: center;
	width: 800px;
	margin: auto;
}
.mcl-top-manabiblock1-cntn1 h4{
	color: #0075c2;
	font-size:24px;
	font-size:2.4em;
	font-weight: 500;
	margin-bottom: 20px;
}
.mcl-top-manabiblock1-cntn1 .picture{
	position: relative;
	z-index: 2;
}
.mcl-top-manabiblock1-cntn1 .box{
	position: relative;
	z-index: 1;
	margin-top:40px;
	background-color: #f1f1f1;
	padding:25px;
}
.mcl-top-manabiblock1-cntn1 .box .title{
	color: #0075c2;
	font-size:22px;
	font-size:2.2em;
	font-weight: 600;
	margin: 10px auto 20px auto;
}
.mcl-top-manabiblock1-cntn1 .box p{
	color: #0075c2;
	text-align: left;
}

#MEDICAL .dep-number-01 .col{
	height: 290px;
}
#MEDICAL .dep-number-02 .col {
	position: relative;
	width: 496px;
	height: 290px;
}

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

#MEDICAL .dep-number-01 .col{
	position: relative;
	width: 100%;
	height: auto;
}
#MEDICAL .dep-number-02 .col{
	width: 100%;
	position: relative;
	width: auto;
	height: auto;
	}


	.mcl-top-manabiblock1-cntn1{

		width: 90%;

	}
	.mcl-top-manabiblock1-cntn1 h4{
		font-size:24px;
		font-size:2.4em;
		margin-bottom: 20px;
	}

	.mcl-top-manabiblock1-cntn1 .box{
		margin-top: -50px;
		padding: 50px 25px 25px 25px;
	}
	.mcl-top-manabiblock1-cntn1 .box .title{
		font-size:22px;
		font-size:2.2em;
		margin: 10px auto 20px auto;
	}

}
/* コンテナ2 */
.mcl-top-manabiblock1-cntn2{
	width: 1000px;
	margin: 80px auto 0 auto;
}
.mcl-top-manabiblock1-cntn2 ul li{
	float: left;
	width: 495px;
	padding: 30px;
}
.mcl-top-manabiblock1-cntn2 ul li:nth-child(1){
	margin-right: 5px;
	background-color: #eaf1fa;
}
.mcl-top-manabiblock1-cntn2 ul li:nth-child(2){
	margin-left: 5px;
	background-color: #f6faed;
}
.mcl-top-manabiblock1-cntn2 ul li .title1{
	font-size:22px;
	font-size:2.2rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}
.mcl-top-manabiblock1-cntn2 ul li .title2{
	font-size:18px;
	font-size:1.8rem;
	text-align: center;
	font-weight: 500;
	margin: 20px 0 10px 0;
}
.mcl-top-manabiblock1-cntn2 ul li:nth-child(1) .title2,
.mcl-top-manabiblock1-cntn2 ul li:nth-child(1) .title1{
	color: #0075c2;
}
.mcl-top-manabiblock1-cntn2 ul li:nth-child(2) .title2,
.mcl-top-manabiblock1-cntn2 ul li:nth-child(2) .title1{
	color: #6fba2c;
}
@media only screen and (max-width: 768px) {

	.mcl-top-manabiblock1-cntn2{
		width: 90%;
		margin: 0 auto 0 auto;
	}
	.mcl-top-manabiblock1-cntn2 ul li{
		float: none;
		width: 100%;
		padding: 20px;
		margin-top: 10px;
	}
	.mcl-top-manabiblock1-cntn2 ul li:nth-child(1){
		margin-right: 0;

	}
	.mcl-top-manabiblock1-cntn2 ul li:nth-child(2){
		margin-left: 0;

	}
	.mcl-top-manabiblock1-cntn2 ul li .title1{
		font-size:20px;
		font-size:2.0rem;
	}
	.mcl-top-manabiblock1-cntn2 ul li .title2{

		text-align: left;

	}

}

/* 
 学びのポイント
------------------------------------------------------* */
#MEDICAL #depMANABI{
	padding-bottom: 120px;
}
.dep-manabiBLOCK .manabiPIC-01{	background-image: url(images/top_manabi_01_pc.jpg);}
.dep-manabiBLOCK .manabiPIC-02{	background-image: url(images/top_manabi_02_pc.jpg);}
.dep-manabiBLOCK .manabiPIC-03{margin-left: 455px;	background-image: url(images/top_manabi_03_pc.jpg);}
.dep-manabiBLOCK .manabiPIC-04{	background-image: url(images/top_manabi_04_pc.jpg);}

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

#MEDICAL #depMANABI{
	padding-bottom: 0;
}
.dep-manabiBLOCK .manabiPIC-01{	background-image: url(images/top_manabi_01_sp.jpg);}
.dep-manabiBLOCK .manabiPIC-02{	background-image: url(images/top_manabi_02_sp.jpg);}
.dep-manabiBLOCK .manabiPIC-03{	background-image: url(images/top_manabi_03_sp.jpg);}
.dep-manabiBLOCK .manabiPIC-04{	background-image: url(images/top_manabi_04_sp.jpg);}

}


/* 
  独自の学び
------------------------------------------------------* */
.mcl-top-dokuji{
	width: 100%;
	background-image: url(images/top_dokuji.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 80px 0;
	margin: 0 0 0 0;
}



.mcl-top-dokuji .box2 .col,
.mcl-top-dokuji .box1{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 50px;
}
.mcl-top-dokuji .annual_block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	color: #0075c2;
	font-size:16px;
	font-size:1.6rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin-bottom: 45px;
}
.mcl-top-dokuji .annual_block h6{
	font-weight: normal;
}
.mcl-top-dokuji .annual_block .year12{
	width: 260px;
}
.mcl-top-dokuji .annual_block .year34{
	width: 610px;
}



.mcl-top-dokuji .box2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mcl-top-dokuji .box2 .col{
	width: 495px;
}
.mcl-top-dokuji h4{
	color: #0075c2;
	font-size:22px;
	font-size:2.2em;
	font-weight: 500;
	line-height: 1.5;
	text-align: left !important;
}

.mcl-top-dokuji h4 + div.dddd,
.mcl-top-dokuji h4 + p{
	margin-top: 20px;
}

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

.mcl-top-dokuji{
		padding: 30px 0;
		margin: 30px 0 0 0;
	}

.mcl-top-dokuji img.pano{
	height: 50vh !important;
}

.mcl-top-dokuji .annual_block h6{
	font-weight: bold;
}
.mcl-top-dokuji .annual_block h6 + p{
	margin-top: 0.25em !important;
}
.mcl-top-dokuji .annual_block .year12{
	width: 100%;
}
.mcl-top-dokuji .annual_block .year34{
	width: 100%;
	margin-top: 40px;
}



	.mcl-top-dokuji .box2 .col,
	.mcl-top-dokuji .box1{
		width: 100%;
		margin: auto;
		padding: 20px;
	}
	.mcl-top-dokuji .box1 + .box1{
		margin-top: 20px;
	}
	.mcl-top-dokuji .box1 + .box2{
		margin-top: 10px;
	}
	
	.mcl-top-dokuji .box2{
		flex-direction: column;
	}
	.mcl-top-dokuji .box2 .col{
		width: 100%;
		margin: auto;
	}
	.mcl-top-dokuji h4{
		font-size:20px;
		font-size:2.0em;
department/medical/medical.css	}
	
	.mcl-top-dokuji h4 + div.dddd,
	.mcl-top-dokuji h4 + p{
		margin-top: 20px;
	}

}
/* 
 4年間の学び
------------------------------------------------------* */
#mcl-manabi-curi div + p{
	margin-top: 10px;
	margin-bottom: 60px;
}

.btnZEMI{
	max-width: 775px;
	width: 100%;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.btnZEMI div + div{
	margin-top: 60px;
}

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

#mcl-manabi-curi img.pano{
	height: 65vh !important;
}

}