@charset "utf-8";
/* CSS Document */
/* 特別支援教育センター */

/*--------------------pageheader*/
#pageheader {
  background: #ccc url("../img/second/pageheader_bg_snec.jpg") no-repeat center center;
  background-size: cover;
}
/*--------------------トップ*/
/*お知らせ*/
#maincontents .snec_news_def {
  display: flex;
  flex-wrap: wrap;
}
#maincontents .snec_news_def dt {
  border-bottom: 1px dashed #B3B3B3;
}
#maincontents .snec_news_def .date {
	width: 100px;
  padding: 20px 0 20px 0px;
  color: #666666;
  font-weight: bold;
}
#maincontents .snec_news_def dd {
	width: calc(100% - 100px);
  padding: 20px 0 20px 20px;
  border-bottom: 1px dashed #B3B3B3;
}
#maincontents .snec_news_def dd a {
  color: #222;
  text-decoration: none;
}
#maincontents .snec_news_def dd a:hover {
  opacity: 0.6;
}
/*ページリスト*/
#maincontents .snec_pagelist {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  list-style: none;
  margin: 40px -10px;
  padding: 0;
}
#maincontents .snec_pagelist li {
  width: 25%;
  min-height: 120px; /*2行分の高さ*/
  padding: 10px;
}
@media screen and (max-width: 1024px) {
  #maincontents .snec_pagelist li {
    width: 50%;
    min-height: auto;
  }
}
#maincontents .snec_pagelist li a { /*ボタンの高さを最大の高さに合わせる*/
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 50px 20px 25px;
  border: 2px solid #1F936C;
  color: #1F936C;
  font-size: 1.8rem;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #maincontents .snec_pagelist li a {
    font-size: 1.6rem;
  }
}
#maincontents .snec_pagelist li a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 10px solid #fff;
  background: repeating-linear-gradient(-45deg, #DDF0BF, #DDF0BF 2px, #fff 0, #fff 8px);
}
#maincontents .snec_pagelist li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #1F936C;
  transition: .4s;
}
#maincontents .snec_pagelist li a:hover {
  opacity: 0.8;
}
#maincontents .snec_pagelist li a:hover::after { /*ホバー時の矢印*/
  right: 15px;
}
/*--------------------特別支援教育に関する研修*/
#maincontents table.training_table {}
#maincontents table.training_table td {
  vertical-align: baseline;
}
/*--------------------スタッフ*/
#maincontents .teacher_box table th {
  width: 20%;
}