@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;
  }
}
.tmv {
  width: 100%;
  height: auto;
  margin: 199px 0 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
.tmv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/plan/tmv.jpg");
  /*のちのち透明度をつけるので疑似要素で使用*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right 30%;
  z-index: -1;
}
@media screen and (min-width: 1441px) {
  .tmv:before {
    background-position: top center;
  }
}
@media screen and (max-width: 767px) {
  .tmv:before {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30);
  }
}
@media screen and (max-width: 899px) {
  .tmv {
    margin-top: 90px;
  }
}
.tmv__inner {
  display: flex;
  height: 260px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 100px;
  margin: 0 auto;
  max-width: 1440px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 1279px) {
  .tmv__inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 899px) {
  .tmv__inner {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .tmv__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tmv__hl {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 120px 30px 0;
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #3674b5;
  text-shadow: 2px 2px 4px #fff, 0px 0px 10px #fff;
  background-image: url("../img/plan/headlline.png");
  background-size: 104px;
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (max-width: 479px) {
  .tmv__hl {
    font-size: 28px;
    background-size: 80px;
    padding: 20px 90px 30px 0;
  }
}

.ctnr__inner {
  margin: 0 auto;
  max-width: 1240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 55px;
}
@media screen and (max-width: 767px) {
  .ctnr__inner {
    padding: 0 15px 55px;
  }
}
.ctnr__hl {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 50px;
  padding-bottom: 40px;
  text-align: center;
  font: 600 36px/1.5 "Klee One", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1d1d1d;
  position: relative;
}
@media screen and (max-width: 479px) {
  .ctnr__hl {
    font-size: 28px;
  }
}
.ctnr__hl:before {
  content: "";
  width: 60px;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3674b5;
  border-radius: 3px;
}
@media screen and (max-width: 479px) {
  .ctnr__hl:before {
    width: 30px;
    height: 3px;
  }
}
.ctnr .ctnr__bgColor {
  padding: 50px 20px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__bgColor {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ctnr .ctnr__wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.ctnr .ctnr__wrap .flex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1279px) {
  .ctnr .ctnr__wrap .flex {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex {
    flex-direction: column;
    align-items: center;
  }
}
.ctnr .ctnr__wrap .flex .lt {
  flex-basis: 600px;
  flex-shrink: 0;
}
@media screen and (max-width: 1279px) {
  .ctnr .ctnr__wrap .flex .lt {
    flex-basis: auto;
    flex-shrink: 1;
  }
}
.ctnr .ctnr__wrap .flex .lt img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.ctnr .ctnr__wrap .flex .rt {
  flex-grow: 1;
  min-width: 374px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex .rt {
    min-width: auto;
  }
}
.ctnr .ctnr__wrap .flex .rt__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 6px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex .rt__list {
    margin-bottom: 10px;
  }
}
.ctnr .ctnr__wrap .flex .rt__item {
  background-color: #fff;
  font: 600 20px/1.2 "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;
  border: 1px solid #3674b5;
  padding: 20px 30px;
  border-radius: 5px;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex .rt__item {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .ctnr__wrap .flex .rt__item {
    font-size: 18px;
  }
}
.ctnr .ctnr__wrap .flex .rt__paragraph {
  font: 500 24px/2 "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: 20px;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex .rt__paragraph {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .ctnr__wrap .flex .rt__paragraph {
    font-size: 20px;
  }
}
.ctnr .ctnr__wrap .flex .rt__paragraph span {
  background: linear-gradient(transparent 75%, #fffc09 75%);
}
.ctnr .ctnr__wrap .flex .rt__cost {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 20px;
  flex-wrap: wrap;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
}
.ctnr .ctnr__wrap .flex .rt__cost--lt {
  width: 180px;
  height: auto;
  min-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 30px;
  background-color: #f1f4fb;
  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;
  text-align: center;
}
.ctnr .ctnr__wrap .flex .rt__cost--rt {
  text-align: center;
  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: #c60000;
}
@media screen and (max-width: 479px) {
  .ctnr .ctnr__wrap .flex .rt__cost--rt {
    font-size: 18px;
  }
}
.ctnr .ctnr__wrap .flex .rt__cost--rt span {
  font: 600 40px/1.2 "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: #c60000;
  display: block;
}
@media screen and (max-width: 767px) {
  .ctnr .ctnr__wrap .flex .rt__cost--rt span {
    font-size: 30px;
  }
}
.ctnr .ctnr__bgFlower {
  padding: 120px 20px 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../img/plan/bgimg.png");
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top center;
}
@media screen and (max-width: 479px) {
  .ctnr .ctnr__bgFlower {
    padding-top: 60px;
  }
}
.ctnr .srvBox, .ctnr .notBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  max-width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ctnr .srvBox, .ctnr .notBox {
    padding-left: 0;
    padding-right: 0;
  }
}
.ctnr .srvBox__tl, .ctnr .notBox__tl {
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font: 600 30px/1.2 "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) {
  .ctnr .srvBox__tl, .ctnr .notBox__tl {
    padding-top: 24px;
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .srvBox__tl, .ctnr .notBox__tl {
    line-height: 1.2;
    padding-top: 10px;
  }
}
.ctnr .srvBox__tl br, .ctnr .notBox__tl br {
  display: none;
}
@media screen and (max-width: 479px) {
  .ctnr .srvBox__tl br, .ctnr .notBox__tl br {
    display: block;
  }
}
.ctnr .srvBox__list, .ctnr .notBox__list {
  list-style: none;
  padding: 40px 13.2% 50px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .ctnr .srvBox__list, .ctnr .notBox__list {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .srvBox__list, .ctnr .notBox__list {
    gap: 25px 15px;
  }
}
.ctnr .srvBox__item img, .ctnr .notBox__item img {
  max-width: 120px;
  height: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .ctnr .srvBox__item img, .ctnr .notBox__item img {
    max-width: 90px;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .srvBox__item img, .ctnr .notBox__item img {
    max-width: 80px;
  }
}
@media screen and (max-width: 329px) {
  .ctnr .srvBox__item img, .ctnr .notBox__item img {
    max-width: 70px;
  }
}
.ctnr .srvBox__item .paragraph, .ctnr .notBox__item .paragraph {
  width: 120px;
  font: 600 16px/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: 767px) {
  .ctnr .srvBox__item .paragraph, .ctnr .notBox__item .paragraph {
    width: 90px;
  }
}
@media screen and (max-width: 479px) {
  .ctnr .srvBox__item .paragraph, .ctnr .notBox__item .paragraph {
    font-size: 15px;
    line-height: 1.2;
    width: 80px;
  }
}
@media screen and (max-width: 329px) {
  .ctnr .srvBox__item .paragraph, .ctnr .notBox__item .paragraph {
    width: 70px;
    font-size: 14px;
  }
}
.ctnr .srvBox__item .hosoku, .ctnr .notBox__item .hosoku {
  font-weight: 500;
  line-height: 1.3;
  margin-top: 12px;
}
.ctnr .srvBox {
  padding-bottom: 120px;
  position: relative;
}
.ctnr .srvBox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 100%;
  background-image: url("../img/plan/icon_plus.png");
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: bottom 30px center;
}
.ctnr .srvBox__inner {
  background-color: #fff;
  box-shadow: 0 0 6.4px 1.6px rgba(191, 191, 191, 0.28);
}
.ctnr .notBox {
  padding-bottom: 40px;
}
.ctnr .notBox__inner {
  background-color: #f1f4fb;
  border: 1px solid #d1f8ef;
  box-shadow: 0 0 6.4px 1.6px rgba(191, 191, 191, 0.28);
}
.ctnr .notBox__tl {
  background-image: linear-gradient(to top, #bdbdbd, #b1b1b1);
}
.ctnr .note {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 100px;
  max-width: 1220px;
  margin: 0 auto;
  font: 500 18px/1.6 "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) {
  .ctnr .note {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
  }
}
.ctnr .note__anchor {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #1d1d1d !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (hover: hover) {
  .ctnr .note__anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

#plan-a .ctnr__hl:before {
  background-color: #beaac5;
}
#plan-a .ctnr__bgColor {
  background-color: #e5dce8;
}
#plan-a .srvBox__tl {
  background-image: linear-gradient(to top, #beaac5, #b287c1);
}

#plan-b .ctnr__hl:before {
  background-color: #c5aab3;
}
#plan-b .ctnr__bgColor {
  background-color: #f1dfe5;
}
#plan-b .srvBox__tl {
  background-image: linear-gradient(to top, #c5aab3, #c68b9f);
}

#plan-c .ctnr__hl:before {
  background-color: #a7bda3;
}
#plan-c .ctnr__bgColor {
  background-color: #e4f2e1;
}
#plan-c .srvBox__tl {
  background-image: linear-gradient(to top, #a7bda3, #96be8e);
}

#plan-d .ctnr__hl:before {
  background-color: #9290c3;
}
#plan-d .ctnr__bgColor {
  background-color: #e3e2f3;
}
#plan-d .ctnr__bgColor .ctnr__wrap {
  max-width: 900px;
}
#plan-d .srvBox__tl {
  background-color: #9290c3;
}

#plan-e .ctnr__hl:before {
  background-color: #a2a2a2;
}
#plan-e .ctnr__bgFlower {
  background-image: none;
}
#plan-e .optionBox__tl {
  background-color: #a2a2a2;
}
@media screen and (max-width: 479px) {
  #plan-e .optionBox__tl {
    padding-top: 24px;
  }
}

.optionBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  max-width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .optionBox {
    padding-left: 0;
    padding-right: 0;
  }
}
.optionBox__tl {
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font: 600 30px/1.2 "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;
  background-color: #3577bd;
}
@media screen and (max-width: 1279px) {
  .optionBox__tl {
    padding-top: 24px;
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .optionBox__tl {
    line-height: 1.2;
    padding-top: 10px;
  }
}
.optionBox__tl br {
  display: none;
}
@media screen and (max-width: 479px) {
  .optionBox__tl br {
    display: block;
  }
}
.optionBox__inner {
  background-color: #fff;
  box-shadow: 0 0 6.4px 1.6px rgba(191, 191, 191, 0.28);
}
.optionBox__wrap {
  padding-top: 80px;
  padding-bottom: 100px;
  /*position: relative;*/
  background-image: url("../img/plan/line.png");
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: top center;
  /*&:before{ 
    content: "";
    @include po_ab_tl(0 , 50%);
    @include translateX(-50%);
    @include size(60px, 6px);
    background-image: url("../img/plan/line.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
  }
  */
}
.optionBox__wrap:first-of-type {
  padding-top: 65px;
  padding-bottom: 60px;
  background-image: none;
}
.optionBox__hl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 65px;
  text-align: center;
  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: 479px) {
  .optionBox__hl {
    font-size: 20px;
  }
}
.optionBox__hl span {
  display: inline-block;
  position: relative;
  padding: 0 60px;
}
@media screen and (max-width: 479px) {
  .optionBox__hl span {
    padding: 0 40px;
  }
}
.optionBox__hl span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 34px;
  height: 42px;
  background-image: url("../img/plan/icon_kiku-lt.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
@media screen and (max-width: 767px) {
  .optionBox__hl span::before {
    width: 24px;
  }
}
.optionBox__hl span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 34px;
  height: 42px;
  background-image: url("../img/plan/icon_kiku-rt.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 767px) {
  .optionBox__hl span::after {
    width: 24px;
  }
}
.optionBox__txt {
  padding: 0 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 500 18px/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;
  margin: 0 auto;
  max-width: 900px;
  text-align: center;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .optionBox__txt {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 479px) {
  .optionBox__txt {
    font-size: 16px;
  }
}
.optionBox__txt > img {
  display: inline-block;
  padding-right: 15px;
}
@media screen and (max-width: 479px) {
  .optionBox__txt > img {
    padding-right: 8px;
  }
}
.optionBox__paragraph {
  padding: 0 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 500 18px/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;
  margin: 0 auto;
  max-width: 900px;
  /* @include tab {
     padding-left: 15px;
     padding-right: 15px;
   };*/
}
@media screen and (max-width: 479px) {
  .optionBox__paragraph {
    font-size: 16px;
  }
}
.optionBox__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));*/
  gap: 45px 20px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 900px;
  /*@include tab {
    padding-left: 15px;
    padding-right: 15px;
  };*/
}
@media screen and (max-width: 479px) {
  .optionBox__grid {
    grid-template-columns: 1fr;
  }
}
.optionBox__grid > figure {
  margin: 0;
  padding: 0;
}
.optionBox__grid > figure img {
  display: block;
  height: auto;
  max-width: 100%;
}
.optionBox__grid figcaption {
  text-align: center;
  padding-top: 5px;
  font: 500 15px/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: 329px) {
  .optionBox__grid figcaption {
    font-size: 14px;
  }
}
.optionBox__dlFile {
  width: 320px;
  height: 50px;
  margin: 0 auto 40px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.optionBox__dlFile a {
  width: 320px;
  height: 50px;
  max-width: 100%;
  border-radius: 3px;
  box-shadow: 0px 0px 1px 0px rgba(85, 85, 85, 0.44);
  background-color: #1b1a55;
  font: 600 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: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.optionBox__dlFile a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .optionBox__dlFile a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@media screen and (max-width: 479px) {
  .optionBox__dlFile a {
    font-size: 18px;
  }
}
@media screen and (max-width: 329px) {
  .optionBox__dlFile a {
    font-size: 16px;
  }
}
.optionBox__dlFile a img {
  width: 22px;
  display: block;
  height: auto;
  max-width: 100%;
}
.optionBox figure.morikago {
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 900px;
}
.optionBox figure.morikago img {
  display: block;
  height: auto;
  max-width: 100%;
}
.optionBox .saidan {
  padding-left: 40px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 40px 25px;
}
@media screen and (max-width: 767px) {
  .optionBox .saidan {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.optionBox .saidan .popup-anchor {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #1d1d1d !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.optionBox .saidan .popup-anchor img {
  display: inline-block;
  height: auto;
  aspect-ratio: 100 / 63;
  max-width: 100%;
}
.optionBox .saidan .popup-anchor span {
  font: 500 15px/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;
  display: inline-block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 200px;
}

.returnLink {
  margin-top: 150px;
}
@media screen and (max-width: 479px) {
  .returnLink {
    margin-top: 50px;
  }
}
.returnLink a {
  width: 320px;
  height: auto;
  min-height: 60px;
  margin: 0 auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 40px;
  border-radius: 5px;
  background-color: #fff;
  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: #1b1a55 !important;
  border: 2px solid #1b1a55;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
@media screen and (max-width: 767px) {
  .returnLink a {
    width: 280px;
    margin: 40px auto 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .returnLink a {
    width: 220px;
    min-height: 50px;
    margin-top: 80px;
    padding: 9px 25px;
    font-size: 18px;
    border: 1px solid #1b1a55;
  }
}
@media screen and (max-width: 329px) {
  .returnLink a {
    font-size: 16px;
  }
}
.returnLink a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #1b1a55;
  border-right: 3px solid #1b1a55;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: rotate(-135deg) translateX(10px);
}
@media screen and (max-width: 479px) {
  .returnLink a:after {
    left: 20px;
  }
}
.returnLink a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .returnLink a:hover {
    background-color: #1b1a55;
    color: #fff !important;
  }
  .returnLink a:hover::after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
}