@charset "UTF-8";
.reset {
  margin: 0;
  padding: 0;
}
.reset div,
.reset span,
.reset object,
.reset iframe,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset p,
.reset blockquote,
.reset pre,
.reset a,
.reset abbr,
.reset acronym,
.reset address,
.reset big,
.reset cite,
.reset code,
.reset del,
.reset dfn,
.reset em,
.reset img,
.reset ins,
.reset kbd,
.reset q,
.reset s,
.reset samp,
.reset small,
.reset strike,
.reset strong,
.reset sub,
.reset sup,
.reset tt,
.reset var,
.reset b,
.reset u,
.reset i,
.reset center,
.reset dl,
.reset dt,
.reset dd,
.reset ol,
.reset ul,
.reset li,
.reset fieldset,
.reset form,
.reset label,
.reset legend,
.reset table,
.reset caption,
.reset tbody,
.reset tfoot,
.reset thead,
.reset tr,
.reset th,
.reset td,
.reset figure,
.reset section {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  min-height: 0;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
}
.reset img {
  display: inline-block;
  vertical-align: bottom;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  border: none;
}
.reset table caption,
.reset table th,
.reset table td,
.reset table tr {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  vertical-align: middle;
  border: none;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset input[type=submit],
.reset input[type=button] {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
}
.reset input[type=submit]:focus,
.reset input[type=button]:focus {
  outline: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

/* ページタイプ：本文のみ（広い)の追加リセットcss横幅100％ */
body.content-only.column-wide .content,
body.content-only.column-wide .article,
body.content-only.column-wide .entry-content {
  margin: 0;
}
body.content-only.column-wide .entry-header,
body.content-only.column-wide .entry-footer {
  display: none;
}
body.content-only.column-wide .wrap {
  width: 100%;
}
body.content-only.column-wide #main {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
a {
  text-decoration: none;
  color: inherit;
}

@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  a:hover {
    opacity: 1;
  }
}
html {
  scroll-behavior: smooth;
  border-top: none;
}

body {
  border-top: none;
  margin-top: 0 !important;
  overflow-x: auto !important;
}

.ff-mincho {
  font-family: "Zen Old Mincho" !important;
}

.fc-blue {
  color: #5368bd !important;
}

.fc-white {
  color: #fff !important;
}

.fc-black {
  color: #000 !important;
}

.fc-orange {
  color: #d15e28 !important;
}

.fc-grey {
  color: #808080 !important;
}

.bg-orange {
  background-color: #d15e28 !important;
}

.no-border {
  border: none !important;
}

#my-content {
  min-width: 1140px;
  width: 100%;
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  #my-content {
    min-width: unset;
    font-size: max(14px,min(3.467vw,16px));
    line-height: 1.78;
  }
}
#my-content .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .inner {
    padding: 0 3.333vw;
  }
}
#my-content section {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  #my-content section {
    padding: 8vw 0;
  }
}
#my-content .sec-ttl {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  padding: 0.5em 0;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl {
    font-size: max(10px,min(5.333vw,40px));
  }
}
#my-content .sec-ttl .--sub {
  display: block;
  color: #5368bd;
  font-family: "Zen Old Mincho";
  font-size: 30px;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl .--sub {
    font-size: max(14px,min(3.733vw,30px));
    letter-spacing: -0.1em;
  }
}
#my-content .sec-ttl small {
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl small {
    font-size: max(12px,min(3.2vw,20px));
  }
}
#my-content .my-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 999;
  padding-right: 50px;
  /* チェックボックスを非表示 */
  /* メニューボタンの装飾 */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの背景 */
  /* ドロワーメニューの開閉 */
}
#my-content .my-mobile-nav.--fixed {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#my-content .my-mobile-nav .menu-logo {
  flex-grow: 1;
  padding: 5px 10px;
}
#my-content .my-mobile-nav .menu-logo img {
  width: 200px;
}
#my-content .my-mobile-nav .menu-checkbox {
  display: none;
}
#my-content .my-mobile-nav .menu-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-button span {
  display: block;
  position: absolute;
  left: 10px;
  width: 30px;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(1) {
  top: 12px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(2) {
  top: calc(50% - 2px);
}
#my-content .my-mobile-nav .menu-button span:nth-child(3) {
  bottom: 12px;
}
#my-content .my-mobile-nav .drawer-menu {
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 200;
  max-height: 100vh;
  max-width: 200px;
  width: 100%;
  transform: translateX(100%);
  transition: 0.5s;
  background-color: #fff;
  overflow-y: auto;
}
#my-content .my-mobile-nav .drawer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#my-content .my-mobile-nav .drawer-menu ul li {
  text-align: center;
}
#my-content .my-mobile-nav .drawer-menu ul li a {
  border-top: 1px solid #000;
  display: block;
  padding: 10px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(4) a {
  background: linear-gradient(0deg, rgb(205, 148, 30) 0%, rgb(255, 198, 50) 99.95%);
  color: #fff;
  border: none;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(5) a {
  background: linear-gradient(0deg, rgb(134, 40, 40) 0.08%, rgb(140, 42, 42) 20.28%, rgb(157, 47, 49) 47.24%, rgb(185, 55, 60) 77.88%, rgb(209, 62, 70) 99.92%);
  color: #fff;
  border: none;
}
#my-content .my-mobile-nav .menu-background {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(3) {
  display: none;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-background {
  display: block;
}
#my-content .my-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  min-height: 100px;
  padding: 0 20px;
  margin: 0 auto;
}
#my-content .my-header__logo {
  margin-right: 40px;
}
#my-content .my-header__menu {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  margin: 0 -10px;
}
#my-content .my-header__menu li {
  padding: 0 5px;
}
#my-content .my-header__menu li a {
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 10px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
}
#my-content .my-header__menu li a.active {
  pointer-events: none;
  background-color: #b7ccff !important;
  border-color: #b7ccff !important;
}
#my-content .my-header__menu li a:hover {
  opacity: 1;
}
#my-content .my-header__menu li:nth-child(-n+3) a {
  width: 160px;
  border: 1px solid #000;
}
#my-content .my-header__menu li:nth-child(-n+3) a:hover {
  background-color: #b7ccff;
  border-color: #b7ccff;
}
#my-content .my-header__menu li:nth-child(4) a {
  width: 180px;
  background: linear-gradient(0deg, rgb(205, 148, 30) 0%, rgb(255, 198, 50) 99.95%);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}
#my-content .my-header__menu li:nth-child(4) a:hover {
  background: rgb(255, 198, 50);
}
#my-content .my-header__menu li:nth-child(5) a {
  width: 180px;
  background: linear-gradient(0deg, rgb(134, 40, 40) 0.08%, rgb(140, 42, 42) 20.28%, rgb(157, 47, 49) 47.24%, rgb(185, 55, 60) 77.88%, rgb(209, 62, 70) 99.92%);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}
#my-content .my-header__menu li:nth-child(5) a:hover {
  background: rgb(209, 62, 70);
}
#my-content .mv {
  height: 440px;
  background: url(../img/mv_bg.jpg) center center/auto 100% no-repeat;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .mv {
    height: auto;
    background: url(../img/mv_bg_sp.jpg) center center/cover no-repeat;
  }
  #my-content .mv .inner {
    padding: 0;
  }
}
#my-content .mv__txt {
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  #my-content .mv__txt {
    padding-top: 0;
  }
}
#my-content .nantoka {
  background-color: #7186db;
  padding: 0;
  text-align: center;
}
#my-content .nantoka__catch {
  width: fit-content;
  padding: 20px 140px 10px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch {
    width: 100%;
    padding: 5.333vw 0 2.667vw;
  }
}
#my-content .nantoka__catch::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 108px;
  height: 120px;
  background: url(../img/nantoka_img01.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch::before {
    margin-bottom: 16.667vw;
    width: 17.867vw;
    height: 25.067vw;
    background-image: url(../img/nantoka_img01_sp.svg);
  }
}
#my-content .nantoka__catch::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 103px;
  height: 122px;
  background: url(../img/nantoka_img02.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch::after {
    margin-bottom: 16.667vw;
    width: 17.333vw;
    height: 24.8vw;
    background-image: url(../img/nantoka_img02_sp.svg);
  }
}
#my-content .nantoka__catch__txt01 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #ffe678;
  font-family: "Zen Old Mincho";
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch__txt01 {
    flex-direction: column;
    align-items: center;
    font-size: max(10px,min(7.467vw,56px));
  }
}
#my-content .nantoka__catch__txt01 small {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch__txt01 small {
    font-size: max(10px,min(3.733vw,28px));
  }
}
#my-content .nantoka__catch__txt01 img {
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch__txt01 img {
    width: 49.333vw;
    margin-left: 0;
    margin-top: 2.667vw;
  }
}
#my-content .nantoka__catch__txt02 {
  width: 600px;
  background-color: #fff;
  border-radius: 14px;
  color: #d15e28;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 28px;
  margin: 15px auto 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch__txt02 {
    width: unset;
    border-radius: 0;
    font-size: max(10px,min(4vw,30px));
    line-height: 2;
    margin: 4vw -3.333vw 2.667vw;
    position: relative;
    z-index: 1;
  }
}
#my-content .nantoka__catch__txt03 {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  #my-content .nantoka__catch__txt03 {
    width: fit-content;
    font-size: max(10px,min(3.2vw,24px));
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin: 0 auto;
    text-align: left;
  }
}
#my-content .nantoka__catch__txt03 strong {
  font-weight: 800;
}
#my-content .order {
  padding: 30px 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .order {
    padding: 5.333vw 0 0;
  }
}
#my-content .order__txt01 {
  font-family: "Zen Old Mincho";
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .order__txt01 {
    font-size: max(10px,min(3.467vw,26px));
  }
}
#my-content .order__txt01 strong {
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  #my-content .order__txt01 strong {
    font-size: max(10px,min(4vw,30px));
  }
}
#my-content .order__box {
  display: flex;
  justify-content: center;
  background-color: #fff8e0;
  border-radius: 20px;
  padding: 60px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .order__box {
    padding: 8vw 3.333vw;
  }
}
#my-content .order__list {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content .order__list {
    font-size: max(15px,min(3.867vw,22px));
  }
}
#my-content .order__list li {
  padding-left: 35px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .order__list li {
    padding-left: 2em;
  }
}
#my-content .order__list li:not(:last-child) {
  margin-bottom: 1.5em;
}
#my-content .order__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 42px;
  background: url(../img/icon_hint.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .order__list li::before {
    width: 1.4em;
    height: 1.8em;
  }
}
#my-content .order__txt02 {
  width: fit-content;
  font-family: "Zen Old Mincho";
  font-size: 22px;
  font-weight: bold;
  padding-left: 120px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .order__txt02 {
    font-size: max(14px,min(3.733vw,22px));
    padding-left: 20vw;
    text-align: left;
  }
}
#my-content .order__txt02::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 102px;
  height: 105px;
  background: url(../img/order_img01.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .order__txt02::before {
    width: 17.467vw;
    height: 18vw;
  }
}
#my-content .order__txt02 strong {
  font-size: 24px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .order__txt02 strong {
    font-size: max(16px,min(4.133vw,24px));
  }
}
#my-content .order__txt02 strong::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d15e28;
}
#my-content .intro {
  padding: 30px 0 70px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro {
    padding: 8vw 0 3.333vw;
  }
}
#my-content .intro__flex {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__flex {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content .intro__flex > * {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__flex > * {
    padding: 20px 0 0;
  }
}
#my-content .intro__list {
  max-width: 680px;
}
#my-content .intro__list li {
  padding-left: 1.5em;
  font-family: "Zen Old Mincho";
  font-size: 26px;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__list li {
    font-size: max(13px,min(3.467vw,26px));
  }
}
#my-content .intro__list li:not(:last-child) {
  margin-bottom: 1em;
}
#my-content .intro__list li::before {
  color: #5368bd;
  font-size: 0.9em;
  content: "□";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#my-content .intro__list li strong {
  font-family: "Noto Sans JP";
  font-size: 34px;
  background: linear-gradient(transparent 60%, #ffe678 60%);
}
@media only screen and (max-width: 768px) {
  #my-content .intro__list li strong {
    font-size: max(17px,min(4.533vw,34px));
  }
}
#my-content .intro__img {
  max-width: 550px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__img {
    max-width: 100%;
  }
}
#my-content .cta {
  background-color: #cbdcff;
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .cta {
    padding: 20px 0;
  }
}
#my-content .cta__flex {
  display: flex;
  margin: 0 -10px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__flex {
    flex-direction: column;
    align-items: center;
    margin: -10px 0 0;
  }
}
#my-content .cta__flex > * {
  width: 50%;
  margin: 0 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__flex > * {
    width: 100%;
    margin: 10px 0 0;
  }
}
#my-content .cta__box {
  background-color: #fff;
  border-radius: 30px;
  padding: 45px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box {
    border-radius: 15px;
    padding: 30px 20px 20px;
  }
}
#my-content .cta__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  font-family: "Zen Old Mincho";
  font-size: 22px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt {
    min-height: unset;
    font-size: max(14px,min(2.933vw,22px));
    margin-bottom: 0.5em;
  }
}
#my-content .cta__arrow {
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__arrow img {
    width: 75px;
  }
}
#my-content .cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  border-radius: 20px;
  box-shadow: 4.19px 4.19px 2.99px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__btn {
    height: 17.333vw;
    border-radius: 10px;
    font-size: max(18px,min(4.8vw,30px));
  }
}
#my-content .cta__btn.--yellow {
  background: linear-gradient(0deg, rgb(205, 148, 30) 0%, rgb(255, 198, 50) 99.95%);
}
#my-content .cta__btn.--red {
  background: linear-gradient(0deg, rgb(134, 40, 40) 0.08%, rgb(140, 42, 42) 20.28%, rgb(157, 47, 49) 47.24%, rgb(185, 55, 60) 77.88%, rgb(209, 62, 70) 99.92%);
}
#my-content .cta__txt02 {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: bold;
  padding: 1em 0 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt02 {
    background-color: #fff;
    font-size: max(18px,min(4.533vw,30px));
    margin: 20px -3.333vw 0;
  }
}
#my-content .cta__txt02 img {
  position: relative;
  top: -0.1em;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt02 img {
    width: 1em;
  }
}
#my-content .cta__box02 {
  background-color: #fff;
  padding: 15px 20px 10px 200px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box02 {
    margin: 0 -3.333vw;
    padding: 0 20px;
  }
}
#my-content .cta__img {
  position: absolute;
  bottom: 0;
  left: 100px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__img {
    left: 7.2vw;
  }
}
#my-content .cta__img img {
  width: 130px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__img img {
    width: 25.733vw;
  }
}
#my-content .cta__tel-list {
  display: flex;
  font-family: "Zen Old Mincho";
  font-weight: bold;
  line-height: 1.2;
  max-width: 800px;
  margin: 0 auto 10px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-list {
    max-width: 66.667vw;
    flex-direction: column;
  }
}
#my-content .cta__tel-list > * {
  flex-grow: 1;
  margin: 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-list > * {
    padding: 10px 0;
  }
}
#my-content .cta__tel-list a {
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-list a {
    font-size: max(26px,min(6.933vw,40px));
  }
}
#my-content .cta__tel-note {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Zen Old Mincho";
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-note {
    justify-content: flex-start;
    font-size: max(16px,min(4.533vw,30px));
    padding-left: 30%;
    margin-top: 0.5em;
  }
}
#my-content .cta__tel-note small {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-note small {
    font-size: max(12px,min(3.2vw,18px));
  }
}
#my-content .cta__tel-note img {
  width: 0.9em;
  height: auto;
  margin-right: 10px;
}
#my-content .feature {
  padding: 0;
  background-color: #fff8e0;
}
#my-content .feature__bg {
  background-color: #5368bd;
  padding: 50px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__bg {
    padding: 8vw 0;
  }
}
#my-content .feature__ttl {
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__ttl {
    font-size: 20px;
    font-size: max(10px,min(5.333vw,40px));
  }
  #my-content .feature__ttl.--sp-border {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 1em 0;
  }
}
#my-content .feature__box {
  background: url(../img/feature_bg.jpg) left center/auto 100% no-repeat;
  background-color: #fff;
  height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 400px;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__box {
    height: 80vw;
    background: url(../img/feature_bg_sp.jpg) center center/cover no-repeat;
    align-items: flex-end;
    margin: 0 -3.333vw;
    padding: 3.333vw 3.333vw;
  }
}
#my-content .feature__list {
  width: 600px;
  counter-reset: count;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__list {
    width: 100%;
    background-color: #fff;
    padding: 3.333vw 3.333vw 3.333vw;
  }
}
#my-content .feature__list li {
  border-bottom: 1px solid #5368bd;
  font-family: "Zen Old Mincho";
  font-size: 28px;
  counter-increment: count;
  padding: 0 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__list li {
    font-size: max(16px,min(4.267vw,28px));
    padding: 0 0.5em;
  }
}
#my-content .feature__list li::before {
  content: counter(count);
  padding-right: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__list li::before {
    padding-right: 0.5em;
  }
}
#my-content .feature__no {
  width: 1.4em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #5368bd;
  font-family: "Noto Sans JP";
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  padding: 0.1em 0 0.2em;
  margin: 0.7em auto 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__no {
    font-size: max(37px,min(10vw,50px));
  }
}
#my-content .feature__flex {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__flex {
    margin: -10px 0 0;
    padding: 0;
    background-color: unset;
  }
}
#my-content .feature__flex > li {
  width: 50%;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__flex > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content .feature__box-txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Zen Old Mincho";
  padding: 20px 45px;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__box-txt {
    background-color: #fff;
    padding: 3.333vw;
  }
}
#my-content .feature__box-img {
  width: 100%;
}
#my-content .feature__box-check {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffe678;
  padding: 30px 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__box-check {
    padding: 5.333vw 3.333vw;
  }
}
#my-content .feature__box-ttl {
  color: #5368bd;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__box-ttl {
    font-size: max(16px,min(4vw,24px));
  }
}
#my-content .feature__list-check {
  font-family: "Zen Old Mincho";
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__list-check {
    font-size: max(14px,min(3.467vw,19px));
  }
}
#my-content .feature__list-check li {
  padding-left: 1.5em;
  position: relative;
}
#my-content .feature__list-check li:not(:last-child) {
  margin-bottom: 0.3em;
}
#my-content .feature__list-check li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.84em;
  height: 0.63em;
  background: url(../img/icon_check.svg) center center/contain no-repeat;
}
#my-content .feature__flex02 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#my-content .feature__flex02 img {
  width: 200px;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .feature__flex02 img {
    width: 50%;
  }
}
#my-content .feature figure + figure {
  margin-top: 20px;
}
#my-content .feature p + h4 {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .feature p + h4 {
    margin-top: 20px;
  }
}
#my-content .goal {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .goal {
    padding: 10.667vw 0;
  }
}
#my-content .goal__list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__list {
    margin: -10px 0 0;
  }
}
#my-content .goal__list > li {
  width: 50%;
  padding: 20px 10px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content .goal__box {
  width: 100%;
  border: 1px solid #000;
  padding: 10px 10px 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__box {
    padding: 10px 10px 30px;
  }
}
#my-content .goal__box02 {
  width: 100%;
  border: 1px solid #000;
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__box02 {
    padding: 20px;
  }
}
#my-content .goal__box03 {
  width: 100%;
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__box03 {
    font-size: max(10px,min(2.933vw,14px));
    letter-spacing: -0.05em;
  }
}
#my-content .goal__box03 .p + .p {
  margin-top: 5px;
}
#my-content .goal__img {
  margin-bottom: 10px;
}
#my-content .goal__ttl {
  color: #5368bd;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
#my-content .goal__ttl a {
  position: relative;
}
#my-content .goal__ttl a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #5368bd;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__ttl {
    font-size: max(16px,min(4vw,24px));
  }
}
#my-content .goal__list-flex {
  max-width: 460px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__list-flex {
    max-width: 80%;
  }
}
#my-content .goal__list-disc {
  max-width: 460px;
  flex-grow: 1;
  list-style: disc;
  font-family: "Zen Old Mincho";
  font-size: 19px;
  padding-left: 1em;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .goal__list-disc {
    max-width: 80%;
    font-size: max(14px,min(3.467vw,19px));
  }
}
#my-content .goal__list-disc li {
  line-height: 1.4;
}
#my-content .goal__list-disc li:not(:last-child) {
  margin-bottom: 0.2em;
}
#my-content .goal__list-link li {
  margin-left: 15px;
  position: relative;
}
#my-content .goal__list-link li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  width: 8px;
  height: 20px;
  background-color: #b7ccff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#my-content .voice {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .voice {
    padding: 8vw 0;
  }
}
#my-content .voice__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__list {
    margin: -10px 0 0;
  }
}
#my-content .voice__list > li {
  width: 33.3333333333%;
  padding: 0 15px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content .voice__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #000;
  padding: 40px 20px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__box {
    padding: 30px 20px 0;
  }
}
#my-content .voice__ttl {
  font-family: "Zen Old Mincho";
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__ttl {
    font-size: max(20px,min(6.667vw,28px));
  }
}
#my-content .voice__txt {
  font-family: "Zen Old Mincho";
  margin-bottom: 20px;
}
#my-content .voice__name {
  width: 100%;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: auto;
  margin-bottom: 15px;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__name {
    font-size: 13px;
  }
}
#my-content .voice__img {
  margin: 0 -20px;
}
#my-content .access {
  background-color: #f9f9f9;
}
#my-content .access__txt {
  font-family: "Noto Sans JP";
  text-align: center;
  margin-bottom: 2em;
}
#my-content .access__list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .access__list {
    margin: -10px 0 0;
  }
}
#my-content .access__list > li {
  width: 50%;
  padding: 20px 10px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content .access__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content .access__box {
  width: 100%;
  background-color: #fff;
  border: 1px solid #808080;
  color: #808080;
  font-size: 14px;
  line-height: 1.4;
  padding: 9px 9px 0;
}
#my-content .access__box__inner {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .access__box__inner {
    padding: 3.333vw;
  }
}
@media only screen and (max-width: 768px) {
  #my-content .access img {
    height: 44vw;
  }
}
#my-content .access__name {
  color: #000;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .access__name {
    font-size: 16px;
  }
}
#my-content .access__traffic {
  padding-left: 30px;
  margin-bottom: 1em;
  position: relative;
}
#my-content .access__traffic::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 24px;
  background: url(../img/icon_train.svg) center center/contain no-repeat;
}
#my-content .access__address {
  padding-left: 30px;
  margin-bottom: 1em;
  position: relative;
}
#my-content .access__address::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 22px;
  background: url(../img/icon_address.svg) center center/contain no-repeat;
}
#my-content .access__tel {
  padding-left: 30px;
  margin-bottom: 1em;
  position: relative;
}
#my-content .access__tel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 21px;
  background: url(../img/icon_contact.svg) center center/contain no-repeat;
}
#my-content .access__img-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -5px;
}
#my-content .access__img-flex > * {
  width: 50%;
  padding: 10px 5px 0;
}
#my-content .access__note01 {
  font-family: "Noto Sans JP";
  font-weight: 500;
  line-height: 25px;
  text-align: right;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .access__note01 {
    text-align: center;
  }
}
#my-content .access__note01 span {
  display: inline-block;
  width: 124px;
  background-color: #7186db;
  border-radius: 14px;
  color: #fff;
  margin: 2px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .access__note01 span {
    width: 32%;
  }
}
#my-content .access__note02 {
  max-width: 380px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 10px 0 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .access__note02 {
    max-width: unset;
  }
}
#my-content .access__note02 img {
  margin-right: 10px;
  height: auto;
}
#my-content .contact__ttl {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .contact__ttl {
    font-size: max(10px,min(5.333vw,40px));
  }
}
#my-content .my-footer {
  background-color: #333333;
  padding: 90px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer {
    padding: 40px 0;
  }
}
#my-content .my-footer__logo {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__logo img {
    width: 280px;
  }
}
#my-content .my-footer__address {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__address {
    font-size: max(12px,min(3.2vw,14px));
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage {
    padding-top: 50px;
  }
}
#my-content.--subpage .my-mobile-nav .menu-logo {
  padding: 15px 10px;
}
#my-content.--subpage .mv {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv {
    height: auto;
    background-position: center top;
    background-size: 100% auto;
    padding-top: 0;
  }
}
#my-content.--subpage .mv .inner {
  max-width: 1000px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv .inner {
    padding: 0 3.333vw;
  }
}
#my-content.--subpage .mv .mv__over {
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv .mv__over {
    height: 65.333vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 2.667vw;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__catch {
    width: 30.933vw;
  }
}
#my-content.--subpage .mv__tag {
  display: flex;
  margin: 10px -5px 20px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__tag {
    margin: 1.333vw -5 2.667vw;
  }
}
#my-content.--subpage .mv__tag span {
  display: inline-block;
  border-radius: 1em;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1em;
  padding: 0 2em;
  margin: 0 5px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__tag span {
    flex-grow: 1;
    font-size: max(10px,min(3.467vw,26px));
    padding: 0 1em;
  }
}
#my-content.--subpage .mv__tag .--orange {
  background-color: #d15e28;
}
#my-content.--subpage .mv__tag .--blue {
  background-color: #5368bd;
}
#my-content.--subpage .mv__ttl {
  display: flex;
  align-items: center;
  color: #000;
  font-family: "Zen Old Mincho";
  font-size: 65px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.13;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl {
    justify-content: center;
    font-size: max(10px,min(9.333vw,70px));
    font-weight: bold;
    text-shadow: 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
    text-align: center;
  }
}
#my-content.--subpage .mv__ttl strong {
  color: #5368bd;
  font-size: 85px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl strong {
    font-size: max(10px,min(13.333vw,100px));
  }
}
#my-content.--subpage .mv__list {
  color: #5368bd;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__list {
    width: fit-content;
    font-size: max(10px,min(5.333vw,40px));
    margin: 0.5em auto;
  }
}
#my-content.--subpage .mv__list li {
  padding: 0.5em 0 0.5em 2em;
  position: relative;
}
#my-content.--subpage .mv__list li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 1.4em;
  height: 1.1em;
  background: url(../img/icon_check_square.svg) center center/contain no-repeat;
}
#my-content.--subpage .mv__sp-img {
  display: none;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__sp-img {
    display: block;
    margin: -3.067vw -3.333vw 0;
    text-align: center;
  }
}
#my-content.--subpage .plan {
  background-color: #cbdcff;
}
#my-content.--subpage .plan .sec-ttl {
  border-top: none;
  border-bottom: 2px solid #5368bd;
  font-family: "Zen Old Mincho";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: normal;
  padding: 0 0 0.2em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan .sec-ttl {
    font-size: max(20px,min(8vw,40px));
    line-height: 1.2;
    margin-left: -3.333vw;
    margin-right: -3.333vw;
  }
}
#my-content.--subpage .plan__row {
  display: flex;
  margin: 0 -20px 30px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__row {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content.--subpage .plan__row > li {
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__row > li {
    width: 100%;
    padding: 20px 0 0;
  }
}
#my-content.--subpage .plan__row-item2 {
  width: 50%;
}
#my-content.--subpage .plan__row-item1 {
  width: 100%;
}
#my-content.--subpage .plan__box {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  padding: 40px 40px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__box {
    padding: 20px 5.333vw;
  }
}
#my-content.--subpage .plan__box-img {
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__box-img {
    margin-bottom: 20px;
  }
}
#my-content.--subpage .plan__box-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#my-content.--subpage .plan__box-heading {
  position: relative;
  max-width: 360px;
  min-height: 240px;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__box-heading {
    max-width: 57.6vw;
    min-height: 38.4vw;
  }
}
#my-content.--subpage .plan__ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  position: relative;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 0.5em;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__ttl {
    height: 22.4vw;
    font-size: max(16px,min(4.8vw,30px));
  }
}
#my-content.--subpage .plan__ttl small {
  font-size: 0.66em;
}
#my-content.--subpage .plan__ttl.--blue {
  color: #fff;
  background-color: #7186db;
}
#my-content.--subpage .plan__ttl.--yellow {
  color: #5368bd;
  background-color: #ffda32;
}
#my-content.--subpage .plan__ttl.--green {
  background-color: #93c57d;
}
#my-content.--subpage .plan__ttl-shadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}
#my-content.--subpage .plan__ttl-list {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  padding: 1em 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__ttl-list {
    font-size: max(14px,min(3.733vw,17px));
  }
}
#my-content.--subpage .plan__ttl-list li {
  padding-bottom: 5px;
  border-bottom: 1px solid #b3b3b3;
}
#my-content.--subpage .plan__ttl-list li:not(:last-child) {
  margin-bottom: 5px;
}
#my-content.--subpage .plan__txt {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.88;
  padding: 0 10px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__txt {
    font-size: 1em;
  }
}
#my-content.--subpage .plan__check {
  border: 1px solid #5368bd;
  color: #5368bd;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 1em;
  margin-top: auto;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .plan__check {
    font-size: max(12px,min(3.733vw,20px));
  }
}
#my-content.--subpage .plan__check-list li {
  padding-left: 2.2em;
  position: relative;
}
#my-content.--subpage .plan__check-list li:not(:last-child) {
  margin-bottom: 0.7em;
}
#my-content.--subpage .plan__check-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.3em;
  background: url(../img/icon_check_square.svg) center center/contain no-repeat;
}
#my-content.--subpage .course .sec-ttl {
  border: none;
  font-family: "Zen Old Mincho";
  font-size: 40px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course .sec-ttl {
    font-size: max(20px,min(8vw,40px));
  }
}
#my-content.--subpage .course__txt {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__txt {
    margin-bottom: 20px;
    padding: 0 5.333vw;
    text-align: left;
  }
}
#my-content.--subpage .course__list > li:not(:last-child) {
  margin-bottom: 30px;
}
#my-content.--subpage .course__box {
  border: 1px solid #000;
  padding: 20px 30px 25px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box {
    padding: 20px 5.333vw 30px;
  }
}
#my-content.--subpage .course__box-ttl {
  border-bottom: 1px solid #5368bd;
  color: #5368bd;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-ttl {
    font-size: max(18px,min(5.333vw,23px));
  }
}
#my-content.--subpage .course__box-flex {
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-flex {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content.--subpage .course__box-flex > * {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-flex > * {
    padding: 20px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-flex-right {
    padding-left: 2.667vw;
    padding-right: 2.667vw;
  }
}
#my-content.--subpage .course__box-txt {
  width: 458px;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-txt {
    width: 100%;
  }
}
#my-content.--subpage .course__box-list {
  width: 300px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-list {
    width: 100%;
    font-size: max(14px,min(3.733vw,17px));
  }
}
#my-content.--subpage .course__box-list li {
  border-bottom: 1px solid #b3b3b3;
  padding: 0.3em 0;
}
#my-content.--subpage .course__box-list-ttl {
  background-color: #7186db;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-list-ttl {
    font-size: max(14px,min(3.733vw,17px));
    line-height: 1.7;
  }
}
#my-content.--subpage .course__box-note01 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-note01 {
    font-size: max(14px,min(4vw,17px));
  }
}
#my-content.--subpage .course__box-note02 {
  border: 1px solid;
  color: #5368bd;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .course__box-note02 {
    font-size: max(12px,min(3.733vw,16px));
  }
}
#my-content.--shogaku .mv {
  background-image: url(../img/shogaku_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--shogaku .mv {
    background-image: url(../img/shogaku_mv_sp.jpg);
  }
}
#my-content.--chugaku .mv {
  background-image: url(../img/chugaku_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--chugaku .mv {
    background-image: url(../img/chugaku_mv_sp.jpg);
  }
}
#my-content.--chugaku .mv__ttl {
  display: block;
  font-size: 60px;
}
@media only screen and (max-width: 768px) {
  #my-content.--chugaku .mv__ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: max(10px,min(11.333vw,85px));
  }
  #my-content.--chugaku .mv__ttl strong {
    margin-top: 1.333vw;
  }
}
#my-content.--chugaku .mv__list {
  max-width: 600px;
  column-count: 2;
}
@media only screen and (max-width: 768px) {
  #my-content.--chugaku .mv__list {
    column-count: 1;
  }
}
#my-content.--koko .mv {
  background-image: url(../img/koko_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--koko .mv {
    background-image: url(../img/koko_mv_sp.jpg);
  }
}
#my-content.--koko .mv .inner {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#my-content.--koko .mv__list {
  width: 580px;
  column-count: 2;
}
@media only screen and (max-width: 768px) {
  #my-content.--koko .mv__list {
    width: unset;
    column-count: 1;
  }
}

.navi-course-button {
  display: none;
}/*# sourceMappingURL=lp_toukikoshu.css.map */