@charset "utf-8";
.pc_only {
    display: block;
}
.sp_only {
    display: none;
}
@media print, screen and (max-width: 767px){
.pc_only {
    display: none;
}
.sp_only {
    display: block;
}
}
/* -- ul#tab-menu -------------------------------------------------------------------------------------------- */
article section.tab_area {
    width: 100%;
    margin: 0 auto 0 auto;
    background-position: center 0;
}
@media screen and (max-width:800px){
article section.tab_area {
		width:94%;
	}
}

.tab_area ul#tab-menu {
	width : 100%;
	margin : 30px auto 0;
	list-style-type : none;
	display : flex;
}

.tab_area ul#tab-menu li {
	background : #BB262C;
	padding : 6px 1.2%;
	color: #ffffff;
	margin-right: 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
	box-sizing: border-box;
}

.tab_area ul#tab-menu li:hover {
	cursor : pointer;
	opacity : 0.3;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.tab_area ul#tab-menu li.active {
	opacity : 0.6;
}

.tab_area ul#tab-menu li.active:hover {
	cursor : default;
	opacity : 1.0;
}
@media screen and (max-width:767px){

.tab_area ul#tab-menu {
    width: 100%;
    margin: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tab_area ul#tab-menu li {
	background : #BB262C;
	padding : 6px 1.2%;
	color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 24%;
  margin: 0 0 10px 0;
	box-sizing: border-box;
	text-align: center;
}
}

/* -- div.tab-* -------------------------------------------------------------------------------------------- */

.tab_area div.tab-1,
.tab_area div.tab-2,
.tab_area div.tab-3,
.tab_area div.tab-4,
.tab_area div.tab-5,
.tab_area div.tab-6,
.tab_area div.tab-7,
.tab_area div.tab-8 {
	width : 100%;
	margin : 0 auto 50px;
	padding : 10px 0 25px;
	background : #ffffff;
	box-sizing: border-box;
	border-top: 2px solid #BB262C;
}

/*div.tab-1,*/
.tab_area div.tab-2,
.tab_area div.tab-3,
.tab_area div.tab-4,
.tab_area div.tab-5,
.tab_area div.tab-6,
.tab_area div.tab-7,
.tab_area div.tab-8 {
	display : none;
}

.tab_area h2 {
	font-weight : bold;
	font-size : 135%;
}

.tab_area p {
	margin-top : 25px;
}

.tab_area img {
	display : block;
	margin-bottom : 15px;
}





/* お知らせ、新着情報
-----------------------------------*/
.tab_area {
	width:800px;
	margin:40px auto 0 auto;
}

.tab_area div.header{
	width:100%;
	height:40px;
	overflow:hidden;
	border-bottom:2px solid #BB262C;
	margin-bottom:8px;
}

.tab_area div.header h1,
.tab_area div.header h2{
	font-size:17px;
	font-family:"Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
	height:40px;
	line-height:40px;
	float:left;
}

.tab_area div.header a{
	display:block;
	width:135px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#BB262C;
	float:right;
	margin-top:8px;
	color:#FFF;
	font-size:14px;
	border:1px solid #BB262C;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
	-webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.tab_area div.header a:hover{
	background-color:#FFF;
	color:#BB262C;
}

.tab_area div.topics dl{
	margin-bottom:10px;
	border-bottom: 0px dotted #ccc;
}
.tab_area div.topics dt{
	padding-bottom: 5px;
}
.tab_area div.topics dt time{
	width: 90px;
	display: inline-block;
}

.tab_area div.topics dd{
	margin-bottom:15px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	display: block;
}
.tab_area div.topics dd span a{
	display: block;
}
/*
=========================================
 label
=========================================
*/
.tab_area a.label {
	display: inline-block;
	width: 165px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #BB262C;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
	margin: 0 6px 0 0;
	border: 0px solid #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	pointer-events:none;
}
@media screen and (max-width:767px){
	.tab_area a.label {
	display: inline-block;
	width: 165px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #BB262C;
	color: #FFF;
	font-style: normal;
	font-size: 14px;
	margin: 0 6px 0 0;
	border: 0px solid #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
}
.tab_area a.label:hover {
  color: #ffffff;
}
.tab_area a.label-information {
  background-color: #5980c1;
}
.tab_area a.label-notice {
    background-color: #e88859;
}
.tab_area a.label-depart {
    background-color: #28A3DA;
}
.tab_area a.label-gs {
    background-color: #996492;
}
.tab_area a.label-hoiku {
    background-color: #a1c97f;
}
.tab_area a.label-jyouhou {
    background-color: #37A3D7;
}
.tab_area a.label-syoku {
    background-color: #f0d05c;
}
.tab_area a.label-child {
    background-color: #daaaa1;
}
.tab_area a.label-psy {
    background-color: #5c8dcb;
}
.tab_area a.label-event {
    background-color: #f05c1d;
}
.tab_area a.label-oc {
    background-color: #BB262C;
}
.tab_area a.label-topics {
    background-color: #719784;
}
.tab_area a.label-exam {
    background-color: #21AD72;
}
.tab_area a.label-president {
    background-color: #db3f7e;
}
.tab_area a.label-collaboration {
    background-color: #853c07;
}
.tab_area a.label-mgt {
    background-color: #c2baa2;
}
.tab_area a.label-regional{
    background-color: #48880c;
}
.tab_area a.label-president-endou {
    background-color: #5684c4;
}


/* お知らせ、新着情報
-----------------------------------*/
.tab_area{
	width:800px;
	margin:40px auto 0 auto;
}

.tab_area div.header{
	width:100%;
	height:40px;
	overflow:hidden;
	border-bottom:2px solid #BB262C;
	margin-bottom:8px;
}

.tab_area div.header h1,
.tab_area div.header h2{
	font-size:17px;
	font-family:"Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600;
	height:40px;
	line-height:40px;
	float:left;
}

.tab_area div.header a{
	display:block;
	width:200px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#BB262C;
	float:right;
	margin-top:8px;
	color:#FFF;
	font-size:14px;
	border:1px solid #BB262C;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
	-webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.tab_area div.header a:hover{
	background-color:#FFF;
	color:#BB262C;
}

.tab_area div.important ul{
	position:relative;
	width:100%;
}

.tab_area div.important ul li{
	position:relative;
	padding:5px 0 0 20px;
}

.tab_area div.important ul li a{
	position:relative;
	font-size:15px;
}

.tab_area div.important ul li a::before{
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #BB262C;
	position:absolute;
	left:-14px;
	top:4px;
}

.tab_area div.topics{
	margin-top:0;
}

.tab_area div.topics ul li{
	padding:0 0 5px 0;
	overflow:hidden;
}

.tab_area div.topics ul li a{
	font-size:15px;
	display:flex;
}

.tab_area div.topics ul li a div{
	display:inline-block;
	width:90px;
}

/*
.tab_area div.topics ul li a time,
.tab_area div.topics ul li a em,
.tab_area div.topics ul li a span{
	display:inline-block;
	float:left;
}
*/

.tab_area div.topics ul li a span{
	width:calc(100% - 260px);
}

.tab_area div.topics ul li a time{
	width:90px;
}

.tab_area div.topics ul li a em{
	display:inline-block;
	width:135px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#BB262C;
	color:#FFF;
	font-style:normal;
	font-size:14px;
	margin:0 10px;
	border:0px solid #FFF;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
}

.tab_area div.topics ul li a em.topics{ background-color:#719784; }
.tab_area div.topics ul li a em.exam{ background-color:#21AD72; }
.tab_area div.topics ul li a em.event{ background-color:#EF8B1D; }
.tab_area div.topics ul li a em.oc{ background-color:#BB262C; }
.tab_area div.topics ul li a em.depart{ background-color:#28A3DA; }
/*andou 180130 START*/
.tab_area div.topics ul li a em.hoiku{ background-color:#DB3F7E; }
.tab_area div.topics ul li a em.syoku{ background-color:#6AB834; }
.tab_area div.topics ul li a em.jyouhou{ background-color:#37A3D7; }
.tab_area div.topics ul li a em.psy{ background-color:#F39800; }
.tab_area div.topics ul li a em.child{ background-color:#0071B1; }
.tab_area div.topics ul li a em.gs{ background-color:#B3145A; }
/*andou 180130 END*/


/* 画面幅980px以下
=======================================*/
@media screen and (max-width:980px){
	.tab_area{
		width:94%;
	}
	
	.tab_area div.header a{
		font-size:13px;
	}
	
	.tab_area div.important ul li{
		padding-left:16px;
	}
	
	.tab_area div.important ul li a{
		font-size:14px;
	}
	
	.tab_area div.important ul li a::before{
		border-width:6.5px 0 6.5px 10px;
		left:-16px;
	}
		
	.tab_area div.topics ul li a time,
	.tab_area div.topics ul li a em,
	.tab_area div.topics ul li a span{
		font-size:14px;
	}
	
	.tab_area div.topics ul li a span{
		width:70%;
	}
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	.tab_area{
		width:100%;
		margin-top:0; 
	}
	
	.tab_area div.important{
		background-color:#F4F4F4;
		padding:20px 3%;
	}
	
	.tab_area div.important div.header{
		border-bottom:none;
		margin-bottom:0;
	}
	
	.tab_area div.important div.header h1{
		color:#BB262C;
	}
	
	.tab_area div.topics{
		width:94%;
		margin:20px auto 0 auto;
	}
	
	.tab_area div.topics ul li{
		/*border-bottom:1px dotted #7F7F7F;*/
		padding:10px 0 16px 0;
		background-image:url(../img/common/bg_dotted.png);
		background-repeat:repeat-x;
		background-position:left bottom;
	}
	
	.tab_area div.topics ul li a{
		display:block;
		position:relative;
	}
	
	.tab_area div.topics ul li a div{
		float:left;
		width:100px;
	}
	
	.tab_area div.topics ul li a time,
	.tab_area div.topics ul li a em,
	.tab_area div.topics ul li a span{
		display:block;
		float:none;
	}
	
	.tab_area div.topics ul li a em{
		width:84px;
		margin:2px 0 0 0;
	}
	
	.tab_area div.topics ul li a span{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
		float:left;
	}
}








.tab-group{
	margin: 0 auto;
	list-style-type: none;
	display: flex;
}
.tab-group li.tab:hover {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tab-group li.tab{
	background: #eee5cc;
	padding: 6px 0.8%;
	color: #000;
	margin-right: 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	box-sizing: border-box;    
	font-size: 14px;
}
@media screen and (max-width:767px){

.tab_area ul.tab-group {
  width: 100%;
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tab_area ul.tab-group li {
	background : #B49B46;
	padding : 6px 1.2%;
	color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 49%;
  margin: 0 0 10px 0;
	box-sizing: border-box;
	text-align: center;
}
.tab_area ul.tab-group li:nth-child(2) {
	background : #B3145A;
}
.tab_area ul.tab-group li:nth-child(3) {
	background : #F39800;
}
.tab_area ul.tab-group li:nth-child(4) {
	background : #0071B1;
}
.tab_area ul.tab-group li:nth-child(5) {
	background : #0081c6;
}
.tab_area ul.tab-group li:nth-child(6) {
	background : #DB3F7E;
}
.tab_area ul.tab-group li:nth-child(7) {
	background : #6AB834;
}
.tab_area ul.tab-group li:nth-child(8) {
	background : #37A3D7;
}

.tab_area ul.tab-group.kikan li:nth-child(2) {
	background : #48880c;
}
.tab_area ul.tab-group.kikan li:nth-child(3) {
	background : #bb262c;
}
.tab_area ul.tab-group.kikan li:nth-child(4) {
	background : #db3f7e;
}
.tab_area ul.tab-group.kikan li:nth-child(5) {
	background : #0081c6;
}
.tab_area ul.tab-group.kikan li:nth-child(6) {
	background : #DB3F7E;
}
.tab_area ul.tab-group.kikan li:nth-child(7) {
	background : #6AB834;
}
.tab_area ul.tab-group.kikan li:nth-child(8) {
	background : #37A3D7;
}


}

.tab_area .group .panel-group{
	width: 100%;
	margin: 0 auto 0;
	padding: 10px 0 0;
	background: #ffffff;
	box-sizing: border-box;
	border-top: 2px solid #BAE2F2;
}
.panel-group .panel{
    display:none;
}
.tab_area .group .tab.is-active{
    color:#000;
    transition: all 0.1s ease-out;
    background: #ddcc99;
}
.panel-group .panel.is-show{
    display:block;
}
.tab_area .group{
	position: relative;
	padding-top: 36px;
	margin-top: 20px;
}
.tab_area .group .ttl{
	font-size: 17px;
	font-family: "Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	top: 40px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}
@media screen and (max-width:767px){
.tab_area .group .ttl{
	top: 0;
}
}
.tab_area .group .ttl_sub{
	font-size: 17px;
	font-family: "Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}