@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.bg-img {
  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) {
  .bg-img {
    margin-top: 90px;
  }
}
.bg-img h1 {
  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;
}
@media screen and (max-width: 767px) {
  .bg-img h1 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .bg-img h1 {
    font-size: 1.75rem;
  }
}
.bg-img h1 span {
  display: block;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .bg-img h1 span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .bg-img h1 span {
    font-size: 0.9375rem;
  }
}

.mainImage {
  position: relative;
  top: -25px;
}
.mainImage .mask-frame {
  -webkit-mask-image: url("../img/shape.svg");
  mask-image: url("../img/shape.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainImage .mask-frame {
    -webkit-mask-image: url("../img/shape_tab.svg");
    mask-image: url("../img/shape_tab.svg");
  }
}
.mainImage .mask-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.mainImage .fixedBtn {
  animation: slideInRight 1s 1.5s forwards, shake 3s 6.5s infinite;
  position: absolute;
  bottom: 10px;
  right: 65px;
  z-index: 10;
  display: inline-block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  opacity: 0;
}
.mainImage .fixedBtn:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .mainImage .fixedBtn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
@media screen and (min-width: 1440px) {
  .mainImage .fixedBtn {
    bottom: 25px;
    right: 300px;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .fixedBtn {
    right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .fixedBtn {
    right: 15px;
  }
}
@media screen and (max-width: 329px) {
  .mainImage .fixedBtn {
    bottom: 10%;
  }
}
.mainImage .fixedBtn img {
  display: block;
  height: auto;
  max-width: 100%;
  /*@media screen and (max-width:479px){
    width: 118px;
  }
  */
}
@media screen and (max-width: 767px) {
  .mainImage .fixedBtn img {
    width: 110px;
  }
}

.cnts {
  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) {
  .cnts {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .cnts {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .cnts {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.cnts .inner {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1279px) {
  .cnts .inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.cnts .inner section {
  margin-bottom: 160px;
}
@media screen and (max-width: 767px) {
  .cnts .inner section {
    margin-bottom: 120px;
  }
}
.cnts .inner section h2 {
  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;
  text-align: center;
  padding-bottom: 60px;
}
@media screen and (max-width: 1279px) {
  .cnts .inner section h2 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts .inner section h2 {
    font-size: 1.5rem;
  }
}

.secToc {
  padding-top: 60px;
}
.secToc__list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  justify-items: center;
  gap: 40px;
  margin-top: 30px;
}
@media screen and (max-width: 1279px) {
  .secToc__list {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .secToc__list {
    display: block;
    margin-top: 0px;
  }
}
.secToc__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
  transition: 0.3s linear;
}
@media (hover: hover) {
  .secToc__item:hover {
    transform: translateX(10px) translateY(10px);
  }
  .secToc__item:hover a span.polygon {
    right: 30px;
  }
}
@media screen and (hover: hover) and (max-width: 479px) {
  .secToc__item:hover a span.polygon {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .secToc__item {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .secToc__item {
    margin-bottom: 20px;
  }
}
.secToc__item a {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 519px;
  height: 168px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 80px;
  border-radius: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  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: #333;
  position: relative;
  background-color: #c4edc1;
}
@media screen and (max-width: 767px) {
  .secToc__item a {
    font-size: 1.5rem;
    height: 120px;
  }
}
@media screen and (max-width: 479px) {
  .secToc__item a {
    font-size: 1.25rem;
    height: 100px;
    padding-left: 30px;
    padding-right: 50px;
    border-radius: 25px;
  }
}
.secToc__item a span.polygon {
  position: absolute;
  top: 50%;
  right: 40px;
  -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) {
  .secToc__item a span.polygon {
    width: 8px;
    height: 10px;
    right: 20px;
  }
}
.secToc__item a:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-image: url("../img/toc-bgimg.jpg");
  background-size: cover;
  border-radius: 30px;
  z-index: -1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.secToc__item a:hover {
  text-decoration: none;
}
.secToc__item a img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 479px) {
  .secToc__item a img {
    width: 65px;
  }
}

.summary-inner {
  padding-top: 200px;
}

.secSummary__ctnr {
  border-radius: 30px;
  background-color: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 70px 70px;
}
@media screen and (max-width: 1279px) {
  .secSummary__ctnr {
    padding: 20px 50px 70px;
  }
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr {
    padding: 20px 30px 50px;
  }
}
.secSummary__ctnr .info-list {
  width: 100%;
}
.secSummary__ctnr .info-item {
  display: flex;
  border-bottom: 3px dotted #00a99d;
  padding: 25px 0;
  gap: 50px;
}
@media screen and (max-width: 1279px) {
  .secSummary__ctnr .info-item {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item {
    gap: 20px;
  }
}
@media screen and (max-width: 479px) {
  .secSummary__ctnr .info-item {
    flex-direction: column;
  }
}
.secSummary__ctnr .info-item dt {
  width: 160px;
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item dt {
    width: auto;
  }
}
.secSummary__ctnr .info-item dt .label {
  font-size: 1.5rem;
  font-weight: 500;
  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: #fff;
  background-color: #00a99d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 8px;
  border-radius: 5px;
  min-width: 90px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item dt .label {
    font-size: 1.25rem;
    padding: 3px 6px;
  }
}
@media screen and (max-width: 479px) {
  .secSummary__ctnr .info-item dt .label {
    font-size: 1rem;
  }
}
.secSummary__ctnr .info-item dd {
  flex: 1;
  margin-left: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 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: #333;
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item dd {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .secSummary__ctnr .info-item dd {
    font-size: 1rem;
  }
}
.secSummary__ctnr .info-item dd a.link-text {
  font-size: 1.5rem;
  font-weight: 500;
  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: underline;
  text-underline-offset: 4px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item dd a.link-text {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .secSummary__ctnr .info-item dd a.link-text {
    font-size: 1rem;
  }
}
@media (hover: hover) {
  .secSummary__ctnr .info-item dd a.link-text:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.secSummary__ctnr .info-item dd .moreBtn {
  padding-top: 25px;
}
.secSummary__ctnr .info-item dd .moreBtn__anchor {
  display: inline-block;
  padding: 20px 50px 20px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  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;
  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;
}
@media screen and (max-width: 767px) {
  .secSummary__ctnr .info-item dd .moreBtn__anchor {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secSummary__ctnr .info-item dd .moreBtn__anchor {
    font-size: 0.9375rem;
    padding: 15px 35px 15px 20px;
    border: solid 2px #f1d02a;
  }
}
.secSummary__ctnr .info-item dd .moreBtn__anchor:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f1d02a;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.secSummary__ctnr .info-item dd .moreBtn__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secSummary__ctnr .info-item dd .moreBtn__anchor: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);
  }
}

.bg-img02 {
  position: relative;
}
.bg-img02__left, .bg-img02__right {
  display: inline-block;
  height: auto;
  max-width: 100%;
  width: 200px;
}
@media screen and (min-width: 1920px) {
  .bg-img02__left, .bg-img02__right {
    width: 293px;
  }
}
@media screen and (max-width: 767px) {
  .bg-img02__left, .bg-img02__right {
    width: 150px;
  }
}
.bg-img02__left {
  position: absolute;
  top: -40px;
  right: 20%;
}
@media screen and (min-width: 1920px) {
  .bg-img02__left {
    right: auto;
    position: absolute;
    top: 36px;
    left: 80px;
  }
}
@media screen and (max-width: 1279px) {
  .bg-img02__left {
    top: -80px;
    right: 25%;
  }
}
@media screen and (max-width: 767px) {
  .bg-img02__left {
    top: -50px;
    right: 33%;
  }
}
@media screen and (max-width: 479px) {
  .bg-img02__left {
    right: auto;
    left: 5%;
    width: 125px;
  }
}
.bg-img02__right {
  position: absolute;
  top: 0;
  right: 4%;
}
@media screen and (min-width: 1920px) {
  .bg-img02__right {
    position: absolute;
    top: 789px;
    right: 80px;
  }
}
@media screen and (max-width: 1279px) {
  .bg-img02__right {
    top: -20px;
    right: 4%;
  }
}
@media screen and (max-width: 767px) {
  .bg-img02__right {
    right: 1%;
  }
}
.bg-img02:before {
  content: "";
  position: absolute;
  top: -370px;
  left: 0;
  width: 302px;
  height: 649px;
  background-image: url("../img/summary-left_bgimg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top left;
  z-index: -1;
  opacity: 0.3;
}
@media screen and (min-width: 1920px) {
  .bg-img02:before {
    opacity: 1;
  }
}
.bg-img02:after {
  content: "";
  position: absolute;
  top: 425px;
  right: 0;
  width: 299px;
  height: 648px;
  background-image: url("../img/summary-right_bgimg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top right;
  z-index: -1;
  opacity: 0.3;
}
@media screen and (min-width: 1920px) {
  .bg-img02:after {
    opacity: 1;
  }
}

.secNews {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 130px;
  margin: 0 auto 250px;
}
@media screen and (max-width: 1279px) {
  .secNews {
    padding-top: 0;
    max-width: 980px;
  }
}
@media screen and (max-width: 767px) {
  .secNews {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.secNews__hl {
  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;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .secNews__hl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .secNews__hl {
    font-size: 1.5rem;
    gap: 5px;
  }
}
.secNews .flex {
  display: flex;
  gap: 40px;
  /*@media screen and (max-width:767px){
    gap: 60px;
  }*/
}
@media screen and (max-width: 1279px) {
  .secNews .flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex {
    gap: 20px;
  }
}
.secNews .flex__left {
  flex: 1;
}
@media screen and (max-width: 1279px) {
  .secNews .flex__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex__left {
    gap: 20px;
  }
}
@media screen and (max-width: 329px) {
  .secNews .flex__left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
  }
}
.secNews .flex__left .moreBtn {
  padding-top: 70px;
}
@media screen and (max-width: 1279px) {
  .secNews .flex__left .moreBtn {
    padding-top: 0;
  }
}
.secNews .flex__left .moreBtn__anchor {
  display: inline-block;
  padding: 20px 50px 20px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  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;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .secNews .flex__left .moreBtn__anchor {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex__left .moreBtn__anchor {
    font-size: 0.9375rem;
    padding: 15px 35px 15px 20px;
    border: solid 2px #f1d02a;
  }
}
.secNews .flex__left .moreBtn__anchor:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f1d02a;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.secNews .flex__left .moreBtn__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secNews .flex__left .moreBtn__anchor: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);
  }
}
.secNews .flex__right {
  width: 900px;
}
@media screen and (max-width: 1279px) {
  .secNews .flex__right {
    width: 100%;
  }
}
.secNews__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.secNews__item {
  border-bottom: 3px dotted #00a99d;
}
.secNews__item--anchor {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 25px 70px 25px 20px;
  text-decoration: none;
  color: #333;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor {
    padding: 25px 70px 25px 10px;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor {
    padding: 25px 30px 25px 15px;
  }
}
.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) {
  .secNews__item--anchor:before {
    width: 8px;
    height: 10px;
    right: 10px;
  }
}
.secNews__item--anchor .top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor .top {
    gap: 10px;
  }
}
.secNews__item--anchor .top .date {
  font-size: 1.5rem;
  font-weight: 500;
  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;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .top .date {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .top .date {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor .top .date {
    font-size: 0.9375rem;
  }
}
.secNews__item--anchor .top .cate {
  font-size: 1.5rem;
  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: 1279px) {
  .secNews__item--anchor .top .cate {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .top .cate {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor .top .cate {
    font-size: 0.9375rem;
    padding: 2px 5px;
    border-radius: 3px;
    max-width: 180px;
  }
}
.secNews__item--anchor .btm {
  font-size: 1.5rem;
  font-weight: 500;
  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;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .btm {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .btm {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor .btm {
    font-size: 0.9375rem;
  }
}
.secNews__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secNews__item--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
  .secNews__item--anchor:hover::before {
    -moz-transform: translate(5px, -50%);
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
}