/*PC用*/
.TopImageArea{
	background: url("../images/site_top.jpg")no-repeat fixed center center / cover;
	position:relative;
	width:100%;
	height:850px;


}
/*
.TopImageArea img{
	vertical-align:top;
	width:100%;
}
*/
.TopImageArea p{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:60px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
//	text-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	
}

.ImageBackArea{
	position:relative;
	width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
//	height:350px;
	height:500px;
	background-size: cover;
	-webkit-animation: gradientAnimation 15s ease infinite;
//	animation:gradientAnimation 15s ease infinite;
	animation:none;
}
/*-webkit-animation: gradientAnimation 15s ease infinite;
animation: gradientAnimation 15s ease infinite;
}
@-webkit-keyframes gradientAnimation {
  0%   { background-position: 0% 30%, 0 0;}
  50%  { background-position: 100% 70%, 0 0;}
  100% { background-position: 0% 30%, 0 0;}
}
@keyframes gradientAnimation {
  0%   { background-position: 0% 30%, 0 0;}
  50%  { background-position: 100% 70%, 0 0;}
  100% { background-position: 0% 30%, 0 0;}
}*/


.ContentsExplainTitle{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) ;
	
}

.ContentsExplainTitle span{
	font-size:25px;
	font-weight:bold;
	color:#fff;
}

.ContentsExplainTitleSipSap{
	position:absolute;
	width:100%;
  	text-align:center;
	z-index:2;
	font-size:40px;
	font-weight:bold;
	color:#000;
	top: 100%;
	left: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%) ;
	background:rgba(255,255,255,0.5)
	
}

.ContentsExplainTitleSipSap span{
	font-size:25px;
	font-weight:bold;
	color:#000;
}

.ContentsExplain{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	padding: 3% 0 0;	
	font-size:16px;
	color:#fff;
	line-height:25px;
	height:40px;
	line-height:2;

}


.ContentsTitle{
	font-size:35px;
	font-weight:bold;
	letter-spacing:0.1em;
	width:100%;
	padding:10% 0;	
	text-align:center;
	color:#0a0e1f;
//	text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	
}


.MoreLink_1{
	display:block;
	width:30%;
	margin:80px auto 0;
	background:#6ac836;
	border:1px solid #6ac836;
	color:#fff;	
	text-align:center;
	line-height:15px;
	padding-top:15px;
	padding-bottom:15px;
	transition:all 0.3s ease 0s;
}
.MoreLink_1:hover {
	opacity:0.8;
	color:#fff;	
}

.MoreLink_2{
	display:block;
	width:30%;
	margin:80px auto 0;
	background:#2F4565;
	border:1px solid #2F4565;
	color:#fff;	
	text-align:center;
	line-height:15px;
	padding-top:15px;
	padding-bottom:15px;
	transition:all 0.3s ease 0s;
}
.MoreLink_2:hover {
	opacity:0.8;
	color:#fff;	
}

.MoreLink_3{
	display:block;
	width:30%;
	margin:80px auto 0;
	background:#55bcdd;
	border:1px solid #55bcdd;
	color:#fff;	
	text-align:center;
	line-height:15px;
	padding-top:15px;
	padding-bottom:15px;
	transition:all 0.3s ease 0s;
}
.MoreLink_3:hover {
	opacity:0.8;
	color:#fff;	

}

.MoreLink_4{
	display:block;
	width:30%;
	margin:80px auto 0;
	background:rgba(255, 0, 161, 1)0;
	border:1px solid rgba(255, 0, 161, 1);
	color:#fff;	
	text-align:center;
	line-height:15px;
	padding-top:15px;
	padding-bottom:15px;
	transition:all 0.3s ease 0s;
}
.MoreLink_4:hover {
	opacity:0.8;
	color:#fff;	

}
.ContentsContainer{
	width:100%;
	background-color: #f7f7f7;
	text-align:center;
//	margin-top:2%;
	padding-bottom:20px;

}


/*

.NewsArea{
	width:1100px;
	margin:0 auto;
	text-align:left;
	margin-bottom:5px;

}



.NewsArea ul{
	width:100%;
	font-size:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
}

.NewsArea li{
	display:inline-block;
	width:30%;
	background-color:#fff;
	vertical-align:top;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;	
}
.NewsArea li img{
	width:100%;
}
.NewsArea li:first-child {
	margin-right:5%;;
}
.NewsArea li:last-child {
	margin-left:5%;
}

.NewsArea li p{
	text-align:left;
	width:95%;
	margin:0 auto;
}

.Newsdate{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:13px;
	font-weight:bolder;	
	color:#555;
}

.NewsTitle{
	padding-top:10px;
	padding-bottom:10px;	
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-bottom:solid 1px #ccc;
}

.NewsText{
	padding-top:5px;
	padding-bottom:10px;	
	font-size:13px;
	letter-spacing:0.1em;
//	height:60px;

}

.fade-up {
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: transform 2s;
  -moz-transition: transform 2s;
  -webkit-transition: transform 2s;
  -o-transition: transform 2s;
}

*/