@charset "utf-8";

/*----------------------------------------------------------------
Copyright(c) 2017 協会テンプレート. All Rights Reserved.
TOPページリニューアルに伴う新バージョンcss
----------------------------------------------------------------*/



@import url("common.css");
@import url("layout.css?201009");

/*--header--*/
#header {
	height: auto;
	padding-top: 0;
}
	#header .inner {
		position: relative;
		height: 100px;
		overflow: hidden;
	}
#header #head_logo {
	width: 400px;
	position: absolute;
	top:25px;
	left: 0px;
}
#header #head_navi {
	width: 550px;
	float: right;
	text-align: right;
	padding-top: 5px;
}
#header #head_navi ul {
	list-style-type: none;
}
#header #head_navi ul li {
	float: right;
	padding-left: 1em;
}
#header #headLogin {
	position: absolute;
	background: #ECECFB;
	right: 0;
	bottom: 10px;
	height: 37px;
	width: 403px;
	padding: 10px 0 0 23px;
}
	#header #headLogin dt {
		float: left;
	}
	#header #headLogin dd {
		float: left;
		margin-right: 8px;
	}
	#header #headLogin dd {
		float: left;
	}
#footer {
	background-image:  none;
	border-top: solid 3px #194B86;
}

/*--グローバルナビメニュー----------------------------------------------------*/

#navi {
	height: 50px;
	background: #004588;
	color: #fff;
	border: 1px solid #fff;
	font: 14px/20px Arial, Helvetica, sans-serif;
}


#contents #alpha {
	float: left;
	width: 700px;
}
#contents #beta {
	float: right;
	width: 260px;
}

#login_back {
	height: 137px;
	background: url(../img/index/loginback.png) repeat-x center top;
	padding-bottom: 10px;
}

#mv {
	margin-bottom: 10px;
}
#mv img {
	height: auto;
	width: 100%;
}
#mv .slick-slide {
	outline: none;
}
#mv .slider-mv .slick-list{
	margin-bottom: 10px;
}
#mv .slider-mv .slick-slide {
	height: 300px;
	padding: 0 5px;
	width: 960px;
}
#mv .slider-thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	width: 980px;
}
#mv .slider-thumb li {
	list-style-type: none;
	height: 50px;
	margin: 0 5px 10px;
	position: relative;
	width: 160px;
}
#mv .slider-thumb .thumbnail-current:after {
	animation-duration: .4s; 
	animation-name: thumb_current;
	border: 2px solid #ff6600;
	box-sizing: border-box;
	content: '';
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 160px;
}
#mv .slider-thumb .thumbnail-current:first-child:after {
	animation: none;
}
@keyframes thumb_current {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/*---contets---------------*/
#contents {
	background-image:  none ;
	padding: 0;
	margin: 0:
}
	#contents .section::after {
		content: "";
		display: block;
		clear: both;
		float: none;
	}
	#contents .inner {
	}
		#contents .inner .sec_alpha {
			float: left;
			width: 320px;
			margin-right: 10px;
		}
		#contents .inner .sec_beta {
			float: left;
			width: 320px;
		}
		#contents .inner .sec_gamma {
			float: right;
			width: 320px;
		}
		#contents .inner .column_w2 {
			float: left;
			width: 650px;
		}

#sec_01 {
	background: #ECECFB;
	
}
	#contents #sec_01 .inner {
		display: table !important;
	}
		#contents #sec_01 .inner .sec_alpha {
			width: 325px;
			margin-right: 0px;
			display: table-cell;
			vertical-align: top;
			text-align: left;
			background: #F4F4FD;
			float: none;
		}
		#contents #sec_01 .inner .sec_beta {
			width: 325px;
			display: table-cell;
			vertical-align: top;
			text-align: left;
			background: #F9F9FE;
			float: none;
		}
		#contents #sec_01 .inner .sec_gamma {
			display: table-cell;
			vertical-align: top;
			float: none;
			width: 330px;
			text-align: right;
		}
#sec_02 {
	background: #fff;
	
}
	#contents #sec_02 .inner {
		display: table !important;
	}
		#contents #sec_02 .inner .sec_alpha {
			width: 325px !important;
			margin-right: 0px;
			display: table-cell;
			vertical-align: top;
			text-align: left;
			background: #F4F4FD;
			float: none;
		}
		#contents #sec_02 .inner .sec_beta {
			width: 325px !important;
			display: table-cell;
			vertical-align: top;
			text-align: left;
			float: none;
			background: #ECECFB;
		}
		#contents #sec_02 .inner .sec_gamma {
			display: table-cell;
			vertical-align: top;
			float: none;
			width: 330px;
			text-align: right;

		}
.link_st01 {
	text-align: center;
	padding: 10px 0px;
}
	.link_st01 a {
		width: 160px;
		text-align: center;
		display: inline-block;
		padding: 10px 20px;
		border: 1px solid #000;
		text-decoration: none;
		color: #000;
	}
	.link_st01 a:hover {
		color: #666;
		border: 1px solid #666;
	}
.link_st02 {
	text-align: center;
	padding: 0 0 10px 0 ;
}
	.link_st02 a {
		width: 160px;
		text-align: center;
		display: inline-block;
		padding: 10px 20px;
		border: 1px solid #4277AC;
		text-decoration: none;
		color: #fff;
		background: #4277AC;
	}
	.link_st02 a:hover {
		color: #ccc;
		border: 1px solid #4277AC ;
	}

#sec_01 .news {
	}
		#sec_01 .news h2 {
			height: 46px;
			margin: 0 ;
			line-height: 46px;
			padding-left: 5px;
			font-size: 20px;
			font-weight: normal;
			color: #fff;
			background: url(../img/index_new/ttl_back.png) right center no-repeat;
			
		}
			#sec_01 .news.kyokainews h2 {
				background-color: #1C4F84;
			}
			#sec_01 .news.gyokainews h2 {
				background-color: #256AAF;
			}
		.newsUl {
			list-style: none;
			padding: 10px 10px ;
		}
			.newsUl li {
				list-style: none;
				margin-bottom: 15px;
			}
			.newsUl li p.date {
			}
				.newsUl li p.date .spanDate::before {
					content: "- "
				}
				.newsUl li p.date .spanDate::after {
					content: " -  "
				}
				.newsUl li p.date .spanCategory {
					padding:  0 5px;
					margin-left: 5px;
					display: inline-block;
					color: #fff;
				}
			.newsUl li p.ttl a {
				font: 13px;
			}
		#contents  .bannerUl {
			padding: 0;
			margin: 0;
		}
			#contents  .bannerUl li {
				padding: 0px;
				list-style: none;
				margin-bottom: 2px;
			}
			#contents  .bannerUl li:nth-last-of-type(1) {
				margin-bottom: 0px;
			}
#sec_02{
	padding: 10px 0 0 0 ;
	background:  url(../img/index_new/sec02_back.jpg) no-repeat center center / cover;
}
	#sec_02 h2 {
			height: 46px;
			margin: 0 0 10px 0  ;
			line-height: 46px;
			padding-left: 5px;
			font-size: 20px;
			font-weight: normal;
			color: #fff;
			background: #256AAF url(../img/index_new/ttl_back.png) right center no-repeat;
	}
	#sec_02 dl dt img {
		width:100%;
		height:auto;
	}