@charset "utf-8";
/* ----------------------------------------
 news-list
------------------------------------------- */
#news-list .box {
  max-width: 1200px;
}
#news-list ul {
  margin-bottom: 50px;
}
#news-list ul li {
  background-color: #f7faf9;
  padding: 25px 50px;
}
#news-list ul li:nth-child(2n){
  background-color: #ffffff;
}
#news-list ul li:last-child {
  margin-bottom: 0;
}
#news-list ul li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#news-list ul li dl dt {
  width: 20%;
  color: #14c590;
}
#news-list ul li dl dd {
  width: 78%;
}
/* ----------------------------------------
 news
------------------------------------------- */
.news-detail .box {
  background-color: #f7faf9;
  padding: 50px 60px;
  margin-bottom: 50px;
}
.news-detail .title {
  font-size: 3rem;
  text-align: left;
  line-height: 1.3;
  margin-bottom: 30px;
}
.news-detail article {
  text-align: left;
}
.news-detail article img {
  max-width: 100%;
  height: auto;
}
.remark {
  text-align: left;
  margin-bottom: 10px;
}
.remark .date {
  color: #14c590;
  margin-right: 10px;
}
img.alignright {
  display: block;
  margin: 0 0 0 auto !important;
}
img.alignleft {
  display: block;
  margin: 0 auto 0 0 !important;
}
img.aligncenter {
  display: block;
  margin: 0 auto !important;
}
/* ----------------------------------------
 pager
------------------------------------------- */
.pagination {
  width: 100%;
  margin: auto;
  text-align: center;
}
.pagination ul {
  display: flex;
  justify-content: center;
}
.pagination ul li {
  color: #14c590;
  background: #fafafa;
  border: 1px solid #cde9d7;
  border-radius: 5px;
}
.pagination ul li:not(:last-of-type) {
  margin-right: 10px;
}
.pagination ul li a {
  display: block;
  width: clamp(35px, 10vw, 60px);
  padding: 10px 0;
}
.pagination ul li a,
.pagination ul li a:visited {
  text-decoration: none;
}
.pagination ul li.active {
  background: #14c590;
  border: 1px solid #cde9d7;
}
.pagination ul li.active a {
  color: #fff;
}



/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
}
/* =======================
  SP
======================== */
@media screen and (max-width: 599px) {
/* ----------------------------------------
 news-list
------------------------------------------- */
#news-list ul {
  margin-bottom: 30px;
}
#news-list ul li {
  padding: 3vw 4vw;
}
#news-list ul li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#news-list ul li dl dt {
  width: 100%;
  color: #14c590;
}
#news-list ul li dl dd {
  width: 100%;
}
/* ----------------------------------------
 news
------------------------------------------- */
.news-detail .box {
  padding: 7vw 6vw;
  margin-bottom: 6vw;
}
.news-detail .title {
  font-size: 1.8rem;
  margin-bottom: 6vw;
}
.remark {
  margin-bottom: 10px;
}
.remark .date {
  color: #14c590;
  margin-right: 10px;
}


}