@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*naga add*/
/* 下からフェードイン(初期値) */
.js-fadeUp, .js-fadeUpSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateY(30px);
  /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 下からフェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: 0s;
  /*開始を遅らせる */
}

.js-fadeUpSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/* 左からフェードイン(初期値) */
.js-fadeIn, .js-fadeInSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateX(-100px);
  /* 左に100pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 左からフェードイン(スクロールした後) */
.js-fadeIn.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: 0s;
  /* 開始を遅らせる */
}

.js-fadeInSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/* 用紙サイズの指定（A4） */
@page {
  margin: 8mm;
  size: 210mm 297mm;
  /* A4縦 */
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact;
    /* 印刷時でも背景色や背景画像を表示 */
    width: 1400px;
    /* 印刷時の全ページ幅を統一 */
    zoom: 0.8;
    /* なるべく多くのブラウザで切れないようにするため */
    /*no animation*/
  }
  body header {
    position: absolute !important;
    max-width: 1400px;
    width: 1400px !important;
  }
  body .header--flex {
    width: 1400px !important;
  }
  body .btnBox {
    display: none;
  }
  body #btn_pagetop {
    display: none;
  }
  body .js-fadeUp,
  body .js-fadeIn {
    opacity: 1;
  }
  body .js-fadeIn {
    transform: translateX(0);
  }
  body .js-fadeUp {
    transform: translateY(0);
  }
  body .js-fadeUp.is-view,
  body .js-fadeIn.is-view {
    animation-name: none;
  }
}
.mainImage {
  width: 100%;
  max-height: 760px;
  margin: 199px 0 0;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 479px) {
  .mainImage {
    max-height: 660px;
  }
}
.mainImage:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 137px;
  background-image: url("../img/index/mv_bottom.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
@media screen and (max-width: 767px) {
  .mainImage:after {
    height: 70px;
    background-size: cover;
  }
}
@media screen and (max-width: 899px) {
  .mainImage {
    /*top: 90px;*/
    margin-top: 90px;
  }
}
.mainImage ul.slick-slider {
  z-index: -1;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mainImage ul.slick-slider li.slick-slide img {
  /*@include size(100%, 840px);*/
  width: 100%;
  height: 760px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  object-fit: cover;
}
@media screen and (max-width: 479px) {
  .mainImage ul.slick-slider li.slick-slide img {
    height: 660px;
    object-position: left 40% top 0;
  }
}
.mainImage__inner {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*@include po_ab_tl(25.9% , 50%);*/
  position: absolute;
  top: 23%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-left: 7.5%;
  padding-right: 7.5%;
}
@media screen and (min-width: 1441px) {
  .mainImage__inner {
    padding-left: 6.2%;
    padding-right: 6.2%;
  }
}
@media screen and (max-width: 767px) {
  .mainImage__inner {
    top: 19%;
  }
}
.mainImage__inner .cc {
  font: 400 60px/1.8 "Hina Mincho", sans-serif;
  color: #fff;
  word-break: keep-all;
  text-shadow: 0 0 7px rgba(88, 88, 88, 0.65);
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .cc {
    font-size: 48px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .cc {
    font-size: 36px;
  }
}
@media screen and (max-width: 329px) {
  .mainImage__inner .cc {
    font-size: 30px;
  }
}
.mainImage__inner .cc br.pcNone {
  display: none;
}
@media screen and (max-width: 767px) {
  .mainImage__inner .cc br.pcNone {
    display: block;
  }
}
.mainImage__inner .link a {
  width: 280px;
  height: auto;
  min-height: 60px;
  margin-top: 40px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 40px;
  border-radius: 5px;
  background-color: #fff;
  font: 500 20px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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: #3674b5 !important;
  border: 2px solid #3674b5;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .mainImage__inner .link a {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .link a {
    width: 220px;
    min-height: 50px;
    margin-top: 80px;
    padding: 13px 25px;
    font-size: 18px;
    border: 1px solid #3674b5;
  }
}
@media screen and (max-width: 329px) {
  .mainImage__inner .link a {
    font-size: 16px;
  }
}
.mainImage__inner .link a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .mainImage__inner .link a:hover {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

/*slick.jsで制御 animation*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
    /* 拡大率 */
  }
}
.add-animation {
  animation-name: zoomUp;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: both;
}

.bgimg {
  min-height: calc(100dvh - 200px);
  background-image: url("../img/index/bgimg_repeat.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 899px) {
  .bgimg {
    min-height: calc(100dvh - 90px);
  }
}

/*.fixed-background {
  background-attachment: fixed;
}*/
/* .bgimg の通常表示 */
.bgimg {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* 疑似要素を切り抜くための目印（JS が使う変数） */
  --clip-top: 0px;
  --clip-bottom: 0px;
  --bg-img: initial;
  /* JS が computed style から自動で埋めます */
}

/* 固定背景の実体：画面全面に固定配置して clip で切り抜く */
.bgimg::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: var(--bg-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  /* 要素領域以外をカット（上・右・下・左の順） */
  clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
  transition: opacity .25s ease;
  will-change: clip-path, opacity;
}

/* 固定モードに入ったら本体の背景は消し、疑似要素を表示 */
.bgimg.fixed-background {
  background-image: none !important;
}

.bgimg.fixed-background::before {
  opacity: 1;
}

.secIntro {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 190px;
}
.secIntro .flex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 70px;
  padding: 0 100px;
}
@media screen and (min-width: 1441px) {
  .secIntro .flex {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1279px) {
  .secIntro .flex {
    flex-direction: column-reverse;
    align-items: center;
    gap: 100px;
  }
}
@media screen and (max-width: 767px) {
  .secIntro .flex {
    padding: 0 15px;
    gap: 50px;
  }
}
@media screen and (max-width: 479px) {
  .secIntro .flex {
    gap: 100px;
  }
}
.secIntro .lt {
  flex-basis: 50%;
  position: relative;
  height: 910px;
}
@media screen and (min-width: 1441px) {
  .secIntro .lt {
    margin-right: 70px;
  }
}
@media screen and (max-width: 1279px) {
  .secIntro .lt {
    flex-basis: 100%;
    height: auto;
    width: 100%;
    min-height: 1000px;
  }
}
@media screen and (max-width: 767px) {
  .secIntro .lt {
    max-width: 500px;
    min-height: 560px;
  }
}
.secIntro .lt__image1, .secIntro .lt__image2 {
  display: block;
  height: auto;
  max-width: 100%;
  position: absolute;
}
@media screen and (max-width: 1279px) {
  .secIntro .lt__image1, .secIntro .lt__image2 {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
.secIntro .lt__image1 {
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .secIntro .lt__image1 {
    width: 242px;
  }
}
.secIntro .lt__image2 {
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .secIntro .lt__image2 {
    width: 248px;
  }
}
.secIntro .rt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  flex-basis: 50%;
}
@media screen and (max-width: 1279px) {
  .secIntro .rt {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 767px) {
  .secIntro .rt {
    padding-left: 0;
  }
}
.secIntro .rt__hl {
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .secIntro .rt__hl {
    height: 120px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 479px) {
  .secIntro .rt__hl {
    font-size: 28px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 329px) {
  .secIntro .rt__hl {
    font-size: 24px;
  }
}
.secIntro .rt__hl:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: top right/contain no-repeat url("../img/index/intro_bgimg01.png");
  opacity: 0.7;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .secIntro .rt__hl:before {
    background-size: 150px;
  }
}
.secIntro .rt__hl span {
  color: #3674b5;
  /*@include tab {
    display: block;
  };*/
}
.secIntro .rt__paragraph {
  font: 600 24px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .secIntro .rt__paragraph {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .secIntro .rt__paragraph {
    font-size: 16px;
  }
}
.secIntro .rt__image {
  text-align: center;
  margin-bottom: 77px;
}
.secIntro .rt__image img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .secIntro .rt__image img {
    width: 480px;
    margin: 0 auto;
  }
}
.secIntro .rt__list {
  list-style-type: none;
  padding-left: 0;
}
.secIntro .rt__item {
  font: 500 18px/1.8 "Zen Old Mincho", "ヒラギノ角ゴ 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: #1d1d1d;
  margin-bottom: 5px;
  padding-left: 1em;
  /*text-indent: -1em;*/
  position: relative;
}
@media screen and (max-width: 479px) {
  .secIntro .rt__item {
    font-size: 16px;
    line-height: 1.5;
  }
}
.secIntro .rt__item:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.secPlan {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1440px;
}
.secPlan__hl {
  text-align: center;
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 130px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .secPlan__hl {
    margin-bottom: 80px;
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan__hl {
    font-size: 24px;
  }
}
.secPlan__hl:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 70px;
  background-color: #1d1d1d;
}
@media screen and (max-width: 767px) {
  .secPlan__hl:before {
    top: -50px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan__hl:before {
    content: none;
  }
}
.secPlan__hl span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 90px;
  padding-top: 20px;
  position: relative;
}
.secPlan__hl span:before {
  content: "";
  position: absolute;
  top: 0;
  left: -125px;
  width: 100%;
  height: 100%;
  background: top left/contain no-repeat url("../img/index/plan_bgimg01.png");
}
@media screen and (max-width: 767px) {
  .secPlan__hl span:before {
    width: 75px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
  }
}
.secPlan__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 150px 60px;
  padding: 0 100px 250px;
}
@media screen and (max-width: 1279px) {
  .secPlan__grid {
    padding-bottom: 150px;
    gap: 100px 20px;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
}
@media screen and (min-width: 1441px) {
  .secPlan__grid {
    padding: 0 20px 250px;
  }
}
@media screen and (max-width: 767px) {
  .secPlan__grid {
    padding: 0 15px 100px;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 479px) {
  .secPlan__grid {
    gap: 120px;
    padding-bottom: 180px;
  }
}
.secPlan__grid__wrap {
  padding: 0;
  position: relative;
}
.secPlan__grid__wrap .comment {
  width: 100%;
  font: 600 30px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  text-align: center;
  position: absolute;
  top: -60px;
}
@media screen and (max-width: 1279px) {
  .secPlan__grid__wrap .comment {
    top: -70px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .secPlan__grid__wrap .comment {
    top: -50px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan__grid__wrap .comment {
    font-size: 22px;
  }
}
@media screen and (max-width: 369px) {
  .secPlan__grid__wrap .comment {
    font-size: 18px;
    line-height: 1.3;
  }
}
.secPlan__grid__wrap .comment span {
  display: inline-block;
  position: relative;
  padding: 0 50px;
}
@media screen and (max-width: 479px) {
  .secPlan__grid__wrap .comment span {
    padding: 0 30px;
  }
}
.secPlan__grid__wrap .comment span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(55deg);
  display: block;
  width: 28px;
  /* 線の高さ */
  height: 1px;
  /* 線の太さ */
  background-color: #1d1d1d;
}
.secPlan__grid__wrap .comment span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-55deg);
  display: block;
  width: 28px;
  /* 線の高さ */
  height: 1px;
  /* 線の太さ */
  background-color: #1d1d1d;
}
@media screen and (max-width: 767px) {
  .secPlan .planBox {
    max-width: 480px;
    margin: 0 auto;
  }
}
.secPlan .planBox__tl {
  height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font: 600 30px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox__tl {
    height: 110px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .secPlan .planBox__tl {
    height: 90px;
    padding-top: 5px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox__tl {
    line-height: 1.3;
    padding-top: 10px;
  }
}
.secPlan .planBox__tl span {
  font-size: 36px;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox__tl span {
    font-size: 26px;
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox__tl span {
    font-size: 24px;
  }
}
.secPlan .planBox__inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 40px 50px;
  box-shadow: 0 0 6.4px 1.6px rgba(191, 191, 191, 0.28);
  background-color: #fff;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox__inner {
    padding: 30px 30px 50px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox__inner {
    padding: 40px 20px 50px;
  }
}
.secPlan .planBox .flex {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox .flex {
    gap: 10px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox .flex {
    gap: 20px;
  }
}
.secPlan .planBox .flex .lt img {
  /*display: block;
  height: auto;
  max-width:100%;*/
}
.secPlan .planBox .flex .rt p {
  text-align: left;
  font: 500 24px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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: #1d1d1d;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox .flex .rt p {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox .flex .rt p {
    font-size: 16px;
    line-height: 1.3;
  }
}
.secPlan .planBox__image {
  margin-bottom: 40px;
}
.secPlan .planBox__image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.secPlan .planBox__link {
  text-align: center;
}
.secPlan .planBox__link a {
  width: 330px;
  height: auto;
  min-height: 60px;
  max-width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 24px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #1b1a55;
  font: 600 24px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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 !important;
  border: 2px solid #1b1a55;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 1279px) {
  .secPlan .planBox__link a {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .secPlan .planBox__link a {
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    font-size: 18px;
    border: 1px solid #1b1a55;
  }
}
@media screen and (max-width: 329px) {
  .secPlan .planBox__link a {
    font-size: 16px;
  }
}
.secPlan .planBox__link a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secPlan .planBox__link a:hover {
    background-color: #fff;
    color: #1b1a55 !important;
  }
}
.secPlan .plan-a .planBox__tl {
  background-color: #beaac5;
}
.secPlan .plan-b .planBox__tl {
  background-color: #c5aab3;
}
.secPlan .plan-c .planBox__tl {
  background-color: #a7bda3;
}
.secPlan .plan-d .planBox__tl {
  background-color: #9290c3;
}

.secNews {
  /*position: relative;
  
  &:after{ 
    content: "";
    @include po_ab_bl(-5px, 0);
    @include size(100%, 73px);
    background-image: url("../img/index/news_bottom.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    
    @include tab {
      background-size: cover;
    };
  }*/
}
.secNews__inner {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1440px;
}
.secNews .flex {
  display: flex;
  gap: 100px;
  padding: 0 100px 150px;
}
@media screen and (min-width: 1441px) {
  .secNews .flex {
    padding: 0 20px 150px;
  }
}
@media screen and (max-width: 1279px) {
  .secNews .flex {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .secNews .flex {
    padding: 0 25px 150px;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex {
    padding-bottom: 250px;
  }
}
.secNews .flex .lt {
  min-height: 300px;
  flex-shrink: 0;
  text-align: center;
  background-image: url("../img/index/news_bgimg01.png");
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .secNews .flex .lt {
    background-size: 72px;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex .lt {
    background-position: top 80px center;
  }
}
.secNews .flex .lt__hl {
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
}
@media screen and (max-width: 767px) {
  .secNews .flex .lt__hl {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .secNews .flex .lt__hl {
    font-size: 24px;
  }
}
.secNews .flex .rt {
  flex: 1 1 auto;
}
.secNews__list {
  list-style: none;
  padding: 0 3.3%;
  margin: 0;
}
.secNews__item--anchor {
  display: flex;
  text-decoration: none;
  color: #1d1d1d !important;
  padding: 30px 20px;
  border-bottom: solid 0.5px #3674b5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor {
    flex-direction: column;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor {
    padding: 30px 0;
  }
}
.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);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
}
.secNews__item .top {
  display: block;
  font: 500 20px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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: #1d1d1d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 40px;
}
@media screen and (max-width: 1279px) {
  .secNews__item .top {
    padding-right: 20px;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item .top {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.secNews__item .btm {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 500 20px/1.5 "Zen Old Mincho", "ヒラギノ角ゴ 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: #1d1d1d;
}
@media screen and (max-width: 479px) {
  .secNews__item .btm {
    font-size: 16px;
  }
}

.waveimg {
  position: relative;
}
.waveimg:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 73px;
  background-image: url("../img/index/news_bottom.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
@media screen and (max-width: 767px) {
  .waveimg:after {
    background-size: cover;
  }
}

.secSV {
  padding-bottom: 100px;
}
.secSV__bgWhite {
  width: 100%;
  background-color: #fff;
}
.secSV__inner {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 100px 150px;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .secSV__inner {
    padding: 0 20px 150px;
  }
}
@media screen and (max-width: 767px) {
  .secSV__inner {
    padding: 0 25px 150px;
  }
}
.secSV__hl {
  text-align: center;
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 35px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .secSV__hl {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .secSV__hl {
    padding-top: 20px;
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .secSV__hl {
    font-size: 24px;
  }
}
.secSV__hl span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 130px;
  padding-top: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 479px) {
  .secSV__hl span {
    height: 100px;
  }
}
.secSV__hl span:before {
  content: "";
  position: absolute;
  top: 0;
  left: -125px;
  width: 100%;
  height: 100%;
  background: top left/contain no-repeat url("../img/index/view_bgimg01.png");
  z-index: -1;
}
@media screen and (max-width: 479px) {
  .secSV__hl span:before {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 120px;
    background-position: top 20px center;
  }
}
.secSV iframe {
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 1000 / 562;
}
@media screen and (max-width: 767px) {
  .secSV iframe {
    width: 100%;
    height: auto;
  }
}