@charset "UTF-8";

/* 最新 研修科カリキュラム */
.clinical-curriculum:not(:last-child){
	margin-bottom: 50px;
}

.clinical-curriculum-wrap .clinical-curriculum h3{
	font-size: 150%; /* 24px */
	font-weight: bold;
	letter-spacing: 1.026em;
	padding-left: 1.026em;
	background-color: #008E51;
	color: #fff;
	text-align: center;
}
.clinical-curriculum-wrap .clinical-curriculum:last-child h3{
	letter-spacing: 0.05em;
	padding-left: 0.05em;
}
.clinical-curriculum-wrap .clinical-curriculum ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.clinical-curriculum-wrap .clinical-curriculum.center ul{
	justify-content: center;
}
.clinical-curriculum-wrap .clinical-curriculum li{
	width: 232px;
	height: 124px;
}
.clinical-curriculum-wrap .clinical-curriculum ul a{
	background-color: #ECF4E3;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 124%; /* 20px */
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	padding-bottom: 35px;
    box-sizing: border-box;
	text-decoration: none !important;
}
.clinical-curriculum-wrap .clinical-curriculum ul a:hover{
    opacity: 0.6;
    zoom: 1;
}
.clinical-curriculum-wrap .clinical-curriculum ul a::after{
	position: absolute;
	bottom: 20px;
	margin: 0 !important;
}


/* 最新 地域医療研修カリキュラム（週間予定） */
.clinical-area-curriculum ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px 50px;
	padding: 0 30px;
}
.clinical-area-curriculum ul li{
	width: 46%;
	color: #006748;
}
.clinical-area-curriculum ul li a{
	color: #006748;
}


/* 最新 地域医療研修カリキュラム（週間予定） */

/* 最新 協力型臨床研修病院（たすきがけ研修病院） */
.clinical-collabora_wrap .box-type01{
	padding: 16px 30px;
}
.clinical-collabora_wrap .box-type01 h3{
	margin-bottom: 0;
}
.clinical-collabora_wrap .clinical-collabora_item:not(:last-child){
	margin-bottom: 70px;
}
.clinical-collabora_wrap .clinical-collabora_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 50px;
	padding-left: 30px;
}
.clinical-collabora_wrap .clinical-collabora_list li{
	width: 42%;
}
.clinical-collabora_wrap .clinical-collabora_list li a{
	color: #006748;
}
.clinical-collabora_wrap .clinical-collabora_list li:nth-child(2n){
	width: 50%;
}
/* .clinical-collabora_wrap .clinical-collabora_list li a::after{
background-image: url(/faculty/medicine/resident/images/common/anchor-blank.png) !important;
}	 */

/* -------------------------------- */
/* 年度別プログラム バックナンバー */
.back-number-list ul li{
	display: flex;
}
.back-number-list ul li .links a{
	font-size: 118%;
}
.back-number-list ul li:not(:first-child){
	padding: 10px 40px;
	gap: 127px;
}
.back-number-list ul li:not(:first-child) h3{
	font-size: 125% /* 20px */;
	font-weight: bold;
	color: #008E51;
}

@media all and (min-width: 641px) {
	body.about #title{
		background-image: url(/faculty/medicine/resident/images/about/title-bg.jpg);
	}

	/* INDEX */    
	#clinical-desc .imgwrap-wrapper .imgwrap-box .innerwrap-box{
		padding-top: 0;
		padding-bottom: 0;
	}
     
	/* 240524 */
	#clinical-require #require-desc .banner .links{
		display: inline-block;
		transition: opacity .3s;
	}
	#clinical-require #require-desc .banner .links:hover{
		opacity: .6;
	}

	#clinical-require #require-outline .contact_banner{
		margin-bottom: 80px;
	}
	#clinical-require #require-outline .contact_banner .links{
		display: inline-block;
		transition: opacity .3s;
	}
	#clinical-require #require-outline .contact_banner .links:hover{
		opacity: .6;
	}
	
	/* 240527 */
	#clinical-require #require-outline .three-box > .box01{
		float:left;
		margin-right:30px;
	}
	#clinical-require #require-outline .three-box > .box02{
		float:left;
		margin-right:30px;
	}
	#clinical-require #require-outline .three-box > .box03{
		float:left;
	}
}

@media only screen and (max-width: 640px) {
    
	body.about #title{
		background-image: url(/faculty/medicine/resident/images/about/title-bg.jpg);
	}
	
	/* INDEX */
    

	/* 最新 研修科カリキュラム */
	.clinical-curriculum-wrap .clinical-curriculum:not(:last-child){
		margin-bottom: 25px;
	}
	.clinical-curriculum-wrap .clinical-curriculum h3{
		font-size: 125%; /* 20px */
		letter-spacing: 0.8em;
	}
	.clinical-curriculum-wrap .clinical-curriculum ul{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.clinical-curriculum-wrap .clinical-curriculum.center ul{
		justify-content: center;
	}



	/* 最新 地域医療研修カリキュラム（週間予定） */
	.clinical-area-curriculum ul{
		gap: 10px 0;
		padding: 0 10px;
	}
	.clinical-area-curriculum ul li{
		width: 100%;
	}

	/* 最新 協力型臨床研修病院（たすきがけ研修病院） */
	.clinical-collabora_wrap .box-type01{
		padding: 10px 15px;
	}
	.clinical-collabora_wrap .clinical-collabora_item:not(:last-child){
		margin-bottom: 30px;
	}
	.clinical-collabora_wrap .clinical-collabora_list{
		gap: 10px 0px;
		padding-left: 10px;
	}
	.clinical-collabora_wrap .clinical-collabora_list li{
		width: 100%;
	}
	.clinical-collabora_wrap .clinical-collabora_list li:nth-child(2n){
		width: 100%;
	}
	

	/* 240524 */
	#clinical-require #require-desc .banner .links{
		display: inline-block;
		transition: opacity .3s;
	}
	#clinical-require #require-desc .banner .links:hover{
		opacity: .6;
	}

	#clinical-require #require-outline .contact_banner{
		margin-bottom: 60px;
	}
	#clinical-require #require-outline .contact_banner .links{
		display: inline-block;
		transition: opacity .3s;
	}
	#clinical-require #require-outline .contact_banner .links:hover{
		opacity: .6;
	}
	
}

@media only screen and (max-width: 745px) {
	.clinical-curriculum-wrap .clinical-curriculum ul{
		justify-content: center;
	}
	.clinical-curriculum-wrap .clinical-curriculum li{
		width: 48%;
		height: 90px;
	}
	.clinical-curriculum-wrap .clinical-curriculum ul a{
		font-size: min(100%,4vw); /* 16px */
		padding: 0 5px 30px;
	}
	.clinical-curriculum-wrap .clinical-curriculum ul a::after{
		bottom: 10px;
	}

	/* -------------------------------- */
	/* 年度別プログラム バックナンバー */
	.back-number-list{
		margin-top: -40px;
	}
	.back-number-list ul li{
		flex-direction: column;
	}
	.back-number-list ul li .links a{
		font-size: 100%;
	}
	.back-number-list ul li:not(:first-child){
		padding: 10px;
		gap: 15px;

	}
	.back-number-list ul li:not(:first-child) h3{
		font-size: min(120%,4.5vw);
		font-weight: bold;
		color: #008E51;
		margin-bottom: 0;
	}
}