@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;
}

#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 .fc-orange {
  color: #db6e28 !important;
}
#my-content .fc-green {
  color: #386a4b !important;
}
#my-content .bgc-orange {
  background-color: #faf8ee !important;
}
#my-content .bgc-green {
  background-color: #eef5ee !important;
}
#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 {
  color: #00413d;
  font-family: "Zen Old Mincho";
  font-size: 40px;
  font-weight: bold;
  line-height: 1.18;
  padding-bottom: 0.2em;
  margin-bottom: 1.5em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl {
    font-size: 20px;
    font-size: max(20px,min(8vw,40px));
    margin-bottom: 2em;
  }
}
#my-content .sec-ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: #00413d;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl::after {
    width: 100vw;
  }
}
#my-content .sec-ttl__sub {
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #eab02e;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0.1em;
  padding: 0 3em;
  clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl__sub {
    width: 90%;
    font-size: max(13px,min(3.467vw,14px));
    padding: 0;
  }
}
#my-content .sec-ttl__sub.--green01 {
  background-color: #408c63;
}
#my-content .sec-ttl__sub.--green02 {
  background-color: #386a4b;
}
#my-content .sec-ttl__sub.--green03 {
  background-color: #00413d;
}
#my-content .my-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
  background-color: #fff;
  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;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#my-content .my-mobile-nav .menu-logo a {
  flex-grow: 1;
  padding: 0 10px;
}
#my-content .my-mobile-nav .menu-logo .tag {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #00413d;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.2em 1em;
}
#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: #00413d;
  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 #00413d;
  display: block;
  padding: 10px;
  color: #00413d;
  font-size: 16px;
  text-decoration: none;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(4) a {
  background-color: #5ab464;
  color: #fff;
  border-color: #5ab464;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(5) a {
  background-color: #db6e28;
  color: #fff;
  border-color: #db6e28;
}
#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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
#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__logo .tag {
  display: block;
  background-color: #00413d;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.1em;
  margin-top: 5px;
  text-align: center;
}
#my-content .my-header__menu {
  flex-grow: 1;
  display: flex;
  margin: 0 -10px;
}
#my-content .my-header__menu li {
  width: 25%;
  padding: 0 10px;
}
#my-content .my-header__menu li a {
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #00413d;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#my-content .my-header__menu li a.active {
  pointer-events: none;
  background-color: #eab02e !important;
  border-color: #eab02e !important;
}
#my-content .my-header__menu li a:hover {
  opacity: 1;
}
#my-content .my-header__menu li:nth-child(-n+3) a {
  border: 1px solid #00413d;
}
#my-content .my-header__menu li:nth-child(-n+3) a:hover {
  background-color: #eab02e;
  border-color: #eab02e;
}
#my-content .my-header__menu li:nth-child(4) a {
  background-color: #5ab464;
  border: 1px solid #5ab464;
  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-color: #fff;
  color: #386a4b;
}
#my-content .my-header__menu li:nth-child(5) a {
  background-color: #e66e28;
  border: 1px solid #e66e28;
  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-color: #fff;
  color: #e66e28;
}
#my-content .mv {
  height: 540px;
  background: url(../img/mv_bg.jpg) center center/cover no-repeat;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .mv {
    height: auto;
    background: url(../img/mv_bg_sp.jpg) center top 50px/cover no-repeat;
  }
}
#my-content .mv__txt {
  padding-top: 190px;
}
@media only screen and (max-width: 768px) {
  #my-content .mv__txt {
    padding-top: 0;
    margin: 0 -3.333vw;
  }
}
#my-content .course__line {
  border-bottom: 1px solid #00413d;
}
#my-content .course__txt {
  color: #00413d;
  text-align: center;
  padding-bottom: 30px;
}
#my-content .course__ttl {
  color: #00413d;
  font-family: "Zen Old Mincho";
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .course__ttl {
    font-size: max(18px,min(5.333vw,30px));
  }
}
#my-content .course__ttl small {
  display: inline-block;
  color: #e66e28;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #my-content .course__ttl small {
    font-size: max(14px,min(3.733vw,18px));
  }
}
#my-content .course__row {
  display: flex;
  margin: 0 -20px 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .course__row {
    flex-direction: column;
    margin: -30px 0 0;
  }
}
#my-content .course__row > li {
  width: 33.3333333333%;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .course__row > li {
    width: 100%;
    padding: 30px 0 0;
  }
}
#my-content .course__box {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  padding: 20px 30px 30px;
}
#my-content .course__box-ttl {
  color: #00413d;
  font-family: "Zen Old Mincho";
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .course__box-ttl {
    font-size: max(18px,min(5.333vw,28px));
  }
}
#my-content .course__img {
  margin-bottom: 20px;
}
#my-content .course__list {
  color: #00413d;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .course__list {
    font-size: max(14px,min(3.733vw,18px));
  }
}
#my-content .course__list li {
  padding-bottom: 5px;
  border-bottom: 1px solid #b3b3b3;
}
#my-content .course__list li:not(:last-child) {
  margin-bottom: 5px;
}
#my-content .course__btn {
  margin-top: auto;
  text-align: center;
}
#my-content .course__btn a {
  display: inline-flex;
  min-height: 60px;
  width: min(100%, 300px);
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #00413d;
  color: #00413d;
  font-size: 18px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .course__btn a {
    min-height: 3.5em;
    width: min(100%, 300px);
    font-size: max(12px,min(4vw,18px));
  }
}
#my-content .course__btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 24px;
  height: 9px;
  background: url(../img/arrow_orange.svg) center center/contain no-repeat;
}
#my-content .course__btn a:hover {
  opacity: 1;
  background-color: #00413d;
  color: #fff;
}
#my-content .cta {
  background-color: #00413d;
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .cta {
    padding: 5.333vw 0;
  }
}
#my-content .cta__box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 15px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box {
    flex-direction: column;
    padding: 5.333vw 5.333vw;
  }
}
#my-content .cta__box-left {
  width: 380px;
  margin-right: 60px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#my-content .cta__box-right {
  width: 500px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box-right {
    width: 100%;
  }
}
#my-content .cta__txt01 {
  color: #00413d;
  font-family: "Zen Old Mincho";
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt01 {
    font-size: max(20px,min(8vw,40px));
    margin-bottom: 2.667vw;
    text-align: center;
  }
}
#my-content .cta__img01 {
  width: 331px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__img01 {
    right: 0;
    width: 66.267vw;
  }
}
#my-content .cta__catch {
  width: 100%;
  display: inline-block;
  background-color: #efd132;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
  color: #00413d;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6em;
  letter-spacing: normal;
  padding-left: 1em;
  padding-right: 0.8em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__catch {
    font-size: max(16px,min(4.4vw,22px));
  }
}
#my-content .cta__catch small {
  font-size: 0.9em;
}
#my-content .cta__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 120px;
  background: linear-gradient(0deg, rgb(180, 60, 30) 0%, rgb(186, 65, 30) 8.09%, rgb(203, 78, 30) 18.88%, rgb(205, 80, 30) 20%, rgb(211, 85, 32) 46.18%, rgb(228, 100, 37) 81.05%, rgb(240, 110, 40) 100%);
  border-radius: 20px;
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__btn {
    width: 80vw;
    height: 19.2vw;
    border-radius: 2.667vw;
    font-size: max(16px,min(5.333vw,30px));
  }
}
#my-content .cta__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8em;
  transform: translateY(-50%);
  width: 1.2em;
  height: 0.6em;
  background: url(../img/arrow_white.svg) center center/contain no-repeat;
}
#my-content .cta__btn:hover {
  opacity: 1;
  background: #efd132;
  color: #00413d;
}
#my-content .cta__btn:hover::after {
  background-image: url(../img/arrow_green.svg);
}
#my-content .cta__tel {
  text-align: center;
}
#my-content .cta__tel a {
  color: #00413d;
  font-size: 20px;
  font-weight: bold;
  padding: 0 2em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel a {
    font-size: max(14px,min(3.733vw,20px));
  }
}
#my-content .cta__tel a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 23px;
  background: url(../img/icon_tel.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel a::before {
    width: 3.733vw;
    height: 5.067vw;
  }
}
#my-content .cta__tel a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 12px;
  background: url(../img/arrow_green.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel a::after {
    width: 5.867vw;
    height: 6.4vw;
  }
}
#my-content .cta__tel-note01 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 0.25em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-note01 {
    font-size: max(14px,min(3.333vw,18px));
  }
}
#my-content .cta__tel-note02 {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  #my-content .cta__tel-note02 {
    font-size: max(10px,min(2.667vw,12px));
  }
}
@media only screen and (max-width: 768px) {
  #my-content .reason .inner {
    padding: 0;
  }
}
#my-content .reason__list > li {
  background-color: #fff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
  #my-content .reason__list > li {
    box-shadow: none;
  }
}
#my-content .reason__list > li:not(:last-child) {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__list > li:not(:last-child) {
    margin-bottom: 0;
  }
}
#my-content .reason__flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .reason__flex-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  padding: 60px 25px 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex-left {
    width: 100%;
    padding: 40px 5.333vw 25px;
  }
}
#my-content .reason__flex-right {
  width: 790px;
  padding: 30px 25px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex-right {
    width: 100%;
    padding: 30px 5.333vw;
  }
}
#my-content .reason__no {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no {
    width: 17.333vw;
    border-width: 1px;
    padding-bottom: 1.333vw;
    margin: 0 auto 4vw;
  }
}
#my-content .reason__no small {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no small {
    font-size: max(10px,min(2.667vw,13px));
  }
}
#my-content .reason__no strong {
  display: inline-block;
  font-family: "Zen Old Mincho";
  font-size: 47px;
  font-weight: normal;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no strong {
    font-size: max(22px,min(9.2vw,47px));
  }
}
#my-content .reason__ttl {
  font-family: "Zen Old Mincho";
  font-size: 42px;
  font-weight: normal;
  line-height: 1.52;
  letter-spacing: -0.05em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__ttl {
    font-size: max(20px,min(8.267vw,42px));
  }
}
#my-content .reason__ttl strong {
  font-size: 46px;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__ttl strong {
    font-size: max(22px,min(9.2vw,46px));
  }
}
#my-content .reason__cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
#my-content .reason__cont:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont:not(:last-child) {
    margin-bottom: 30px;
  }
}
#my-content .reason__cont-flex {
  max-width: 552px;
  display: flex;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-flex {
    flex-direction: column;
  }
}
#my-content .reason__cont-flex-left {
  flex-shrink: 0;
  width: 200px;
  margin-right: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-flex-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#my-content .reason__cont-flex-right {
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-flex-right {
    padding-left: 0;
  }
}
#my-content .reason__cont-ttl {
  display: flex;
  align-items: center;
  color: #386a4b;
  font-family: "Zen Old Mincho";
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-ttl {
    display: block;
    font-size: max(18px,min(5.333vw,28px));
    margin-bottom: 1em;
  }
}
#my-content .reason__cont-ttl span {
  padding: 0 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-ttl span {
    padding: 0;
  }
}
#my-content .reason__cont-ttl::before, #my-content .reason__cont-ttl::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #00413d;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-ttl::before, #my-content .reason__cont-ttl::after {
    content: unset;
  }
}
#my-content .reason__cont-list {
  max-width: 600px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  padding-left: 0.5em;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-list {
    font-size: max(13px,min(3.733vw,18px));
  }
}
#my-content .reason__cont-list li {
  border-bottom: 1px solid #b3b3b3;
  color: #00413d;
  text-align: center;
}
#my-content .reason__txt01 {
  margin-bottom: 30px;
}
#my-content .reason__txt01.--mb0 {
  margin-bottom: 0;
}
#my-content .reason__img01 {
  text-align: center;
}
#my-content .reason__img02 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img02.--w01 img {
    width: 66.8vw;
  }
  #my-content .reason__img02.--w02 img {
    width: 80.133vw;
  }
  #my-content .reason__img02.--w03 img {
    width: 91.067vw;
  }
  #my-content .reason__img02.--w04 img {
    width: 90.8vw;
  }
}
#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(18px,min(5.333vw,40px));
  }
}
#my-content .my-footer {
  background-color: #00413d;
  color: #fff;
  padding: 40px 0 0;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer {
    padding: 8vw 0 0;
  }
}
#my-content .my-footer__flex {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .my-footer__flex-left {
  flex-grow: 1;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__flex-left {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#my-content .my-footer__flex-right {
  flex-shrink: 0;
}
#my-content .my-footer__logo {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__logo img {
    width: 58.667vw;
  }
}
#my-content .my-footer__tel-list {
  font-family: "Zen Old Mincho";
  font-size: 26px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-list {
    font-size: max(10px,min(5.2vw,39px));
  }
}
#my-content .my-footer__tel-list li {
  border-bottom: 1px solid #fff;
  padding: 0 1em;
  text-align: center;
  display: flex;
  align-items: center;
}
#my-content .my-footer__tel-list li:first-child {
  border-top: 1px solid #fff;
}
#my-content .my-footer__tel-list li small {
  display: inline-block;
  width: 7em;
  font-size: 16px;
  font-weight: bold;
  padding-right: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-list li small {
    font-size: max(10px,min(3.2vw,24px));
  }
}
#my-content .my-footer__tel-note01 {
  font-family: "Zen Old Mincho";
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-note01 {
    font-size: max(14px,min(3.6vw,27px));
  }
}
#my-content .my-footer__tel-note02 {
  font-family: "Zen Old Mincho";
  font-size: 12px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-note02 {
    font-size: max(10px,min(2.667vw,14px));
  }
}
#my-content .my-footer .copyright {
  font-size: 10px;
  font-weight: 500;
  padding: 50px 0 10px;
  text-align: center;
}
#my-content .plan {
  background-color: #f7e3b5;
}
#my-content .plan__row {
  display: flex;
  margin: 0 -20px 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__row {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content .plan__row > li {
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__row > li {
    width: 100%;
    padding: 20px 0 0;
  }
}
#my-content .plan__row-item2 {
  width: 50%;
}
#my-content .plan__row-item1 {
  width: 100%;
}
#my-content .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 .plan__box {
    padding: 20px 5.333vw;
  }
}
#my-content .plan__box-img {
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__box-img {
    margin-bottom: 20px;
  }
}
#my-content .plan__box-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#my-content .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 .plan__box-heading {
    max-width: 57.6vw;
    min-height: 38.4vw;
  }
}
#my-content .plan__ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  position: relative;
  color: #00413d;
  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 .plan__ttl {
    height: 22.4vw;
    font-size: max(16px,min(4.8vw,30px));
  }
}
#my-content .plan__ttl small {
  font-size: 0.66em;
}
#my-content .plan__ttl.--orange {
  background-color: #eab02e;
}
#my-content .plan__ttl.--yellow {
  background-color: #efd132;
}
#my-content .plan__ttl.--green {
  background-color: #93c57d;
}
#my-content .plan__ttl-shadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}
#my-content .plan__ttl-list {
  color: #00413d;
  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 .plan__ttl-list {
    font-size: max(14px,min(3.733vw,17px));
  }
}
#my-content .plan__ttl-list li {
  padding-bottom: 5px;
  border-bottom: 1px solid #b3b3b3;
}
#my-content .plan__ttl-list li:not(:last-child) {
  margin-bottom: 5px;
}
#my-content .plan__txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.88;
  padding: 0 10px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__txt {
    font-size: max(14px,min(3.467vw,18px));
  }
}
#my-content .plan__check {
  border: 1px solid #00413d;
  color: #00413d;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 1em;
  padding-left: 3.5em;
  margin-top: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__check {
    font-size: max(14px,min(4vw,20px));
  }
}
#my-content .plan__check small {
  font-size: 0.9em;
}
#my-content .plan__check::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  background: url(../img/icon_check.svg) center center/contain no-repeat;
}
#my-content .intro .sec-ttl {
  padding-bottom: 0;
  margin-bottom: 1em;
}
#my-content .intro .sec-ttl::after {
  content: unset;
}
#my-content .intro__txt {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__txt {
    margin-bottom: 20px;
  }
}
#my-content .intro__list > li:not(:last-child) {
  margin-bottom: 30px;
}
#my-content .intro__box {
  border: 1px solid #00413d;
  padding: 20px 30px 25px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box {
    padding: 20px 5.333vw 30px;
  }
}
#my-content .intro__box-ttl {
  border-bottom: 1px solid #00413d;
  color: #00413d;
  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 .intro__box-ttl {
    font-size: max(18px,min(5.333vw,23px));
  }
}
#my-content .intro__box-flex {
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-flex {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content .intro__box-flex > * {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-flex > * {
    padding: 20px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-flex-right {
    padding-left: 5.333vw;
    padding-right: 5.333vw;
  }
}
#my-content .intro__box-txt {
  width: 436px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-txt {
    width: 100%;
  }
}
#my-content .intro__box-list {
  width: 300px;
  color: #00413d;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-list {
    width: 100%;
    font-size: max(16px,min(3.733vw,17px));
  }
}
#my-content .intro__box-list li {
  border-bottom: 1px solid #b3b3b3;
  padding: 5px 0;
}
#my-content .intro__box-list-ttl {
  background-color: #b69d2d;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-list-ttl {
    font-size: max(16px,min(3.733vw,17px));
    line-height: 1.7;
  }
}
#my-content.--subpage .mv {
  padding-top: 230px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv {
    padding-top: 60px;
  }
}
#my-content.--subpage .mv .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv .inner {
    align-items: center;
  }
}
#my-content.--subpage .mv__ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: #00413d;
  font-family: "Zen Old Mincho";
  font-size: 65px;
  font-weight: bold;
  line-height: 1.13;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl {
    font-size: max(10px,min(11.467vw,86px));
    text-align: center;
  }
}
#my-content.--subpage .mv__ttl-sub {
  display: inline-block;
  line-height: 26px;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  padding: 0 3em;
  margin-top: 0.8em;
  text-align: center;
  clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl-sub {
    font-size: max(10px,min(3.333vw,25px));
    line-height: 6.133vw;
  }
}
#my-content.--subpage .mv__ttl-sub.--orange01 {
  background-color: #eab02e;
}
#my-content.--subpage .mv__ttl-sub.--orange02 {
  background-color: #e0881a;
}
#my-content.--subpage .mv__ttl-sub.--orange03 {
  background-color: #db6e28;
}
#my-content.--subpage .mv__list {
  color: #00413d;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__list {
    font-size: max(10px,min(5.333vw,40px));
    padding-bottom: 1em;
  }
}
#my-content.--subpage .mv__list li {
  padding-left: 2em;
  margin-top: 1em;
  position: relative;
}
#my-content.--subpage .mv__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.35em;
  height: 1em;
  background: url(../img/icon_check.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.--elementary .mv {
  background-image: url(../img/elementary_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--elementary .mv {
    background-image: none;
  }
}
#my-content.--junior .mv {
  background-image: url(../img/junior_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv {
    background-image: none;
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__ttl {
    position: absolute;
    left: 0;
    top: 50px;
    text-align: left;
    display: block;
    font-size: max(10px,min(10.667vw,80px));
    padding: 13vw 3.333vw 0;
  }
}
#my-content.--junior .mv__ttl-sub {
  margin-top: -60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__ttl-sub {
    margin-top: 10px;
    margin-bottom: 0;
  }
}
#my-content.--junior .mv__list {
  max-width: 715px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__list {
    display: block;
  }
}
#my-content.--junior .mv__list li {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__list li {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__sp-img {
    margin-top: 50px;
  }
}
#my-content.--junior .plan {
  background-color: #f5f0a7;
}
#my-content.--high .mv {
  background-image: url(../img/high_mv.jpg);
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv {
    background-image: none;
  }
}
#my-content.--high .mv__list {
  max-width: 715px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__list {
    display: block;
  }
}
#my-content.--high .mv__list li {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__list li {
    width: 100%;
  }
}
#my-content.--high .plan {
  background-color: #dcf0b2;
}
#my-content.--high .plan__box {
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .plan__box {
    flex-direction: column;
  }
}
#my-content.--high .plan__box-left {
  width: 500px;
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .plan__box-left {
    width: 100%;
    margin-right: 0;
  }
}
#my-content.--high .plan__box-right {
  width: 570px;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .plan__box-right {
    width: 100%;
  }
}
#my-content.--high .plan__txt {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .plan__txt {
    margin-bottom: 1em;
  }
}

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