@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.bg-img {
  background-color: #EFF2D3;
  background-image: url("../img/common/bg-img.jpg");
  background-size: cover;
  background-repeat: repeat-y;
  background-position: top left;
}

.mainImage {
  margin-top: 120px;
  /*ヘッダーの高さ*/
  height: 720px;
  position: relative;
  /*アニメーション準備*/
}
@media screen and (max-width: 899px) {
  .mainImage {
    margin-top: 90px;
  }
}
.mainImage .catchphrase,
.mainImage .illust-left,
.mainImage .illust-right,
.mainImage .fixedBtn {
  opacity: 0;
}
.mainImage .catchphrase {
  animation: slideInLeft 1.5s forwards;
  animation-delay: 1.5s;
  position: absolute;
  top: 70px;
  left: 7%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage .catchphrase {
    width: calc(130px * 1.5);
    top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .catchphrase {
    width: calc(130px * 1.5);
    top: 70px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .catchphrase {
    width: 130px;
    top: 35px;
  }
}
.mainImage .illust-left {
  animation: slideInLeft 1.5s forwards;
  animation-delay: 2.0s;
  position: absolute;
  bottom: 20px;
  left: 8.3%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .mainImage .illust-left {
    width: calc(140px * 1.5);
  }
}
@media screen and (max-width: 479px) {
  .mainImage .illust-left {
    width: 140px;
  }
}
.mainImage .illust-right {
  animation: slideInRight 1.5s forwards;
  animation-delay: 2.5s;
  position: absolute;
  top: 240px;
  right: 5.5%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage .illust-right {
    top: 20px;
    /*top: auto;
    bottom: 20px;*/
  }
}
@media screen and (max-width: 767px) {
  .mainImage .illust-right {
    top: 40px;
    /*bottom: auto;*/
    width: calc(115px * 1.5);
  }
}
@media screen and (max-width: 479px) {
  .mainImage .illust-right {
    width: 115px;
    bottom: 0;
    top: auto;
  }
}
.mainImage .fixedBtn {
  animation: slideInRight 3s 3.5s forwards, shake 3s 6.5s infinite;
  position: fixed;
  bottom: 60px;
  right: 65px;
  z-index: 10;
  display: inline-block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  /*@media screen and (max-width: 329px) {
    bottom: 10%;
  }*/
}
.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 (max-width: 1279px) {
  .mainImage .fixedBtn {
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .fixedBtn {
    bottom: 140px;
    right: 10px;
  }
}
.mainImage .fixedBtn img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .mainImage .fixedBtn img {
    width: 140px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .fixedBtn img {
    width: 120px;
  }
}
@media screen and (max-width: 329px) {
  .mainImage .fixedBtn img {
    width: 90px;
  }
}

.slider01 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .slider01 {
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .slider01 {
    top: auto;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 329px) {
  .slider01 {
    top: 50px;
  }
}
.slider01 .mask-frame {
  overflow: hidden;
  aspect-ratio: 1200 / 650;
  margin: 20px 13.5% auto auto;
  max-width: 1200px;
  /* SVGをマスクとして適用（Safari対策で -webkit- 必須級） */
  -webkit-mask-image: url("../img/index/shape01.svg");
  mask-image: url("../img/index/shape01.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;
  border-radius: 16px;
  /* 万一maskが効かない環境の“角丸” */
}
@media screen and (max-width: 1439px) {
  .slider01 .mask-frame {
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .slider01 .mask-frame {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .slider01 .mask-frame {
    aspect-ratio: 390 / 500;
    -webkit-mask-image: url("../img/index/shape01_sp.svg");
    mask-image: url("../img/index/shape01_sp.svg");
    max-width: 540px;
  }
}
.slider01 .mask-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1);
  /* animation: zoom-up 10s forwards;*/
}

.intro {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .intro {
    margin-top: 40px;
  }
}
.intro:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-image: url("../img/common/joint-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.intro__paragraph {
  width: 41%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 290px;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .intro__paragraph {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .intro__paragraph {
    width: 77.5%;
  }
}
@media screen and (max-width: 479px) {
  .intro__paragraph {
    width: 85%;
    padding-bottom: 500px;
  }
}
@media screen and (max-width: 329px) {
  .intro__paragraph {
    width: 95%;
  }
}
.intro__paragraph span {
  display: inline;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 3;
  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;
  background-color: #fff;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .intro__paragraph span {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .intro__paragraph span {
    font-size: 1rem;
  }
}
.intro .intro-left,
.intro .intro-right {
  display: block;
  height: auto;
  max-width: 100%;
}
.intro .intro-left {
  position: absolute;
  bottom: 50%;
  left: calc(29.5% - 340px);
  /*@media screen and (max-width:1279px){
    width: 171px;
    left: 20px;
  }*/
}
@media screen and (max-width: 1279px) {
  .intro .intro-left {
    bottom: 70px;
    left: 12%;
    width: 171px;
  }
}
@media screen and (max-width: 767px) {
  .intro .intro-left {
    left: 6%;
  }
}
@media screen and (max-width: 479px) {
  .intro .intro-left {
    bottom: 240px;
  }
}
.intro .intro-right {
  position: absolute;
  bottom: 50%;
  right: calc(29.5% - 340px);
  /*@media screen and (max-width:1279px){
    width: 171px;
    right: 20px;
  }*/
}
@media screen and (max-width: 1279px) {
  .intro .intro-right {
    bottom: 50px;
    right: 12%;
    width: 171px;
  }
}
@media screen and (max-width: 767px) {
  .intro .intro-right {
    right: 6%;
  }
}

.fac {
  position: relative;
  max-width: min(1400px, 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 767px) {
  .fac {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 479px) {
  .fac {
    margin-bottom: 80px;
  }
}
.fac__hl {
  width: max-content;
  margin: 75px auto 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;
  text-align: center;
  position: relative;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .fac__hl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .fac__hl {
    font-size: 1.5rem;
    margin: 40px auto 0;
  }
}
.fac__hl img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 78px;
  position: absolute;
  top: 0;
  left: -105px;
}
@media screen and (max-width: 1279px) {
  .fac__hl img {
    width: 72px;
    left: -90px;
  }
}
@media screen and (max-width: 479px) {
  .fac__hl img {
    width: 46px;
    left: -60px;
  }
}
.fac__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 100px auto 0;
}
@media screen and (max-width: 1279px) {
  .fac__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .fac__grid {
    grid-template-columns: 1fr;
    max-width: 540px;
  }
}
@media screen and (max-width: 479px) {
  .fac__grid {
    margin-top: 60px;
    gap: 80px;
  }
}
.fac__grid .card {
  display: flex;
  flex-direction: column;
  border: 5px solid #00a99d;
  border-radius: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  cursor: default;
}
@media screen and (max-width: 479px) {
  .fac__grid .card {
    max-width: 275px;
    margin: 0 auto;
    border: 3px solid #00a99d;
  }
}
.fac__grid .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.fac__grid .card__name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100px;
  border-radius: 15px 15px 0 0;
}
@media screen and (max-width: 479px) {
  .fac__grid .card__name {
    height: 65px;
  }
}
.fac__grid .card__name span {
  display: block;
  font-size: 1.875rem;
  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;
}
@media screen and (max-width: 767px) {
  .fac__grid .card__name span {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .fac__grid .card__name span {
    font-size: 1.25rem;
  }
}
.fac__grid .card__name span.sub {
  font-size: 1.5rem;
}
@media screen and (max-width: 1279px) {
  .fac__grid .card__name span.sub {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 479px) {
  .fac__grid .card__name span.sub {
    font-size: 1rem;
  }
}
.fac__grid .card__place {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .fac__grid .card__place {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.fac__grid .card__place span {
  display: inline-block;
  font-size: 1.125rem;
  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: #00a99d;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 5px;
}
@media screen and (max-width: 479px) {
  .fac__grid .card__place span {
    font-size: 0.9375rem;
  }
}
.fac__grid .card .tags {
  padding: 0 20px;
  margin-bottom: 20px;
  flex-grow: 1;
}
@media screen and (max-width: 479px) {
  .fac__grid .card .tags {
    padding: 0 15px;
  }
}
.fac__grid .card .tags__list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
}
.fac__grid .card .tags__item {
  font-size: 1.125rem;
  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;
  padding: 3px 8px;
  border-radius: 5px;
  background-color: #00a99d;
}
@media screen and (max-width: 767px) {
  .fac__grid .card .tags__item {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .fac__grid .card .tags__item {
    font-size: 0.8125rem;
    padding: 0px 5px;
    border-radius: 3px;
  }
}
.fac__grid .card__image {
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .fac__grid .card__image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.fac__grid .card__image > img {
  aspect-ratio: 25 / 14;
  object-fit: cover;
  max-width: 100%;
}
.fac__grid .card .btn {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
@media screen and (max-width: 479px) {
  .fac__grid .card .btn {
    bottom: 12px;
    right: auto;
    left: 8px;
  }
}
.fac__grid .card .btn__anchor {
  display: inline-block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.fac__grid .card .btn__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .fac__grid .card .btn__anchor:hover {
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.fac__grid .card .btn__anchor img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 479px) {
  .fac__grid .card .btn__anchor img {
    width: 80px;
  }
}
.fac__grid .card:nth-of-type(2n+1) .card__name {
  background-color: #c4edc1;
}
.fac__grid .card:nth-of-type(2n) .card__name {
  background-color: #f0f4d2;
}
.fac .aboutName {
  display: flex;
  gap: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 120px;
  border-radius: 99px;
  margin-top: 130px;
  background-image: url("../img/index/about_bgimg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1279px) {
  .fac .aboutName {
    background-size: cover;
    padding: 45px 55px;
  }
}
@media screen and (max-width: 767px) {
  .fac .aboutName {
    border-radius: 15px;
    padding: 40px 20px;
  }
}
@media screen and (max-width: 479px) {
  .fac .aboutName {
    margin-top: 80px;
    gap: 15px;
    padding: 40px 15px;
  }
}
@media screen and (max-width: 329px) {
  .fac .aboutName {
    flex-direction: column;
  }
}
.fac .aboutName .left {
  flex: 0 0 auto;
}
.fac .aboutName .left img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .fac .aboutName .left img {
    width: 137px;
  }
}
@media screen and (max-width: 479px) {
  .fac .aboutName .left img {
    width: 120px;
  }
}
@media screen and (max-width: 329px) {
  .fac .aboutName .left img {
    width: 100px;
    margin: 0 auto;
  }
}
.fac .aboutName .right {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  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) {
  .fac .aboutName .right {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .fac .aboutName .right {
    font-size: 0.9375rem;
  }
}

.secNews {
  max-width: min(1400px, 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 200px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .secNews {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 479px) {
  .secNews {
    margin-bottom: 100px;
  }
}
.secNews__hl {
  width: max-content;
  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__hl img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 82px;
}
@media screen and (max-width: 479px) {
  .secNews__hl img {
    width: 51px;
  }
}
.secNews .flex {
  display: flex;
  gap: 40px;
}
@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 1 auto;
  flex-shrink: 0;
}
@media screen and (max-width: 1279px) {
  .secNews .flex__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.secNews .flex__left .moreBtn {
  padding-top: 60px;
}
@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;
}
@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: 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%);
  }
}

.bg-clr {
  background-color: #f0f4d2;
  position: relative;
  padding-top: 150px;
}
@media screen and (max-width: 479px) {
  .bg-clr {
    padding-top: 90px;
  }
}
.bg-clr:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-image: url("../img/common/joint-white.png");
  transform: rotate(180deg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.bnr {
  max-width: min(1400px, 100%);
  margin: 0 auto 200px;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .bnr {
    padding: 0 15px;
  }
}
@media screen and (max-width: 479px) {
  .bnr {
    margin-bottom: 150px;
  }
}
.bnr__anchor {
  display: block;
  width: max-content;
  margin: 0 auto;
  max-width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.bnr__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .bnr__anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
}
.bnr__anchor img {
  height: auto;
  max-width: 100%;
}

.secSns {
  max-width: min(1400px, 100%);
  margin: 0 auto;
  padding: 0 40px 200px;
}
@media screen and (max-width: 767px) {
  .secSns {
    padding: 0 15px 100px;
  }
}
.secSns__hl {
  width: max-content;
  margin: 0 auto;
  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;
  position: relative;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .secSns__hl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .secSns__hl {
    font-size: 1.5rem;
  }
}
.secSns__hl img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 69px;
  position: absolute;
  top: 0;
  left: -90px;
}
@media screen and (max-width: 1279px) {
  .secSns__hl img {
    width: 63px;
    left: -73px;
  }
}
.secSns .post-block .gray-box {
  width: 100%;
  margin-top: 50px;
  aspect-ratio: 2 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../img/index/sns_bgimg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.secSns .link-block {
  margin-top: 35px;
  text-align: center;
}
.secSns .link-block .moreBtn {
  padding-bottom: 70px;
}
@media screen and (max-width: 479px) {
  .secSns .link-block .moreBtn {
    padding-bottom: 60px;
  }
}
.secSns .link-block .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: #fff;
  text-decoration: none;
  border-radius: 999px;
  border: solid 3px #fff;
  background-color: #00a99d;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  position: relative;
}
@media screen and (max-width: 767px) {
  .secSns .link-block .moreBtn__anchor {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .secSns .link-block .moreBtn__anchor {
    font-size: 0.9375rem;
  }
}
.secSns .link-block .moreBtn__anchor:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.secSns .link-block .moreBtn__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secSns .link-block .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);
  }
}
.secSns .link-block .polygon {
  font-size: 1.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;
  position: relative;
  display: inline-block;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .secSns .link-block .polygon {
    font-size: 1.25rem;
  }
}
.secSns .link-block .polygon:after {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #00a99d;
  width: 16px;
  height: 12px;
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
.secSns .link-block ul {
  display: flex;
  justify-content: center;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.secSns .link-block ul li a {
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.secSns .link-block ul li a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secSns .link-block ul li a: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);
  }
}
.secSns .link-block ul li a img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 72px;
}
@media screen and (max-width: 479px) {
  .secSns .link-block ul li a img {
    width: 60px;
  }
}