@charset "UTF-8";
/* =====================
	お知らせ
 ======================= */

/** ------------------------ 共通 ------------------------ **/
main {
  background-color: #edf1f7;
}
.page-ttl {
  margin-bottom: 8.39%;
}

.information-cate-container {
  width: 75.89%;
  margin: 0 auto 7.25% 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--c_text);
}

.information-cate-list {
  display: flex;
  column-gap: 1.6em;
}

.information-cate-tab {
  font-size: 160%;
  width: 8.5em;
  height: 2.5em;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--c_text);
}

.information-cate-tab.all {
  font-size: 120%;
  font-weight: bold;
  width: 7.04em;
  height: auto;
  background-color: var(--c_text);
}

.information-cate-tab.is-active {
  transform: translate(-5px, 5px);
  box-shadow: 5px -5px 0 var(--c_black);
  border-bottom: 1px solid var(--c_text);
  pointer-events: none;
}

.information-cate-tab a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.information-cate-tab.cate-news a,
.information-cate-tab.cate-field a {
  color: var(--c_white);
}

.information-cate-tab.all a {
  color: var(--c_white);
}

/** ------------------------ 下層ページフッター ------------------------ **/
.footer-sub {
  background-color: #edf1f7;
}

/** ------------------------ 一覧 ------------------------ **/
.information {
  padding-bottom: 6.93%;
  position: relative;
}

.information .information-list {
  width: 75.89%;
  margin: 0 auto 10.89% 0;
  display: flex;
  flex-direction: column;
}

.information .information-item {
  border-top: 1px solid var(--c_text);
}

.information .information-item:last-child {
  border-bottom: 1px solid var(--c_text);
}

.information .information-item a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 3.23% 0;
}

.information .information-item-date {
  width: 7.1em;
  margin-right: 2.58%;
}

.information .information-item-cate {
  flex-shrink: 1;
  padding: 0 1.08em;
  border-radius: 18px;
  font-weight: bold;
  color: var(--c_white);
  margin-right: 9.68%;
}

.information .information-item-ttl {
  flex: 1;
  font-weight: normal;
}

/** ------------------------ 詳細 ------------------------ **/

/** ------------------------ information-single ------------------------ **/
.information-single {
  position: relative;
  padding-bottom: 4.06%;
}

.information-single .information-article {
  width: 85%;
  margin-bottom: 10%;
}

.information-single .information-article-info {
  display: flex;
  align-items: center;
  column-gap: 2em;
  margin-bottom: 1.92%;
}

.information-single .information-article-cate {
  font-weight: bold;
  color: var(--c_white);
  padding: 0 1.08em;
  border-radius: 18px;
}

.information-single .information-article-ttl {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 4.58%;
}

.information-single .information-article-content {
  color: #333333;
}

.information-single .information-article-content p + p {
  margin-top: 1.5em;
}

.information-single .information-article-content a {
  text-decoration: underline;
}

.information-single .btn-white {
  padding: 1em 1.2em 0.92em;
}

/** -------------------- タブレット -------------------- **/
@media (max-width: 1280px) {
  /** ------------------------ 共通 ------------------------ **/
  .information-cate-list {
    column-gap: 1em;
  }

  .information-cate-tab {
    font-size: 120%;
  }

  .information-cate-tab.all {
    font-size: 100%;
  }

  /** ------------------------ 詳細 ------------------------ **/

  /** ------------------------ information-single ------------------------ **/
  .wrapper {
    width: 62.5%;
  }
}

/** -------------------- スマホ -------------------- **/
@media (max-width: 699px) {
  /** ------------------------ 共通 ------------------------ **/
  .page-ttl {
    margin-bottom: 25px;
  }

  /** ------------------------ 一覧 ------------------------ **/
  .information {
    padding-bottom: 50px;
  }

  .information-cate-container {
    width: 100%;
    margin: 0 0 50px;
    justify-content: normal;
    align-items: flex-start;
    gap: 1em;
    border: none;
  }

  .information-cate-list {
    flex: 1;
    flex-direction: column;
    row-gap: 1em;
  }

  .information-cate-tab {
    font-size: 16px;
    width: 100%;
    border: 1px solid var(--c_text);
  }

  .information-cate-tab.all {
    flex: 1;
    height: 2.5em;
  }

  .information .information-list {
    width: 100%;
    margin: 0 auto 50px;
  }

  .information .information-item a {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
    padding: 1em;
  }

  /** ------------------------ 詳細 ------------------------ **/

  /** ------------------------ information-single ------------------------ **/
  .information-single {
    padding-bottom: 50px;
  }

  .wrapper {
    width: 90%;
  }

  .information-single .information-article {
    width: 100%;
    margin-bottom: 50px;
  }

  .information-single .information-article-ttl {
    font-size: 20px;
    margin-bottom: 25px;
  }
}