@charset "UTF-8";
@media screen and (min-width: 769px) {
  .kv_puzzle.news {
    bottom: calc(min(90 / 1320 * 100vw, 90px) * -1);
  }
}
.kv_puzzle.news .piece.piece01 {
  right: 0;
  top: min(88 / 1320 * 100vw, 88px);
}
.kv_puzzle.news .piece.piece02 {
  left: 0;
  top: min(88 / 1320 * 100vw, 88px);
}
.kv_puzzle.news .piece.piece03 {
  right: min(88 / 1320 * 100vw, 88px);
  top: min(88 / 1320 * 100vw, 88px);
}
.kv_puzzle.news .piece.piece04 {
  right: 0;
  bottom: 0;
}
.kv_puzzle.news .piece.piece05 {
  left: 0;
  bottom: 0;
}
.kv_puzzle.news .piece.piece06 {
  right: min(88 / 1320 * 100vw, 88px);
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .kv_puzzle.news .piece.piece01 {
    top: min(32 / 375 * 100vw, 32px);
  }
  .kv_puzzle.news .piece.piece02 {
    top: min(32 / 375 * 100vw, 32px);
  }
  .kv_puzzle.news .piece.piece03 {
    right: min(32 / 375 * 100vw, 32px);
    top: min(32 / 375 * 100vw, 32px);
  }
  .kv_puzzle.news .piece.piece06 {
    right: min(32 / 375 * 100vw, 32px);
  }
}

#news .box_status {
  margin-top: 0.35em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#news .box_status .time {
  padding-top: 0.05em;
  font-size: min(16 / 1320 * 100vw, 16px);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-weight: 900;
  color: #0075B3;
  letter-spacing: 0.05em;
}
#news .box_status .category {
  margin: 0.4em 0 0 1.5em;
  padding: 0.35em 0.5em;
  background: #0075B3;
  font-size: min(14 / 1320 * 100vw, 14px);
  color: #fff;
  line-height: 1;
  display: inline-block;
}
#news .box_status.important .time {
  color: #EE442B;
}
#news .box_status.important .category {
  background: #EE442B;
}
@media screen and (max-width: 768px) {
  #news .box_status .time {
    font-size: min(14 / 375 * 100vw, 14px);
  }
  #news .box_status .category {
    margin-left: 0.8em;
    font-size: min(12 / 375 * 100vw, 12px);
  }
}
#news.single .kv_puzzle.news {
  display: none;
}
#news.single .area_footer_contact {
  background-color: transparent;
}
#news.single .ol_breadcrumb {
  margin: 3.15em auto min(50 / 1320 * 100vw, 50px);
}
@media screen and (max-width: 768px) {
  #news.single .ol_breadcrumb {
    margin: 4.45em auto 2em;
  }
}
#news.single .pagatitle,
#news.single .title {
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
#news.single .pagatitle {
  font-size: min(20 / 1320 * 100vw, 20px);
}
#news.single .title {
  margin-top: 0.1em;
  font-size: min(28 / 1320 * 100vw, 28px);
}
#news.single .thumbnail {
  margin-top: 1.7em;
}
#news.single .thumbnail img {
  height: auto;
}
@media screen and (max-width: 768px) {
  #news.single .pagatitle {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  #news.single .title {
    font-size: min(24 / 375 * 100vw, 24px);
    line-height: 1.8;
  }
}
#news.single #pagelink {
  margin: 4.45em 0 2em;
}
@media screen and (max-width: 768px) {
  #news.single #pagelink {
    margin: 1.6em 0 1.2em;
  }
}
#news.archive .news_wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#news.archive .news_wrap .box_category {
  width: min(240 / 1320 * 100vw, 240px);
}
#news.archive .news_wrap .box_category .tit_category {
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-weight: 900;
  color: #0075B3;
  font-size: min(20 / 1320 * 100vw, 20px);
  letter-spacing: 0.04em;
}
#news.archive .news_wrap .box_category .ul_category {
  margin-top: 1.2em;
}
#news.archive .news_wrap .box_category .ul_category li + li {
  margin-top: 1.1em;
}
#news.archive .news_wrap .box_category .ul_category li a.important.current, #news.archive .news_wrap .box_category .ul_category li a.important:hover {
  color: #EE442B;
}
#news.archive .news_wrap .box_category .ul_category li a.important.current::before, #news.archive .news_wrap .box_category .ul_category li a.important:hover::before {
  border-color: #EE442B;
}
#news.archive .news_wrap .box_category .ul_category li a.important.current::after, #news.archive .news_wrap .box_category .ul_category li a.important:hover::after {
  background: #EE442B;
}
#news.archive .news_wrap .box_news {
  width: calc(100% - min(240 / 1320 * 100vw, 240px));
  max-width: 900px;
}
#news.archive .news_wrap .box_news .box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#news.archive .news_wrap .box_news .box_title .pagetitle {
  font-size: min(28 / 1320 * 100vw, 28px);
  font-family: "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
#news.archive .news_wrap .box_news .box_title .count {
  padding-top: 1em;
  color: #A2A2A2;
  font-size: min(16 / 1320 * 100vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#news.archive .news_wrap .box_news .box_title .count .num {
  padding: 0 0.2em;
  font-size: min(20 / 1320 * 100vw, 20px);
  font-family: "Inter", "ZenKakuGothicNew-Medium", sans-serif;
  font-weight: 900;
}
#news.archive .news_wrap .box_news .ul_news {
  margin-top: 1.7em;
  position: relative;
}
#news.archive .news_wrap .box_news .ul_news::before,
#news.archive .news_wrap .box_news .ul_news li::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHElEQVR4AWJatGjRfwYoYIqLi2OEshmYYAwQDQAAAP//JeF1QgAAAAZJREFUAwCEZAQHYY95WQAAAABJRU5ErkJggg==) repeat;
}
#news.archive .news_wrap .box_news .ul_news::before {
  top: 0;
}
#news.archive .news_wrap .box_news .ul_news li {
  position: relative;
}
#news.archive .news_wrap .box_news .ul_news li::after {
  bottom: 0;
}
#news.archive .news_wrap .box_news .ul_news li a {
  padding: 1em 0;
  display: block;
}
#news.archive .news_wrap .box_news .ul_news li a .box_status {
  margin-bottom: 0.3em;
}
#news.archive .news_wrap .box_news .ul_news li a .category {
  margin-left: 3em;
}
#news.archive .news_wrap .box_news .ul_news li a .title {
  padding-left: 1em;
  font-size: min(18 / 1320 * 100vw, 18px);
  position: relative;
}
#news.archive .news_wrap .box_news .ul_news li a .title::before {
  content: "";
  width: min(12 / 1320 * 100vw, 12px);
  height: min(12 / 1320 * 100vw, 12px);
  margin-right: 0.4em;
  display: inline-block;
  -webkit-mask: url(../img/common/icon_right.svg);
          mask: url(../img/common/icon_right.svg);
  background-color: #0075B3;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  position: absolute;
  top: min(14 / 1320 * 100vw, 14px);
  left: 0;
}
#news.archive .news_wrap .box_news .ul_news li a .title span {
  display: inline;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0 1px 0 rgba(0, 117, 179, 0);
          box-shadow: 0 1px 0 rgba(0, 117, 179, 0);
}
#news.archive .news_wrap .box_news .ul_news li a.important .title::before {
  background-color: #EE442B;
}
#news.archive .news_wrap .box_news .ul_news li a.important .title span {
  -webkit-box-shadow: 0 1px 0 rgba(238, 68, 43, 0);
          box-shadow: 0 1px 0 rgba(238, 68, 43, 0);
}
@media (hover: hover) {
  #news.archive .news_wrap .box_news .ul_news li a:hover .title span {
    color: #0075B3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 1px 0 rgb(0, 117, 179);
            box-shadow: 0 1px 0 rgb(0, 117, 179);
  }
  #news.archive .news_wrap .box_news .ul_news li a:hover.important .title::before {
    background-color: #EE442B;
  }
  #news.archive .news_wrap .box_news .ul_news li a:hover.important .title span {
    color: #EE442B;
    -webkit-box-shadow: 0 1px 0 rgb(238, 68, 43);
            box-shadow: 0 1px 0 rgb(238, 68, 43);
  }
}
@media screen and (max-width: 768px) {
  #news.archive .news_wrap {
    margin-top: 1.8em;
  }
  #news.archive .news_wrap .box_category {
    width: 100%;
  }
  #news.archive .news_wrap .box_category .tit_category {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  #news.archive .news_wrap .box_category .ul_category {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.2em 1.2em;
  }
  #news.archive .news_wrap .box_category .ul_category li + li {
    margin-top: 0;
  }
  #news.archive .news_wrap .box_news {
    width: 100%;
    margin-top: 4.4em;
  }
  #news.archive .news_wrap .box_news .box_title {
    margin-top: 0;
    display: block;
    text-align: left;
    line-height: 1;
  }
  #news.archive .news_wrap .box_news .box_title .pagetitle {
    font-size: min(24 / 375 * 100vw, 24px);
  }
  #news.archive .news_wrap .box_news .box_title .count {
    margin-top: 2.5em;
    padding-top: 0;
    font-size: min(14 / 375 * 100vw, 14px);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #news.archive .news_wrap .box_news .box_title .count .num {
    font-size: min(16 / 375 * 100vw, 16px);
  }
  #news.archive .news_wrap .box_news .ul_news {
    margin-top: 0.8em;
  }
  #news.archive .news_wrap .box_news .ul_news li a {
    padding: 0.6em 0 0.9em;
  }
  #news.archive .news_wrap .box_news .ul_news li a .category {
    margin-left: 0.7em;
  }
  #news.archive .news_wrap .box_news .ul_news li a .title {
    margin-top: 0.4em;
    padding-left: min(20 / 375 * 100vw, 20px);
  }
  #news.archive .news_wrap .box_news .ul_news li a .title::before {
    width: min(12 / 375 * 100vw, 12px);
    height: min(12 / 375 * 100vw, 12px);
    top: min(11 / 375 * 100vw, 11px);
  }
  #news.archive .news_wrap .box_news .ul_news li a .title span {
    font-size: min(16 / 375 * 100vw, 16px);
  }
}
#news.archive #pagenavi {
  margin-top: 4.4em;
}
@media screen and (max-width: 768px) {
  #news.archive #pagenavi {
    margin-top: 1.8em;
  }
}