@charset "UTF-8";
#news-index {
  display: grid;
  max-width: 860px;
  margin: 0 auto;
  padding: 2em 0;
}
#news-index .news-list {
  flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 15px 10px 15px;
}
#news-index .news-list a {
  display: grid;
  row-gap: 5px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template-areas: "cat time thumb arrow" "title title thumb arrow";
  grid-template-rows: 30px 30px;
  grid-template-columns: 80px 150px 1fr 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 12px;
}
#news-index .news-list a:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #news-index .news-list a {
    grid-template-areas: "cat time arrow" "title title arrow" "thumb thumb arrow";
    grid-template-rows: 30px 30px;
    grid-template-columns: 80px 1fr 30px;
  }
}
#news-index .news-list a:hover p {
  color: #0047ab;
}
#news-index .news-list a:hover p.cat {
  color: #333;
  background-color: #fcd700;
}
#news-index .news-list a:hover .arrow::before {
  transform: translateX(10px);
}
#news-index .news-list .cat {
  grid-area: cat;
  width: 80px;
  height: 30px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: #0047ab;
  color: #fff;
  font-size: 13px;
}
#news-index .news-list .time {
  grid-area: time;
  display: flex;
  align-items: center;
}
#news-index .news-list .title {
  grid-area: title;
}
#news-index .news-list .thumb {
  grid-area: thumb;
  width: auto;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 480px) {
  #news-index .news-list .thumb {
    width: 100%;
    height: auto;
    justify-content: start;
    align-items: center;
  }
  #news-index .news-list .thumb img {
    width: 200px;
  }
}
#news-index .news-list .arrow {
  grid-area: arrow;
  font-family: "Material Icons";
  display: flex;
  align-items: center;
}
#news-index .news-list .arrow::before {
  content: "\e5e1";
  /* アイコンコード */
  transition: all 0.2s ease-in-out;
}

/* 各お知らせ */
#breadcrumbs {
  padding: 1em 0;
}

.main-container {
  padding: 0 1em;
}

.middle-title {
  text-align: left;
  max-width: 1080px;
  padding: 0;
}
.middle-title h2 {
  font-size: 24px;
  padding: 0.4em 0.5em;
  /*文字の上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: #f4f4f4;
  /*背景色*/
  border-left: solid 5px #0047ab;
  /*左線*/
  border-bottom: solid 3px #d7d7d7;
  /*下線*/
}
@media (max-width: 640px) {
  .middle-title h2 {
    font-size: 20px;
  }
}
.middle-title .subtitle {
  margin-top: 10px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
  margin-bottom: 1em;
}
.middle-title .subtitle .cat {
  width: 80px;
  height: 25px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: #0047ab;
  color: #fff;
  font-size: 13px;
  text-shadow: none;
}
.middle-title .subtitle .time {
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.middle-title .thumb {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.middle-title .thumb img {
  width: 500px;
}

.news-article {
  max-width: 980px;
  margin: 0 auto 2em;
  padding: 1em 0;
}
.news-article h3 {
  font-size: 18px;
  border-bottom: solid 3px #cce4ff;
  position: relative;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
.news-article h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}
.news-article .thumb {
  display: flex;
  justify-content: center;
  margin-top: 1em;
  position: relative;
  padding-bottom: 2em;
}
.news-article .thumb img {
  width: 500px;
}
.news-article .thumb p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8em;
}
.news-article dl {
  margin: 1em 0;
}
.news-article dl dt {
  margin-top: 1em;
  font-weight: bold;
}
.news-article table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0.5em;
  background-color: #fff;
}
.news-article table th {
  width: 100px;
  text-align: left;
  padding: 5px;
  border: 1px solid #999;
  background-color: #d7d7d7;
  color: #333;
  font-weight: normal;
}
@media (max-width: 640px) {
  .news-article table th {
    display: block;
    width: 100%;
  }
}
.news-article table td {
  width: calc(100% - 100px);
  word-break: break-all;
  padding: 5px;
  border: 1px solid #999;
}
@media (max-width: 640px) {
  .news-article table td {
    display: block;
    width: 100%;
  }
}
.news-article a {
  color: #0047ab;
}
.news-article .palt-bold {
  font-feature-settings: "palt";
  font-weight: bold;
}

/* 便箋風デザイン */
.note_wrap {
  background: #fff;
  padding: 3em 2em 1em;
  width: 100%;
  margin: 1em auto 2em;
  box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.2);
}

.note {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #ddd 97%, #ddd 100%);
  background-size: 100% 2em;
  line-height: 2;
}

.note p {
  margin-bottom: 2em;
  line-height: 2;
  text-align: left;
  text-justify: auto;
  word-break: break-all;
}
@media (max-width: 768px) {
  .note p {
    font-size: 16px;
  }
}/*# sourceMappingURL=news.css.map */