@charset "utf-8";
/* CSS Document */

/* ===== header ===== */

header{
	height:600px;
	background: url(../image/index/main-image.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

header #logo{
	display: none;
}

.concept{
	padding:40px 0;
	text-align: center;
}

.concept h2{
	font-size:24px;
	font-weight: 600;
}

h2.head_title span{
	background: linear-gradient(transparent 60%, #F2D351 60%);
}

/* ===== global_menu ===== */

#global_menu{
	width:100%;
	background-color:rgba(255,255,255,0.8);
	position: absolute;
	bottom:0;
	left:0;
}

#global_menu nav ul{
	width:1020px;
	margin:0 auto;
	overflow: hidden;
	float: none;
}

#global_menu nav ul li{
	width:170px;
	text-align: center;
	float:left;
	font-weight:600;
}

#global_menu nav ul li a{
	width:100%;
	padding:100px 0 24px;
}

#global_menu nav ul li:nth-child(1) a{
	background: url(../image/share/menu-icon1.png) no-repeat center 40px;
}

#global_menu nav ul li:nth-child(2) a{
	background: url(../image/share/menu-icon2.png) no-repeat center 40px;
}

#global_menu nav ul li:nth-child(3) a{
	background: url(../image/share/menu-icon3.png) no-repeat center 40px;
}

#global_menu nav ul li:nth-child(4) a{
	background: url(../image/share/menu-icon4.png) no-repeat center 40px;
}

#global_menu nav ul li:nth-child(5) a{
	background: url(../image/share/menu-icon5.png) no-repeat center 40px;
}

#global_menu nav ul li:nth-child(6) a{
	background: url(../image/share/menu-icon6.png) no-repeat center 40px;
}

/* hover */

#global_menu nav ul li a:hover{
	background-position: center 44px;
	text-decoration: none;
}

/* ===== service_box ===== */

#service_box{
	margin-bottom:40px;
	overflow: hidden;
}

#service_box li{
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	height:100%;
	min-height:300px;
	float:left;
	text-align: center;
	position: relative;
}

#service_box li.staff{
	background:url(../image/index/service-img1.png) no-repeat center center;
	background-size: cover;
}

#service_box li.research{
	background:url(../image/index/service-img2.png) no-repeat center center;
	background-size: cover;
}

#service_box li.patient{
	background:url(../image/index/service-img3.png) no-repeat center center;
	background-size: cover;
}

#service_box li a{
	width:100%;
	min-height:300px;
	display: block;
	color:#FFFFFF;
}

#service_box li a span{
	width:130px;
	margin-top: 140px;
	padding:8px;
	border:1px solid #FFFFFF;
	display:inline-block;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
}

#service_box li a:hover span{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}

/* ===== top_banner ===== */

#top_banner{
	text-align: center;
}

/* ===== news_list ===== */

#news_list{
	width:800px;
	margin: 0 auto 40px;
}

#news_list h2{
	font-weight: 600;
}

#news_list dl.news_area{
	height:300px;
	margin-bottom:40px;
	padding-right:16px;
	font-family: "Yu Gothic";
	font-size:90%;
	overflow: auto;
}

#news_list dl.news_area dd{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #C6C6C6;
}

#news_list p.btm{
	width:210px;
	margin:0 auto;
	text-align: center;
	font-family: "Yu Gothic";
	font-size:14px;
}

#news_list p.btm a{
	width:100%;
	padding:2px 0;
	color:#38A1E2;
	border:2px solid #38A1E2;
	display: block;
	border-radius: 5px;
}

#news_list p.btm a:hover{
	background:#38A1E2;
	color:#FFFFFF;
	text-decoration: none;
}

/* ===== map ===== */

#map{
	padding:48px 0;
	background: url(../image/index/map-bg.jpg) no-repeat center center;
	background-size: cover;
}

.map_area{
	width:800px;
	margin:0 auto;
	padding:8px;
	background: #FFFFFF;
}

@media screen and (max-width: 768px) {
	#news_list,
	.map_area{
		width:90%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1024px) {
	#global_menu nav ul{
		width:100%;
	}

	#global_menu nav ul li{
		width:calc(100% / 6);
	}
}

@media screen and (max-width: 740px) {
	/* display:none */
	
	header div.sp,
	#map{
		display: none;
	}
	
	/* ===== service_box ===== */

	#service_box{
		margin-bottom:40px;
		overflow: hidden;
	}

	#service_box li{
		width : 100%;
		min-height:200px;
		float:none;
	}
	
	#service_box li a{
		min-height:200px;
	}
	
	#service_box li a span{
		width:200px;
		margin-top: 80px;
	}
	
	/* ===== news_list ===== */
	
	#news_list h2{
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	/* ===== header ===== */
		
	header{
		height: inherit;
		background-image: none;
	}
	
	header div.sp{
		display: block;
	}
	
	#global_menu{
		position:inherit;
		bottom:inherit;
		left:inherit;
	}
	
	#global_menu nav ul li{
		width:calc(100% / 3);
	}
}