@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.news__hero {
  margin-top: 120px;
  /*ヘッダーの高さ*/
  background-color: #EFF2D3;
  background-image: url("../../img/common/bg-img.jpg");
  background-size: cover;
  background-repeat: repeat-y;
  background-position: top left;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 899px) {
  .news__hero {
    margin-top: 90px;
  }
}
.news__ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  text-align: center;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .news__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .news__ttl {
    font-size: 1.75rem;
  }
}
.news__ttl span {
  display: block;
  line-height: 2;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .news__ttl span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .news__ttl span {
    font-size: 0.9375rem;
  }
}
.news .sep {
  position: relative;
  top: -25px;
  z-index: 1;
}
.news .sep__image {
  overflow: hidden;
}
.news .sep__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .news .sep__image img {
    width: 1920px;
  }
}
@media screen and (max-width: 479px) {
  .news .sep__image img {
    width: 960px;
  }
}
.news .lyt-cntr {
  max-width: min(1400px, 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .news .lyt-cntr {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .news .lyt-cntr {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .news .lyt-cntr {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.news .lyt-cntr__inner {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1279px) {
  .news .lyt-cntr__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.news .newsList-area .secNews {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 80px;
  margin: 0 auto 250px;
}
@media screen and (max-width: 1279px) {
  .news .newsList-area .secNews {
    max-width: 980px;
  }
}
@media screen and (max-width: 767px) {
  .news .newsList-area .secNews {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.news .newsList-area .secNews__ttl {
  width: 100%;
  margin: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  cursor: default;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1279px) {
  .news .newsList-area .secNews__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__ttl {
    font-size: 1.5rem;
    margin-bottom: 60px;
  }
}
.news .newsList-area .secNews__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news .newsList-area .secNews__item {
  border-bottom: 3px dotted #00a99d;
}
.news .newsList-area .secNews__item:first-of-type {
  border-top: 3px dotted #00a99d;
}
.news .newsList-area .secNews__item--anchor {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 30px 70px 30px 20px;
  text-decoration: none;
  color: #333;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media screen and (max-width: 1279px) {
  .news .newsList-area .secNews__item--anchor {
    padding: 25px 70px 25px 10px;
  }
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor {
    padding: 25px 30px 25px 15px;
  }
}
.news .newsList-area .secNews__item--anchor:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #333;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor:before {
    width: 8px;
    height: 10px;
    right: 10px;
  }
}
.news .newsList-area .secNews__item--anchor .top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor .top {
    gap: 10px;
  }
}
.news .newsList-area .secNews__item--anchor .top .date {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .news .newsList-area .secNews__item--anchor .top .date {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor .top .date {
    font-size: 0.9375rem;
  }
}
.news .newsList-area .secNews__item--anchor .top .cate {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #fff;
  background-color: #6bbb6e;
  padding: 3px 8px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .news .newsList-area .secNews__item--anchor .top .cate {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor .top .cate {
    font-size: 0.9375rem;
    padding: 2px 5px;
    border-radius: 3px;
    max-width: 180px;
  }
}
.news .newsList-area .secNews__item--anchor .btm {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .news .newsList-area .secNews__item--anchor .btm {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .news .newsList-area .secNews__item--anchor .btm {
    font-size: 0.9375rem;
  }
}
.news .newsList-area .secNews__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .news .newsList-area .secNews__item--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
  .news .newsList-area .secNews__item--anchor:hover::before {
    -moz-transform: translate(5px, -50%);
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
}

.newsDtl__ttl {
  width: 100%;
  margin: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  cursor: default;
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 4px dotted #00a99d;
}
@media screen and (max-width: 1279px) {
  .newsDtl__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__ttl {
    font-size: 1.5rem;
  }
}
.newsDtl__lyt {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .newsDtl__lyt {
    flex-direction: column;
    margin-top: 40px;
  }
}
.newsDtl__lyt .cate {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #fff;
  background-color: #6bbb6e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .newsDtl__lyt .cate {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__lyt .cate {
    font-size: 0.9375rem;
    padding: 3px 5px;
    border-radius: 3px;
    /*max-width: 180px;*/
    max-width: fit-content;
  }
}
.newsDtl__lyt .date {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .newsDtl__lyt .date {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__lyt .date {
    font-size: 0.9375rem;
  }
}
.newsDtl__middle {
  margin-top: 30px;
}
.newsDtl__middle .system-free {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 90px 90px;
  border-radius: 10px;
  background-color: #fcf8e8;
}
@media screen and (max-width: 899px) {
  .newsDtl__middle .system-free {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__middle .system-free {
    padding: 50px 30px;
  }
}
.newsDtl__btm .dl__list {
  list-style: none;
  padding: 0;
  margin: 60px 0 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.newsDtl__btm .dl__link {
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.3s;
}
.newsDtl__btm .dl__link p span {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  border-bottom: dotted 2px #1d1d1d;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .newsDtl__btm .dl__link p span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__btm .dl__link p span {
    font-size: 0.9375rem;
  }
}
.newsDtl__btm .dl__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .newsDtl__btm .dl__link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.newsDtl__btm .dl__link img {
  width: 40px;
}
@media screen and (max-width: 479px) {
  .newsDtl__btm .dl__link img {
    width: 25px;
  }
}
.newsDtl__btm .back .back-button {
  padding-top: 130px;
  padding-bottom: 200px;
  text-align: center;
}
.newsDtl__btm .back .back-button__link {
  display: inline-block;
  padding: 25px 40px 25px 45px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  text-decoration: none;
  border-radius: 999px;
  border: solid 3px #f1d02a;
  background-color: #fcf1bc;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .newsDtl__btm .back .back-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__btm .back .back-button__link {
    font-size: 0.9375rem;
    padding: 15px 20px 15px 35px;
    border: solid 2px #f1d02a;
    width: 320px;
  }
}
.newsDtl__btm .back .back-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .newsDtl__btm .back .back-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .newsDtl__btm .back .back-button__link span {
    font-size: 0.8125rem;
  }
}
.newsDtl__btm .back .back-button__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f1d02a;
  width: 12px;
  height: 15px;
  clip-path: polygon(100% 0, 100% 100%, 0% 50%);
}
.newsDtl__btm .back .back-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .newsDtl__btm .back .back-button__link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}