header {
  border-bottom: 1px solid #ddd;
}
header .block {
  font-size: inherit;
  margin-left: .7rem;
  color: #12ad75;
}

main {
  padding: 2rem;
  background: #f8f8f8;
  min-height: calc(100vh - 6.5rem);
}
main .link_wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
main .link_wrap ul li:last-child {
  grid-column: span 2;
}
main .link_wrap ul li a img {
  width: 100%;
}

/* district_sub.php */
main .content_wrap {
  background: #fff;
  padding: 2.5rem 1.5rem;
  min-height: calc(100vh - 10.5rem);
}
main .content_wrap > ul li:not(:last-child) {
  margin-bottom: 3rem;
}
main .content_wrap > ul li .title {
  font-size: 2rem;
  font-weight: 700;
  color: #12ad75;
  margin-bottom: 1rem;
}
main .content_wrap > ul li .content {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #666;
}

/* content.php */
main .content_wrap > pre {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #666;
}

/* recruit_sub.php */
main .btn_wrap {
  margin: 4rem 0;
}
main .btn_wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .6rem;
}
main .btn_wrap ul li img {
  width: 100%;
}
main .btn_wrap ul li a {
  display: block;
}

main .method_wrap .title {
  font-size: 2rem;
  font-weight: 700;
  color: #12ad75;
  margin-bottom: 1rem;
}
main .method_wrap .content {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #666;
}

/* article.php */
main .news_title_wrap {
  padding-bottom: 1.8rem;
  border-bottom: 1px solid #ddd;
}
main .news_title_wrap h1 {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: .8rem;
}
main .news_title_wrap .date {
  font-size: 1.8rem;
  font-weight: 600;
  color: #12ad75;
}
main .news_content_wrap {
  padding: 1.8rem 0;
  margin-bottom: 1rem;
}
main .news_content_wrap pre {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #666;
}
main .more {
  display: block;
  font-size: 2rem;
  padding: 1.7rem 1.5rem;
  color: #fff;
  background: linear-gradient(to right, #228c9f, #44a788);
  border-radius: 1rem;
  position: relative;
}
main .more::after {
  content: "";
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  background: url("../img/arrow1.png") no-repeat center / contain;
}