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

.newsPage{
	display:block;
	padding-left:10px;
	width:117px;
	height:27px;
	line-height:27px;
	background:#f1f1f3 url(../img/top/topA_26.png) no-repeat 110px 50%;
}
#tabTtl{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
#tabTtl h2{
	color:#1372dd;
	font-size:130%;
	padding-left:35px;
	background:url(../img/top/icoNews.png) no-repeat top left;
	height:20px;
	line-height:20px;
}



.newsList{
	margin-top:30px;
}
	.newsList li{
		margin-bottom:15px;
	}
		.newsList li:last-child{
			margin-bottom:0px;
		}
.newsDate{
	float:left;
}


.tabSec{
	width:1100px;
	margin:auto;
}
.panels{
	background:#FFF;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	/*角丸*/
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:20px;
}
.tabDetail{
	height:295px;
	overflow:auto;
	margin:auto;
}
.tabEntry{
	display:block;
	width:740px;
	float:right;
}

.tag{
	display:inline-block;
	width:170px;
	height:20px;
	margin:0px 30px 0px 15px;
	line-height:20px;
	text-align:center;
}

.tabs {
	width:1098px;
	height:65px;
	overflow:hidden;
	text-align:center;
	letter-spacing: -.40em;
	}
		.tab{
			display:inline-block;
			letter-spacing: normal;
			width:165px;
			height:65px;
			margin-right:20px;
			background:#FFF;
			/*角丸*/
			border-radius:3px 0px;
			-webkit-border-radius:3px 3px 0px 0px;
			-moz-border-radius:3px;
			/*シャドウ*/
			box-shadow:rgba(197, 194, 194, 0.509804) -2px 2px 0px 2px inset;
			-webkit-box-shadow:rgba(197, 194, 194, 0.509804) -2px 2px 0px 2px inset;
			-moz-box-shadow:rgba(197, 194, 194, 0.509804) -2px 2px 0px 2px inset;
		}
		.tab a{
			display:table;
			width:100%;
			height:100%;
			text-decoration:none;
		}
			.tab a span{
				display:table-cell;
				vertical-align:middle;
			}
		#tab5{
			margin-right:0px;
		}
@media screen and (max-width:767px){

	.newsPage a{
		right:-20px;
		top:-30px;;
	}

#tabTtl{
	width:100%;
}
.tabDetail{
	height:295px;
	overflow:auto;
	margin:auto;
}
.tabEntry{
	display:block;
	width:100%;
	float:none;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.newsDate{
	float:none;
}


.panels{
	/*角丸*/
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	padding:20px;
}
.tabSec{
	width:100%;
}
.tabs {
	display:table;
	width:100%;
}
	.tab{
		display:table-cell;
		width:10%;
		height:auto;
		vertical-align:middle;
	}
}

#tab2 a{
	color:#1067ca;
}
#tab3 a{
	color:#3cbf13;
}
#tab4 a{
	color:#9c61e5;
}
#tab5 a{
	color:#ffa800;
}


.tabs > .tab.active {
	background-color: #1372dd !important;
	/*シャドウ*/
	box-shadow:rgba(136, 192, 255, 0.509804) -2px 2px 0px 2px inset;
	-webkit-box-shadow:rgba(136, 192, 255, 0.509804) -2px 2px 0px 2px inset;
	-moz-box-shadow:rgba(136, 192, 255, 0.509804) -2px 2px 0px 2px inset;
}
.tabs > .tab.active a{
	color:#FFF !important;
}
.panels > .panel {
  display: none;
}
.panels > .panel.active {
  display: block;
}

.tagC01{background:#56ceec; color:#FFF;}
.tagC02{background:#7fd248; color:#FFF;}
.tagC03{background:#b690ea; color:#FFF;}
.tagC04{background:#ffa800; color:#FFF;}

.yobou{background:#56ceec; color:#FFF;}
.mental{background:#7fd248; color:#FFF;}
.gakujutu{background:#b690ea; color:#FFF;}
.etc{background:#ffa800; color:#FFF;}
.news{background:#d75757; color:#FFF;}

.bnSec ul{
	width:1100px;
	margin:50px auto;
}
	.bnSec li{
		float:left;
		margin-right:18px;
		margin-bottom:20px;
	}
.bnBox a{
	display:block;
}
@media screen and (max-width:767px){
.bnSec ul{
	width:100%;
	margin:50px -10% 50px 0px;
}
	.bnSec li{
		width:50%;
		float:left;
		margin-right:0px;
		margin-bottom:20px;
	}
	.bnSec li img{
		padding-right:10%;
		width:100%;
		height:auto;
		box-sizing:border-box;
	}
}



/**スライドショー**/
/* 設定 */
.poster {width: 100%; min-width:1100px; height: 100%; overflow-x: hidden; padding:0px;}
.slide_all {width: 1100px; margin: 0 auto; height: 500px;  position: relative;}
.slide_wrap {width: 3300px; position: absolute; left: 50%; margin-left: -1650px;}
.slide_body {width: 100%; background:url(../img/top/pos_bg.png);}
.slide {width: 1100px; font-family: 'arial'; background: #FFF; color: #fff; font-size: 50px; line-height: 250px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
/* 装飾 */
.bx-controls {position: absolute;/*bottom: 5px;*/z-index: 100;width: 100%;}
/* 追加 */
.slide{transition:all .3s;opacity:.8;}
.slide.active{ opacity:1;}
/* PAGER */
.bx-wrapper .bx-pager {
	width:1100px;
	height:24px;
	padding-top:14px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position:absolute;
	top:-50px;
	right:1100px;
	z-index:200;
}
.bx-wrapper .bx-pager .bx-pager-item{
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #868686;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fe4040;
}


.bx-prev{
	background:url(../img/top/prev.png) no-repeat;
	width:51px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top:-260px;
	left:1075px;
	z-index:999;
}
.bx-next{
	background:url(../img/top/next.png) no-repeat;
	width:51px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top:-260px;
	right:1075px;
}

.preparation a{
	pointer-events: none;
}

.spPoster{
	display:none;
}

@media screen and (max-width:767px){
/* スライドショー */
/*.poster{
	display:none;}
.spPoster{
	display:block;
	width:100%;
}
.spPoster img{
	width:100%;
}
*/}

@media screen and (max-width:767px){
.poster {min-width:inherit; overflow:inherit;}
.slide_all {width:inherit; margin:inherit; height:inherit;  position: inherit;}
.slide_wrap {width: 100%; position:static; left:auto; margin-left:inherit;}
.slide {width: 100%; line-height:inherit; }
.bx-viewport{
	height:inherit !important;}

.poster:after{
	bottom:0;
}
}


/*240614更新*/
.tab{
	width: 140px;
	margin-right: 15px;
}
.tab a{
	font-size: 13px;
}
#tab7 a{
	color: #d30909;
}