/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

header{
	height:660px;/*596+64*/
}
header nav ul li#nav_UNE{
	top:-575px;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
}

/* -----------------------------------------------------------------
   main_img
----------------------------------------------------------------- */

#main_img_box{
	position:absolute;
	width:100%;
	height:596px;
	padding:94px 0 0 0;
	top:0px;
	text-align:center;
	background:linear-gradient(-180deg, rgba(175,217,191,0), rgb(201,231,232,0.2), rgb(201,231,232,1), rgba(175,217,191,1));
}
#main_img{
	position:relative;
	width:920px;
	margin:0 auto;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_img_box{
		position:relative;
		width:100%;
		height:auto;
		padding:20px 20px 10px;
		top:0px;
		text-align:center;
	}
	#main_img{
		position:relative;
		width:100%;
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------
   about
----------------------------------------------------------------- */

#about{
	text-align:center;
	}
	#about h2{
		display:inline-block;
		position:relative;
		margin:5px 0 15px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-weight:bold;
		font-size:1.55rem;
		color:#000;
		letter-spacing:0px;
		line-height:1.35;
		z-index:10;
}
#about p{
	font-size:1.0rem;
	color:#000;
	line-height:1.75;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#about h2{
		font-weight:bold;
		font-size:1.2rem;
	}
	#about p{
		font-size:0.84rem;
		text-align:left;
		line-height:1.65;
	}
	#about p br{
		display:none;
	}
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

#news{
	width:1000px;
	max-width:100%;
	}
	#news h2{
		display:block;
		position:relative;
		margin:5px auto 15px;
		padding-top:30px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-weight:bold;
		font-size:1.3rem;
		text-align:center;
		color:#000;
		letter-spacing:5px;
		z-index:10;
		overflow:hidden;
		background:url(../../image/base/h2_circle.png) no-repeat center 0;
}
/* news_list */
#news #news_list ul{
	position:relative;
	width:900px;/*680*/
	max-width:100%;
	margin:0 auto;
	padding:12px 0 8px;
	list-style:none;
	text-align:center;
	}
	#news #news_list ul::before,
	#news #news_list ul::after{
		content:" ";
		position:absolute;
		left:0px;
		width:100%;
		height:2px;
		background:linear-gradient(90deg, rgba(70,67,66,0), rgba(70,67,66,0.3), rgba(70,67,66,0.6), rgba(70,67,66,1), rgba(70,67,66,1), rgba(255,255,255,0.3), rgba(70,67,66,0.5), rgba(70,67,66,0));
		}
		#news #news_list ul::before{
			top:0px;
		}
		#news #news_list ul::after{
			bottom:0px;
	}
	#news #news_list ul li{
		display:block;
		position:relative;
		width:680px;
		max-width:100%;
		margin:0px auto 5px;
		padding:5px 0px 5px 100px;
		font-size:0.84rem;
		text-align:left;
		color:#000;
		line-height:1.4;
		}
		#news #news_list ul li span.date{
			display:block;
			position:absolute;
			top:4px;
			left:0px;
			width:90px;
			font-weight:normal;
			font-size:0.95rem;
			text-align:left;
			color:#000;
		}
		#news #news_list ul li a{
			display:inline-block;
			text-decoration:none;
			color:#000;
			z-index:100;
			transition-duration:0.5s;
			}
			#news #news_list ul li a:hover{
				text-decoration:underline;
}
@media only screen and (max-width:767px){
	#news{
		left:-20px;
		width:calc(100% + 40px);
		max-width:none;
		padding:20px;
		background:rgba(0,0,0,0.85);
		}
		#news h2{
			color:#FFF;
	}
	#news #news_list ul li{
		margin:15px auto 15px;
		font-size:0.77rem;
		padding:0px;
		color:#FFF;
		}
		#news #news_list ul li span.date{
			display:block;
			position:relative;
			top:0px;
			width:100%;
			margin:0 0 5px;
			padding:2px 10px;
			font-size:0.84rem;
			background:rgba(255,255,255,0.3);
			color:#FFF;
		}
		#news #news_list ul li a{
			color:#FFF;
	}
}

/* -----------------------------------------------------------------
   contact
----------------------------------------------------------------- */

#contact{
	position:relative;
	width:800px;
	max-width:100%;
	margin:0 auto;
	padding-bottom:30px;
	background:url(../../image/base/contact_bg.jpg) no-repeat center bottom;
	text-align:center;
	}
	
	#contact h2{
		display:block;
		position:relative;
		margin:5px 0 15px;
		padding-top:30px;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-weight:bold;
		font-size:1.3rem;
		text-align:center;
		color:#000;
		letter-spacing:5px;
		z-index:10;
		overflow:hidden;
		background:url(../../image/base/h2_circle.png) no-repeat center 0;
	}
	#contact address{
		position:relative;
		width:400px;
		max-width:100%;
		margin:0 auto;
		padding:20px;
		font-size:0.87rem;
		text-align:center;
		background:#FFF;
		border:1px solid #000;
		z-index:30;
	}
	#contact address strong{
		display:inline-block;
		margin:0 0 10px;
		font-weight:bold;
		font-size:1.0rem;
}