@charset "UTF-8";
/* =================================================================================================

　お知らせ・セミナー情報

================================================================================================= */
/* CSS Document */
#second_title {
  text-align: center;
  padding: 3rem 0 5rem;
}
@media screen and (max-width: 592px) {
  #second_title {
    padding: 3rem 0 3rem;
  }
}

#second_title h1 {
  font-size: 3.5rem;
}
@media screen and (max-width: 1024px) {
  #second_title h1 {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 800px) {
  #second_title h1 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 592px) {
  #second_title h1 {
    font-size: 2.5rem;
  }
}

/* ----------------------------------------------------------------------------
　アンカーリンク
---------------------------------------------------------------------------- */
#tab {
  width: 720px;
  margin: 0 auto 4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  #tab {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  #tab {
    width: 90%;
    margin-bottom: 2rem;
  }
}

#tab li {
  width: 23%;
}
@media screen and (max-width: 592px) {
  #tab li {
    width: 48.5%;
    margin-bottom: 1.5rem;
  }
}

#tab li a {
  display: block;
  background-color: #666666;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
}
#tab li a.active {
  background-color: #4e2db7;
}

/* ----------------------------------------------------------------------------
　アンカーリンク
---------------------------------------------------------------------------- */
.year {
  width: 960px;
  margin: 0 auto 4.5rem;
}
@media screen and (max-width: 1040px) {
  .year {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .year {
    width: 90%;
  }
}

.year dt {
  font-size: 2rem;
  font-weight: 600;
  border: 1px solid #DDDDDD;
  border-left: none;
  border-right: none;
  margin-bottom: 1.5rem;
  text-align: center;
  padding: 1.5rem 0;
}

.year dd ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  color: #707070;
}
@media screen and (max-width: 592px) {
  .year dd ul li {
    flex-wrap: wrap;
  }
}

.year dd ul li .date {
  margin-right: 1rem;
}

.year dd ul li .category {
  flex: 0 0 120px;
  border: 1px solid #707070;
  margin-right: 2rem;
  color: #707070;
  font-size: 1.125rem;
  padding: 0.1rem 0;
  border-radius: 100px;
  text-align: center;
  position: relative;
  top: 0.2rem;
}

.year dd ul li .text {
  background: url("../../common/img/top_news_arrow.svg") 0 0.2rem no-repeat;
  background-size: 14px auto;
  padding-left: 2.5rem;
}
@media screen and (max-width: 592px) {
  .year dd ul li .text {
    margin-top: 1rem;
    background-size: 10px auto;
    padding-left: 2rem;
    background-position: 0 0.5rem;
    width: 100%;
  }
}
.year dd ul li .text a {
  color: #005396;
  text-decoration: underline !important;
}

.error {
  width: 960px;
  margin: 0 auto 4.5rem;
  text-align: center;
  display: none;
}
@media screen and (max-width: 1040px) {
  .error {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .error {
    width: 90%;
  }
}