@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 {
  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: "Zen Old Mincho";
  font-size: 16px;
  line-height: 1.875;
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  #my-content {
    min-width: unset;
    font-size: 14px;
    font-size: clamp(14px, 3.467vw, 16px);
  }
}
#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 .my-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  z-index: 999;
  background-color: rgb(255, 255, 255);
  font-family: "Noto Sans JP";
  font-size: max(10px,min(3.467vw,26px));
  font-weight: 500;
  /* チェックボックスを非表示 */
  /* メニューボタンの装飾 */
  /* メニューボタンのアニメーション */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの開閉 */
  /* ドロワーメニューの背景 */
}
#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-checkbox {
  display: none;
}
#my-content .my-mobile-nav .menu-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-button span {
  display: block;
  position: absolute;
  left: 13px;
  width: 30px;
  height: 4px;
  background-color: #000000;
  border-radius: 2px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(1) {
  top: 15px;
}
#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: 15px;
}
#my-content .my-mobile-nav .menu-close span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#my-content .my-mobile-nav .menu-close span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#my-content .my-mobile-nav .menu-close span:nth-child(3) {
  display: none;
}
#my-content .my-mobile-nav .drawer-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  max-height: 100vh;
  width: 50%;
  transform: translateX(100%);
  transition: 0.5s;
  background-color: #fff;
  padding-top: 56px;
  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 li {
  border-bottom: 1px solid #000;
  text-align: center;
}
#my-content .my-mobile-nav .drawer-menu li a {
  display: block;
  padding: 10px;
  color: #0092c7;
  font-size: 15px;
  text-decoration: none;
  position: relative;
}
#my-content .my-mobile-nav .drawer-menu li:nth-child(n+2) a:hover {
  color: #fff;
  background-color: #8bdce1;
  background: linear-gradient(0deg, #8bdce1, #93ebec);
  border-color: #8bdce1;
}
#my-content .my-mobile-nav .drawer-menu li:nth-child(5) a {
  background: linear-gradient(90deg, #0092c7, #50c7f4);
  border: 1px solid #50c7f4;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}
#my-content .my-mobile-nav .drawer-menu li:nth-child(5) a:hover {
  background: #fff;
  color: #50c7f4;
}
#my-content .my-mobile-nav .drawer-menu li:nth-child(6) a {
  background: linear-gradient(90deg, #862828, #d13e46);
  border: 1px solid #d13e46;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}
#my-content .my-mobile-nav .drawer-menu li:nth-child(6) a:hover {
  background: #fff;
  color: #d13e46;
}
#my-content .my-mobile-nav .drawer-menu li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background: url(../img/icon_arrow-black.svg) center center/contain no-repeat;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
#my-content .my-mobile-nav .menu-background {
  display: none;
  position: fixed;
  top: 0;
  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-background {
  display: block;
}
#my-content .my-header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
#my-content .my-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 100px;
  padding: 0 20px;
  margin: 0 auto;
}
#my-content .my-header__logo {
  width: 300px;
}
#my-content .my-header__menu {
  min-width: 750px;
  height: 50px;
  flex-grow: 1;
  display: flex;
  margin: 0 -10px;
}
#my-content .my-header__menu li {
  height: 100%;
  width: 25%;
  padding: 0 5px;
  white-space: nowrap;
}
#my-content .my-header__menu li a {
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  color: #0092c7;
  background-color: #fff;
  border-color: #0092c7;
  border-radius: 10px;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#my-content .my-header__menu li a.active {
  pointer-events: none;
  background-color: #8bdce1 !important;
  border-color: #8bdce1 !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 #0092c7;
}
#my-content .my-header__menu li:nth-child(-n+3) a:hover {
  color: #0092c7;
  background-color: #8bdce1;
  background: linear-gradient(0deg, #8bdce1, #93ebec);
  border-color: #8bdce1;
}
#my-content .my-header__menu li:nth-child(4) a {
  background: linear-gradient(90deg, #0092c7, #50c7f4);
  border: 1px solid #50c7f4;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 180px;
}
#my-content .my-header__menu li:nth-child(4) a:hover {
  opacity: 0.7;
}
#my-content .my-header__menu li:nth-child(5) a {
  background: linear-gradient(90deg, #862828, #d13e46);
  border: 1px solid #d13e46;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 180px;
}
#my-content .my-header__menu li:nth-child(5) a:hover {
  opacity: 0.7;
}
#my-content .mv {
  height: 540px;
  background: url(../img/mv_bg.jpg) center center/cover no-repeat;
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .mv {
    height: auto;
  }
}
#my-content .mv__txt {
  text-align: center;
  padding-top: 40px;
}
#my-content .mv__under {
  background: linear-gradient(-90deg, rgb(85, 219, 255) 12.68%, rgb(82, 154, 246) 58.52%, rgb(50, 117, 246) 71.32%, rgb(0, 57, 118) 100%);
  padding: 30px 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .mv__under {
    padding: vw(50) vw(25);
  }
}
#my-content .my-nav__menu {
  display: flex;
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 0;
}
#my-content .my-nav__menu li {
  flex-grow: 1;
  border-left: 1px solid #000;
}
#my-content .my-nav__menu li:last-child {
  border-right: 1px solid #000;
}
#my-content .my-nav__menu li a {
  display: inline-block;
  width: 100%;
  padding: 6px 20px;
  text-align: center;
}
#my-content .plan__row {
  display: flex;
  margin: 0 -20px 100px;
}
@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%;
  font-family: "Noto Sans JP";
  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: #006a9f;
  font-family: "Noto Sans JP";
  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: #8bdce1;
}
#my-content .plan__ttl.--yellow {
  background-color: #f0df39;
}
#my-content .plan__ttl.--green {
  background-color: #8bdce1;
}
#my-content .plan__ttl-shadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}
#my-content .plan__ttl-list {
  color: #000;
  font-family: "Noto Sans JP";
  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 15px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .plan__txt {
    font-size: max(10px,min(3.467vw,26px));
  }
}
#my-content .plan__check {
  border: 1px solid #006a9f;
  color: #006a9f;
  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(10px,min(4vw,30px));
  }
}
#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__txt {
  font-family: "Noto Sans JP";
  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 {
  font-family: "Noto Sans JP";
  border: 1px solid #000;
  padding: 20px 30px 25px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box {
    padding: 20px 5.333vw 30px;
  }
}
#my-content .intro__box-img {
  width: 380px;
  height: 196px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-img {
    width: 66.667vw;
    height: 37.333vw;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-img img {
    width: 100%;
  }
}
#my-content .intro__box-ttl {
  border-bottom: 1px solid #006a9f;
  color: #006a9f;
  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(10px,min(5.333vw,40px));
  }
}
#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: 0 auto;
  }
}
#my-content .intro__box-flex > * {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-flex > * {
    padding: 0;
  }
}
#my-content .intro__box-flex-right {
  width: 330px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-flex-right {
    width: 66.667vw;
    margin: 0 auto;
  }
}
#my-content .intro__box-txt {
  width: 466px;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__box-txt {
    font-size: max(10px,min(3.467vw,26px));
    width: max(10px,min(72.533vw,544px));
    padding: max(10px,min(5.333vw,40px)) 0 max(10px,min(9.333vw,70px)) 0;
    margin: 0 auto;
  }
}
#my-content .intro__box-list {
  width: 300px;
  color: #000;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
@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 #000;
  padding: 5px 0;
}
#my-content .intro__box-list-ttl {
  background-color: #0092c7;
  color: #fff;
  font-family: "Noto Sans JP";
  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(10px,min(3.733vw,28px));
    line-height: 1.7;
  }
}
@media only screen and (max-width: 768px) {
  #my-content .intro iframe {
    height: 44vw;
  }
}
#my-content .intro__address {
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: 1.7;
  padding: 10px 10px 20px;
}
#my-content .intro__address strong {
  font-size: 17px;
  font-weight: 500;
}
#my-content .intro__img-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -5px;
}
#my-content .intro__img-flex > * {
  width: 50%;
  padding: 10px 5px 0;
}
#my-content .intro__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 .intro__note01 {
    text-align: center;
  }
}
#my-content .intro__note01 span {
  display: inline-block;
  width: 124px;
  background-color: #ffffe0;
  border-radius: 14px;
  color: #fff;
  margin: 2px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .intro__note01 span {
    width: 32%;
  }
}
#my-content .intro__note02 {
  max-width: 380px;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 10px 0 0 auto;
}
#my-content .intro__note02 img {
  padding-right: 10px;
}
#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: 12px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
#my-content.--souki .my-header__logo {
  flex-grow: 1;
}
#my-content.--souki .my-header__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 48px;
  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%);
  border-radius: 10px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: bold;
  padding-left: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .mv {
    background: none;
    border-bottom: none;
    padding: 0;
  }
}
#my-content.--souki .mv__sp-img {
  display: none;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .mv__sp-img {
    display: block;
    text-align: center;
    margin: 0 -3.333vw;
  }
  #my-content.--souki .mv__sp-img img {
    width: 100%;
  }
  #my-content.--souki .mv__sp-img.--pt56 {
    padding-top: 56px;
  }
}
#my-content.--souki .intro {
  padding: 30px 0 70px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro {
    padding: 6.667vw 0 3.333vw;
  }
}
#my-content.--souki .intro .sec-ttl {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 0.5em 0;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro .sec-ttl {
    font-size: clamp(20px, 5.333vw, 40px);
    padding: 1em 0;
  }
}
#my-content.--souki .intro .sec-ttl .fc-blue {
  display: block;
  color: #0094cc;
  font-family: "Zen Old Mincho";
  font-size: 30px;
  letter-spacing: normal;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.4em;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro .sec-ttl .fc-blue {
    font-size: 14px;
    font-size: clamp(14px, 3.2vw, 24px);
    letter-spacing: -0.1em;
  }
}
#my-content.--souki .intro__flex {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__flex {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
#my-content.--souki .intro__flex > * {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__flex > * {
    padding: 20px 0 0;
  }
}
#my-content.--souki .intro__list {
  max-width: 680px;
}
#my-content.--souki .intro__list li {
  padding-left: 1.5em;
  font-size: 26px;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__list li {
    font-size: 13px;
    font-size: clamp(13px, 3.467vw, 26px);
  }
}
#my-content.--souki .intro__list li:not(:last-child) {
  margin-bottom: 1em;
}
#my-content.--souki .intro__list li::before {
  color: #0094cc;
  font-size: 0.9em;
  content: "□";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#my-content.--souki .intro__list li strong {
  font-family: "Noto Sans JP";
  font-size: 34px;
  background: linear-gradient(transparent 60%, #ffff00 60%);
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__list li strong {
    font-size: 17px;
    font-size: clamp(17px, 4.533vw, 34px);
  }
}
#my-content.--souki .intro__img {
  max-width: 550px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__img {
    max-width: 100%;
  }
}
#my-content.--souki .intro__txt {
  font-family: "Zen Old Mincho";
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__txt {
    font-size: clamp(12px, 3.467vw, 26px);
  }
}
#my-content.--souki .intro__txt strong {
  font-size: 22px;
  color: #0092c7;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__txt strong {
    font-size: clamp(14px, 4vw, 30px);
  }
}
#my-content.--souki .intro__point {
  background-color: #ffffe0;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__point {
    padding: 5vw;
  }
}
#my-content.--souki .intro__point-list {
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__point-list {
    font-size: clamp(14px, 3.867vw, 29px);
  }
}
#my-content.--souki .intro__point-list strong {
  color: #0092c7;
}
#my-content.--souki .intro__point-list li {
  padding-left: 2em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__point-list li {
    padding-left: 0;
  }
}
#my-content.--souki .intro__point-list li:not(:last-child) {
  margin-bottom: 1em;
}
#my-content.--souki .intro__point-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 41px;
  background: url(../img/icon_point.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__point-list li::before {
    content: unset;
  }
}
#my-content.--souki .intro__attend {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 22px;
  font-weight: bold;
  margin-top: -40px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__attend {
    font-size: clamp(14px, 3.733vw, 28px);
    margin-top: 1em;
    margin-bottom: 2em;
  }
}
#my-content.--souki .intro__attend strong {
  display: inline-block;
  color: #0092c7;
  font-size: 24px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__attend strong {
    font-size: clamp(15px, 4.133vw, 31px);
  }
}
#my-content.--souki .intro__attend strong::after {
  content: "";
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0092c7;
}
#my-content.--souki .intro__attend img {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .intro__attend img {
    flex-shrink: 0;
    width: 18.667vw;
    margin-right: 2.667vw;
  }
}
#my-content.--souki .cta {
  background-color: #d4eefa;
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta {
    padding: 20px 0;
  }
}
#my-content.--souki .cta__flex {
  display: flex;
  margin: 0 -10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__flex {
    flex-direction: column;
    align-items: center;
    margin: -10px 0 0;
  }
}
#my-content.--souki .cta__flex > * {
  width: 50%;
  margin: 0 10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__flex > * {
    width: 100%;
    margin: 10px 0 0;
  }
}
#my-content.--souki .cta__box {
  background-color: #fff;
  border-radius: 30px;
  padding: 45px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__box {
    border-radius: 15px;
    padding: 30px 20px 20px;
  }
}
#my-content.--souki .cta__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  font-size: 22px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__txt {
    min-height: unset;
    font-size: 16px;
    font-size: clamp(16px, 2.933vw, 22px);
  }
}
#my-content.--souki .cta__arrow {
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__arrow img {
    width: 75px;
  }
}
#my-content.--souki .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.--souki .cta__btn {
    height: 17.333vw;
    border-radius: 10px;
    font-size: clamp(18px, 4.8vw, 30px);
  }
}
#my-content.--souki .cta__btn.--blue {
  background: linear-gradient(0deg, rgb(0, 146, 199) 0%, rgb(80, 199, 244) 100%);
}
#my-content.--souki .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.--souki .cta__txt02 {
  color: #0094cc;
  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.--souki .cta__txt02 {
    background-color: #fff;
    font-size: 18px;
    font-size: clamp(18px, 4.533vw, 30px);
    margin: 20px -3.333vw 0;
  }
}
#my-content.--souki .cta__txt02 img {
  position: relative;
  top: -0.1em;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__txt02 img {
    width: 1em;
  }
}
#my-content.--souki .cta__box02 {
  background-color: #fff;
  padding: 15px 20px 10px 200px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__box02 {
    margin: 0 -3.333vw;
    padding: 0 20px;
  }
}
#my-content.--souki .cta__img {
  position: absolute;
  bottom: 0;
  left: 100px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__img {
    left: 7.2vw;
  }
}
#my-content.--souki .cta__img img {
  width: 130px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__img img {
    width: 25.733vw;
  }
}
#my-content.--souki .cta__tel-list {
  display: flex;
  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.--souki .cta__tel-list {
    max-width: 66.667vw;
    flex-direction: column;
  }
}
#my-content.--souki .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.--souki .cta__tel-list > * {
    padding: 10px 0;
  }
}
#my-content.--souki .cta__tel-list a {
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__tel-list a {
    font-size: clamp(26px, 6.933vw, 40px);
  }
}
#my-content.--souki .cta__tel-note {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__tel-note {
    justify-content: flex-start;
    font-size: 17px;
    font-size: clamp(17px, 4.533vw, 30px);
    padding-left: 30%;
    margin-top: 0.5em;
  }
}
#my-content.--souki .cta__tel-note small {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .cta__tel-note small {
    font-size: 12px;
    font-size: clamp(12px, 3.2vw, 18px);
  }
}
#my-content.--souki .cta__tel-note img {
  width: 0.9em;
  height: auto;
  margin-right: 10px;
}
#my-content.--souki .sec-ttl {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 0.5em 0;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .sec-ttl {
    font-size: 20px;
    font-size: clamp(20px, 5.333vw, 40px);
    padding: 1em 0;
  }
}
#my-content.--souki .sec-ttl .fc-blue {
  display: block;
  color: #ffffe0;
  font-family: "Zen Old Mincho";
  font-size: 30px;
  letter-spacing: normal;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.4em;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .sec-ttl .fc-blue {
    font-size: 14px;
    font-size: clamp(14px, 3.2vw, 24px);
    letter-spacing: -0.1em;
  }
}
#my-content.--souki .feature {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature {
    padding: 40px 0;
  }
}
#my-content.--souki .feature__bg {
  background: url(../img/feature_bg.jpg) center center/cover no-repeat;
  display: flex;
  justify-content: center;
  padding: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__bg {
    padding: 30px 20px 80px;
    background: url(../img/feature_bg_sp.jpg) right bottom/cover no-repeat;
    margin: 0 -3.333vw;
  }
}
#my-content.--souki .feature__box {
  width: 800px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 45px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__box {
    width: 100%;
    padding: 30px 20px;
  }
}
#my-content.--souki .feature__list {
  counter-reset: count;
}
#my-content.--souki .feature__list li {
  font-size: 28px;
  counter-increment: count;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__list li {
    font-size: 16px;
    font-size: clamp(16px, 4.267vw, 28px);
  }
}
#my-content.--souki .feature__list li::before {
  content: counter(count);
  padding-right: 1em;
}
#my-content.--souki .feature__no {
  width: 1.4em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #0094cc;
  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.--souki .feature__no {
    font-size: 37px;
    font-size: clamp(37px, 10vw, 50px);
  }
}
#my-content.--souki .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.--souki .feature__ttl {
    font-size: 20px;
    font-size: clamp(20px, 5.333vw, 36px);
  }
}
#my-content.--souki .feature__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__flex {
    margin: -10px 0 0;
  }
}
#my-content.--souki .feature__flex > li {
  width: 50%;
  padding: 20px 10px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__flex > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content.--souki .feature__box-txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #000;
  padding: 30px 45px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__box-txt {
    padding: 20px;
  }
}
#my-content.--souki .feature__box-img {
  width: 100%;
  border: 1px solid #000;
}
#my-content.--souki .feature__box-check {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f0f0f0;
  padding: 30px 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__box-check {
    padding: 20px;
  }
}
#my-content.--souki .feature__box-ttl {
  color: #0094cc;
  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.--souki .feature__box-ttl {
    font-size: 16px;
    font-size: clamp(16px, 4vw, 24px);
  }
}
#my-content.--souki .feature__list-check {
  font-size: 19px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__list-check {
    font-size: 14px;
    font-size: clamp(14px, 3.467vw, 19px);
  }
}
#my-content.--souki .feature__list-check li {
  padding-left: 1.5em;
  position: relative;
}
#my-content.--souki .feature__list-check li:not(:last-child) {
  margin-bottom: 0.3em;
}
#my-content.--souki .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_feature_check.svg) center center/contain no-repeat;
}
#my-content.--souki .feature__flex02 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#my-content.--souki .feature__flex02 img {
  width: 200px;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature__flex02 img {
    width: 50%;
  }
}
#my-content.--souki .feature figure + figure {
  margin-top: 20px;
}
#my-content.--souki .feature p + h4 {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .feature p + h4 {
    margin-top: 20px;
  }
}
#my-content.--souki .goal {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal {
    padding: 40px 0;
  }
}
#my-content.--souki .goal__list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__list {
    margin: -10px 0 0;
  }
}
#my-content.--souki .goal__list > li {
  width: 50%;
  padding: 20px 10px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content.--souki .goal__box {
  width: 100%;
  border: 1px solid #000;
  padding: 10px 10px 40px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__box {
    padding: 10px 10px 30px;
  }
}
#my-content.--souki .goal__box02 {
  width: 100%;
  border: 1px solid #000;
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__box02 {
    padding: 20px;
  }
}
#my-content.--souki .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.--souki .goal__box03 {
    font-size: 11px;
    font-size: clamp(11px, 2.933vw, 14px);
  }
}
#my-content.--souki .goal__box03 .p + .p {
  margin-top: 5px;
}
#my-content.--souki .goal__img {
  margin-bottom: 10px;
}
#my-content.--souki .goal__ttl {
  color: #0094cc;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__ttl {
    font-size: 16px;
    font-size: clamp(16px, 4vw, 24px);
  }
}
#my-content.--souki .goal__list-disc {
  max-width: 460px;
  list-style: disc;
  font-size: 19px;
  padding-left: 1em;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .goal__list-disc {
    max-width: 80%;
    font-size: 14px;
    font-size: clamp(14px, 3.467vw, 19px);
  }
}
#my-content.--souki .goal__list-disc li {
  line-height: 1.4;
}
#my-content.--souki .goal__list-disc li:not(:last-child) {
  margin-bottom: 0.2em;
}
#my-content.--souki .voice {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .voice {
    padding: 40px 0;
  }
}
#my-content.--souki .voice__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .voice__list {
    margin: -10px 0 0;
  }
}
#my-content.--souki .voice__list > li {
  width: 33.3333333333%;
  padding: 0 15px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .voice__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content.--souki .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.--souki .voice__box {
    padding: 30px 20px 0;
  }
}
#my-content.--souki .voice__ttl {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .voice__ttl {
    font-size: 25px;
    font-size: clamp(25px, 6.667vw, 28px);
  }
}
#my-content.--souki .voice__txt {
  margin-bottom: 20px;
}
#my-content.--souki .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.--souki .voice__name {
    font-size: 13px;
  }
}
#my-content.--souki .voice__img {
  margin: 0 -20px;
}
#my-content.--souki .access {
  padding: 70px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .access {
    padding: 40px 0;
  }
}
#my-content.--souki .access__txt {
  font-family: "Noto Sans JP";
  text-align: center;
  margin-bottom: 2em;
}
#my-content.--souki .access__list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .access__list {
    margin: -10px 0 0;
  }
}
#my-content.--souki .access__list > li {
  width: 50%;
  padding: 20px 10px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .access__list > li {
    width: 100%;
    padding: 10px 0 0;
  }
}
#my-content.--souki .access__box {
  width: 100%;
  border: 1px solid #000;
  padding: 10px 10px 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .access iframe {
    height: 44vw;
  }
}
#my-content.--souki .access__address {
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: 1.7;
  padding: 10px 10px 20px;
}
#my-content.--souki .access__address strong {
  font-size: 17px;
  font-weight: 500;
}
#my-content.--souki .access__img-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -5px;
}
#my-content.--souki .access__img-flex > * {
  width: 50%;
  padding: 10px 5px 0;
}
#my-content.--souki .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.--souki .access__note01 {
    text-align: center;
  }
}
#my-content.--souki .access__note01 span {
  display: inline-block;
  width: 124px;
  background-color: #ffffe0;
  border-radius: 14px;
  color: #fff;
  margin: 2px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content.--souki .access__note01 span {
    width: 32%;
  }
}
#my-content.--souki .access__note02 {
  max-width: 380px;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 10px 0 0 auto;
}
#my-content.--souki .access__note02 img {
  padding-right: 10px;
}
#my-content.--subpage .mv {
  height: 440px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv {
    padding-top: 60px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv section {
    padding: 0;
  }
}
#my-content.--subpage .mv .inner {
  position: relative;
  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;
    padding: initial;
  }
}
#my-content.--subpage .mv__ttl {
  color: #000000;
  font-family: "Zen Old Mincho";
  font-size: 65px;
  line-height: 0.75em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl {
    font-size: max(10px,min(10.667vw,80px));
    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;
    margin: 0 auto;
  }
}
#my-content.--subpage .mv__ttl-large {
  display: inline-block;
  color: #0092c7;
  font-size: 85px;
  font-weight: bold;
  line-height: 0.5em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl-large {
    font-size: max(10px,min(12vw,90px));
    vertical-align: bottom;
  }
}
#my-content.--subpage .mv__ttl-sub {
  display: inline-block;
  line-height: 2em;
  letter-spacing: 0.15em;
  white-space: nowrap;
  color: #000000;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  padding: 0 3em;
  margin-top: 0.2em;
  clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
  margin-left: auto;
  text-shadow: none;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl-sub {
    margin-top: 1.5em;
    letter-spacing: 0.2em;
    font-size: max(10px,min(3.333vw,25px));
  }
}
#my-content.--subpage .mv__ttl-sub.--blue01 {
  background-color: #8bdce1;
  padding: 0 2em;
}
#my-content.--subpage .mv__ttl-sub.--blue02 {
  background-color: #00b0e5;
  color: #fff;
}
#my-content.--subpage .mv__ttl-sub.--blue03 {
  background-color: #006a9f;
  color: #fff;
  padding: 0 2em;
  margin-left: 20vw;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__ttl-sub.--blue03 {
    margin-left: 2vw;
  }
}
#my-content.--subpage .mv__list {
  position: absolute;
  display: flex;
  top: 260px;
  left: 260px;
  color: #006a9f;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding-top: 3%;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .mv__list {
    font-size: max(10px,min(5.333vw,40px));
    margin: 0 auto;
    position: initial;
  }
}
#my-content.--subpage .mv__list li {
  padding-left: 2em;
  line-height: 2em;
  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;
    width: 100%;
    text-align: center;
  }
  #my-content.--subpage .mv__sp-img img {
    width: 100%;
  }
}
#my-content.--subpage .sec-ttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-family: "Zen Old Mincho";
  font-size: 40px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .sec-ttl {
    font-size: max(10px,min(8vw,60px));
  }
}
#my-content.--subpage .sec-ttl::after {
  content: "";
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: #8bdce1;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .sec-ttl::after {
    width: 100vw;
    bottom: -5px;
  }
}
#my-content.--subpage .sec-ttl__sub {
  display: inline-block;
  line-height: 26px;
  color: #000000;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  padding: 0 3em;
  margin-top: 0.8em;
  text-align: right;
  white-space: nowrap;
  clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .sec-ttl__sub {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0.2em;
    font-size: max(10px,min(3.067vw,23px));
    padding: 0 2%;
    margin-top: 0;
    text-align: center;
    width: 90%;
  }
}
#my-content.--subpage .sec-ttl__sub.--blue01 {
  background-color: #8bdce1;
}
#my-content.--subpage .sec-ttl__sub.--blue02 {
  background-color: #00b0e5;
  color: #fff;
}
#my-content.--subpage .sec-ttl__sub.--blue03 {
  background-color: #006a9f;
  color: #fff;
}
#my-content.--subpage .intro .sec-ttl {
  padding-bottom: 0;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .intro .sec-ttl {
    font-size: max(10px,min(8vw,60px));
    font-weight: bold;
    margin-bottom: max(10px,min(4.533vw,34px));
  }
}
#my-content.--subpage .intro .sec-ttl::after {
  content: unset;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage .intro__txt {
    font-size: max(10px,min(3.467vw,26px));
    font-weight: 500;
    text-align: justify;
    padding: 20px 10% 30px;
    margin: 0 auto;
  }
}
#my-content.--subpage__ttl {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #000000;
  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__ttl {
    font-size: max(10px,min(11.333vw,85px));
    text-align: center;
  }
}
#my-content.--subpage__ttl-sub {
  display: inline-block;
  width: 215px;
  line-height: 26px;
  color: #000000;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  padding: 0 3em;
  margin-top: 0.8em;
  text-align: right;
  clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage__ttl-sub {
    font-size: max(10px,min(3.333vw,25px));
    line-height: 6.133vw;
  }
}
#my-content.--subpage__ttl-sub.--orange01 {
  background-color: #8bdce1;
}
#my-content.--subpage__ttl-sub.--orange02 {
  background-color: #e0881a;
}
#my-content.--subpage__ttl-sub.--orange03 {
  background-color: #0092c7;
}
#my-content.--subpage .plan {
  background-color: #f5f0a7;
}
#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.--elementary .mv__copy {
  width: 640px;
  position: absolute;
  justify-content: left;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  top: 30px;
  left: 180px;
}
@media only screen and (max-width: 768px) {
  #my-content.--elementary .mv__copy {
    width: 100%;
    bottom: auto;
    top: 20%;
    left: 0;
  }
}
#my-content.--elementary .mv__copy img {
  width: 200px;
  height: 95px;
}
@media only screen and (max-width: 768px) {
  #my-content.--elementary .mv__copy img {
    width: 40vw;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--elementary .mv__ttl {
    text-align: center;
    display: block;
    width: 100%;
    bottom: auto;
    top: 38%;
  }
}
#my-content.--elementary .mv__ttl-sub {
  margin-left: 20vw;
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content.--elementary .mv__ttl-sub {
    position: absolute;
    top: 100%;
    left: 0%;
    margin-top: 1.5em;
  }
}
#my-content.--elementary .mv__list {
  top: 230px;
  left: 225px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#my-content.--elementary .plan {
  background-color: #ffffe0;
}
#my-content.--junior .mv {
  background: url(../img/junior_mv.jpg) center center/cover no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv {
    background: none;
  }
}
#my-content.--junior .mv__copy {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  justify-content: left;
  align-items: center;
  top: 20px;
  left: 550px;
  padding-right: 10%;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__copy {
    justify-content: right;
    width: 100%;
    top: auto;
    left: -5%;
    bottom: 53%;
  }
}
#my-content.--junior .mv__copy img {
  width: 200px;
  height: 95px;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__copy img {
    width: 40vw;
    height: auto;
  }
}
#my-content.--junior .mv__ttl {
  line-height: 1.25em;
  left: 550px;
  display: block;
  margin-bottom: auto;
  width: 720px;
  font-size: 60px;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__ttl {
    text-align: right;
    line-height: 1em;
    display: block;
    width: 100%;
    font-size: max(10px,min(10.667vw,80px));
    text-shadow: none;
  }
}
#my-content.--junior .mv__ttl-sub {
  vertical-align: top;
  margin-top: 1.5em;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__ttl-sub {
    position: absolute;
    top: 100%;
    left: 30%;
    padding: 0 1em;
  }
}
#my-content.--junior .mv__ttl-large {
  vertical-align: middle;
}
#my-content.--junior .mv__list {
  top: 270px;
  left: 590px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 150px;
  width: 650px;
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__list {
    position: initial;
    display: block;
    height: auto;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--junior .mv__list li {
    width: 100%;
  }
}
#my-content.--junior .plan {
  background-color: #c8e6f0;
}
#my-content.--junior .plan .sec-ttl::after {
  background: #50c7f4;
}
#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__copy {
  width: 600px;
  position: absolute;
  justify-content: left;
  align-items: center;
  top: 20px;
  left: 180px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__copy {
    justify-content: right;
    width: 100%;
    bottom: 55%;
    top: auto;
    left: 0;
  }
}
#my-content.--high .mv__copy img {
  width: 200px;
  height: 95px;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__copy img {
    padding-right: 5%;
    width: 40vw;
    height: auto;
  }
}
#my-content.--high .mv__ttl {
  justify-content: right;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__ttl {
    vertical-align: middle;
    text-align: center;
    display: block;
    width: 100%;
    bottom: auto;
    top: 30%;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__ttl-sub {
    position: absolute;
    top: 100%;
    left: 20%;
    margin-top: 1.5em;
  }
}
#my-content.--high .mv__list {
  top: 230px;
  left: 200px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 160px;
  width: 466px;
}
@media only screen and (max-width: 768px) {
  #my-content.--high .mv__list {
    height: auto;
    width: auto;
  }
}
#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: #c8e6f0;
}
#my-content.--high .plan .sec-ttl::after {
  background: #006a9f;
}
#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;
  }
}
#my-content.--subpage.--new .mv {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .mv {
    padding-top: 56px;
  }
}
#my-content.--subpage.--new .mv__pc-txt {
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .mv__pc-txt {
    display: none;
  }
}
#my-content.--subpage.--new .sec-ttl {
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .sec-ttl {
    font-size: 8.533vw;
  }
  #my-content.--subpage.--new .sec-ttl strong {
    font-size: 9.867vw;
  }
}
#my-content.--subpage.--new .sec-ttl::after {
  content: unset;
}
#my-content.--subpage.--new .sec-ttl__main {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid;
  font-weight: bold;
  padding-bottom: 0.2em;
}
#my-content.--subpage.--new .sec-ttl__main.--blue01 {
  border-color: #5ddceb;
}
#my-content.--subpage.--new .sec-ttl__main.--blue02 {
  border-color: #00b0e5;
}
#my-content.--subpage.--new .sec-ttl__main.--blue03 {
  border-color: #0065c8;
}
#my-content.--subpage.--new .sec-ttl__sub {
  margin-top: -2px;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .sec-ttl__sub {
    position: static;
    bottom: 0;
    left: 0;
    transform: unset;
    padding: 1.333vw;
  }
}
#my-content.--subpage.--new .sec-ttl__sub.--blue01 {
  background-color: #5ddceb;
  color: #fff;
}
#my-content.--subpage.--new .sec-ttl__sub.--blue02 {
  background-color: #00b0e5;
  color: #fff;
}
#my-content.--subpage.--new .sec-ttl__sub.--blue03 {
  background-color: #0065c8;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .sec-ttl .icon01 {
    width: 15.2vw;
    height: 15.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #my-content.--subpage.--new .sec-ttl .icon02 {
    width: 8vw;
    height: 12vw;
  }
}

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