@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
/*----------header----------*/
header{
	height:560px;
	position:relative;
	background: rgba(253,110,1,1);
	background: -moz-linear-gradient(top, rgba(253,110,1,1) 0%, rgba(255,132,1,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,110,1,1)), color-stop(100%, rgba(255,132,1,1)));
	background: -webkit-linear-gradient(top, rgba(253,110,1,1) 0%, rgba(255,132,1,1) 100%);
	background: -o-linear-gradient(top, rgba(253,110,1,1) 0%, rgba(255,132,1,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,110,1,1) 0%, rgba(255,132,1,1) 100%);
	background: linear-gradient(to bottom, rgba(253,110,1,1) 0%, rgba(255,132,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6e01', endColorstr='#ff8401', GradientType=0 );
}

	header:before{
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background-image:url(../shared/home/bg_header.jpg);
		background-repeat:no-repeat;
		background-position:center top;
	}

.headerHome .header_inner{
	width:950px;
	margin:0 auto 55px auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	position:relative;
	z-index:2;
}

	.headerHome .header_inner .site_title{
		padding-top:70px;
		width:316px;
	}
	
		.headerHome .header_inner .site_title img{
			max-width:100%;
			height:auto;
		}
		
		
	.headerHome .h_nav{
		width:940px;
		margin:0 auto;
		position:relative;
		z-index:2;
	}
	
		.headerHome .h_nav ul{
			width:240px;
			display:flex;
			flex-wrap:wrap;
		}
		
		.headerHome .h_nav ul li{
			margin-bottom:21px;
			width:100%;
		}
		
		.headerHome .h_nav ul li a{
			display:inline-block;
			position:relative;
		}
			.headerHome .h_nav ul li a img{
				transition:.5s all ease;
			}
		
			.headerHome .h_nav ul li a img[src*="_off.png"]{
				position:relative;
				top:0;
				left:0;
				z-index:1;
			}
			
			.headerHome .h_nav ul li a img[src*="_on.png"]{
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				opacity:0;
			}
		
			.headerHome .h_nav ul li a:hover img[src*="_off.png"]{
				opacity:0;
			}
			
			.headerHome .h_nav ul li a:hover img[src*="_on.png"]{
				opacity:1;
			}
			
			.headerHome .h_nav ul li a .sp{
				display:none;
			}
		
		.headerHome .h_nav ul li.hn_introduction,
		.headerHome .h_nav ul li.hn_staff,
		.headerHome .h_nav ul li.hn_actual,
		.headerHome .h_nav ul li.hn_doctors,
		.headerHome .h_nav ul li.hn_alumni-association,
		.headerHome .h_nav ul li.hn_photo,
		.headerHome .h_nav ul li.hn_lab,
		.headerHome .h_nav ul li.hn_links{
			width:50%;
		}
		
		
		.headerHome .h_nav ul li.hn_en{
			margin-top:5px;
			margin-bottom:0;
			border-top:1px solid #111;
			border-bottom:1px solid #111;
		}
		
			.headerHome .h_nav ul li.hn_en a{
				display:block;
				color:#000;
				font-size:1.1em;
				text-align:center;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				padding:0.25em 0 0.3em 0;
				font-weight:bold;
				transition:.5s all ease;
			}
				/*
				.headerHome .h_nav ul li.hn_en a:hover{
					color:#E66E00;
					background:#000;
				}
				*/
		
		.headerHome .h_nav ul li img{
			height:23px;
			width:auto;
		}
		
/*----------main----------*/
.main{}

	.main_contents{
		background:#212121;
		padding:0 0 60px 0;
	}
	
		.main_contents .home_hdg{
			text-align:center;
			padding:15px 0;
			background:#fff;
		}
		
			.main_contents .home_hdg h2 .sp{
				display:none;
			}
		
		.main_contents .news_box{
			width:940px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			padding-top:80px;
		}
		
		/*一時的調整*/
		.main_contents .news_box.tmp{
			padding-top:40px;
		}
		
			.main_contents .news_box > .box_header{
				width:128px;
			}
			
			.main_contents .news_box > .box_inner{
				width:760px;
				color:#fff;
				line-height:1.6;
			}
			
				.main_contents .news_box > .box_inner a{
					color:#fff;
					text-decoration:none;
				}
				
				.main_contents .news_box > .box_inner a:hover{
					text-decoration:underline;
				}
				
				.main_contents .news_box > .box_inner dl{
					display:flex;
					flex-wrap:wrap;
					padding-top:15px;
				}
				
					.main_contents .news_box > .box_inner dl dt,
					.main_contents .news_box > .box_inner dl dd{
						margin-bottom:1.5em;
					}
				
					.main_contents .news_box > .box_inner dl dt{
						width:8em;
					}
					
					.main_contents .news_box > .box_inner dl dd{
						width:calc(100% - 8em);
					}
			
			.main_contents .news_box > .box_footer{
				width:100%;
				text-align:center;
				padding-top:30px;
			}
			
				.main_contents .news_box > .box_footer a{
					color:#E66E00;
					text-decoration:none;
					padding:0.4em 0;
					border-top:1px solid #E66E00;
					border-bottom:1px solid #E66E00;
					width:230px;
					display:inline-block;
					font-family:Arial, Helvetica, sans-serif;
					transition:.5s all ease;
				}
				
				.main_contents .news_box > .box_footer a:hover{
					color:#212121;
					background:#E66E00;
				}
				
		.main_contents .link_box{
			margin: 50px auto 0 auto;
		}
		
			.main_contents .link_box ul{
				display:flex;
				justify-content:center;
			}
			
				.main_contents .link_box ul li{
					margin-right:20px;
				}
				
				.main_contents .link_box ul li:last-child{
					margin-right:0;
				}
				
					.main_contents .link_box ul li a{
						box-sizing:border-box;
						display:flex;
						align-items:center;
						justify-content:center;
						width:300px;
						height:50px;
						background:#fff;
						text-decoration:none;
						color:#111;
						font-size:1.15em;
						border-radius:4px;
						position:relative;
						z-index:1;
						overflow:hidden;
						border:1px solid #fff;
						box-shadow:0 0 3px 3px rgba(0,0,0,0.5);
						font-weight:bold;
						letter-spacing:0.1em;
						padding-left:0.1em;
						transition:.3s all ease;
					}
					
					.main_contents .link_box ul li a:hover{
						box-shadow:0 0 3px 3px rgba(255,255,255,0.1);
						border:1px solid rgba(230,110,0,1);
					}
					
						.main_contents .link_box ul li a:before{
							content:"";
							display:block;
							height:50%;
							width:100%;
							background:rgba(230,110,0,0.2);
							position:absolute;
							bottom:0;
							left:0;
							z-index:-1;
						}
			

@media screen and (max-width:480px){
/*##### SP #####*/
/*----------header----------*/
header{
	height:310px;
	background-size:auto;
}

	header:before{
		background-image:url(../shared/home/bg_header_sp.jpg);
		background-size:cover;
	}

.headerHome .header_inner{
	width:calc(100% - 60px);
	margin:0;
}

	.headerHome .header_inner .site_title{
		box-sizing:border-box;
		padding:20px 20px 0 20px;
		width:70%;
	}
	
	.headerHome .h_nav{
		width:60%;
		margin:0;
		padding:10px 0 0 20px;
		box-sizing:border-box;
	}
	
		.headerHome .h_nav ul{
			width:100%;
		}
		
		.headerHome .h_nav ul li{
			margin-bottom:0;
		}
		
		.headerHome .h_nav ul li.hn_alumni-association{
			width:40%;
		}
		
		.headerHome .h_nav ul li.hn_photo{
			width:60%;
		}
		
		.headerHome .h_nav ul li a{
			padding:2vw;
			text-decoration:none;
		}
		
		.headerHome .h_nav ul li a:hover{
			background:#000;
			color:#E66E00;
		}
	
		.headerHome .h_nav ul li a img{
			display:none;
		}
	
		.headerHome .h_nav ul li a .sp{
			display:inline;
			font-weight:bold;
			color:#000;
			font-size:3.8vw;
		}
		
		.headerHome .h_nav ul li.hn_en a{
			font-size:3.8vw;
			padding:1.8vw;
		}
	
/*----------main----------*/
.main_contents{
	padding-bottom:30px;
}

.main_contents .home_hdg{
	padding:3vw 0;
}

	.main_contents .home_hdg h2 img{
		display:none;
	}

	.main_contents .home_hdg h2 .sp{
		display:block;
		font-size:3.8vw;
		line-height:1.4;
		font-weight:bold;
		color:#e66e00;
	}
	
.main_contents .news_box{
	width:100%;
	margin:0;
	display:block;
	padding-top:5vw;
}

/*一時的調整*/
.main_contents .news_box.tmp{
	padding-top:6vw;
}

	.main_contents .news_box > .box_header{
		width:20%;
		margin:0 auto;
	}
	
		.main_contents .news_box > .box_header img{
			max-width:100%;
			height:auto;
		}
	
	.main_contents .news_box > .box_inner{
		width:100%;
		box-sizing:border-box;
		padding:20px 20px 0 20px;
	}
	
		.main_contents .news_box > .box_inner dl{
			display:block;
			padding-top:0;
			font-size:3.2vw;
		}
		
			.main_contents .news_box > .box_inner dl dt,
			.main_contents .news_box > .box_inner dl dd{
				margin-bottom:0;
			}
		
			.main_contents .news_box > .box_inner dl dt{
				width:100%;
				margin-bottom:0.25em;
			}
			
			.main_contents .news_box > .box_inner dl dd{
				width:100%;
				margin-bottom:1em;
			}
	
	.main_contents .news_box > .box_footer{
		padding-top:4vw;
	}
	
		.main_contents .news_box > .box_footer a{
			width:70%;
		}
		
		.main_contents .news_box > .box_footer a:hover{
			color:#212121;
			background:#E66E00;
		}
		
	.main_contents .link_box{
		margin: 8vw 0 0 0;
	}
	
		.main_contents .link_box ul{
			flex-wrap:wrap;
		}
		
			.main_contents .link_box ul li{
				width:calc((100% - 3vw) / 2);
				margin-right:3vw;
			}
			
			.main_contents .link_box ul li:last-child{
				margin-right:0;
			}
			
				.main_contents .link_box ul li a{
					width:100%;
					height:10vw;
					font-size:3.6vw;
				}

}