@charset "UTF-8";
.wrap {
  width: 100%;
}

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

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

.mincho {
  font-family: "Zen Old Mincho", serif;
}

.gothic {
  font-family: "Noto Sans JP", sans-serif;
}

.article-header,
.article-footer {
  display: none;
}

.entry-content {
  margin: 0;
}

.wrap {
  width: 100%;
}

.main {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
article {
  margin-bottom: 0 !important;
}

.content {
  margin-top: 0;
}

#my-content section {
  height: auto;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}
@media only screen and (max-width: 834px) {
  #my-content section {
    font-size: 3.2vw;
  }
}
#my-content section .inner {
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content section .inner {
    margin: 0 auto;
  }
}
#my-content .mv {
  height: 440px;
  background-image: url(../img/mv_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 0;
  padding: 0;
  background-size: cover;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    height: auto;
    display: block;
    background-image: none;
  }
}
#my-content .mv .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv .inner {
    align-items: center;
    padding: initial;
  }
}
#my-content .mv .inner .course-img img {
  position: absolute;
  top: 170px;
  right: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .mv .inner .course-img img {
    display: none;
  }
}
#my-content .mv__ttl {
  color: #10284c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.14em;
  position: absolute;
  align-items: center;
  top: 80px;
  left: 110px;
  width: 500px;
  margin: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__ttl {
    font-size: 3.7333333333vw;
    line-height: 1.75;
    letter-spacing: inherit;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .mv__ttl {
    width: 100%;
    margin: 0 auto;
    top: auto;
    bottom: 263px;
    left: 0;
    right: 0;
    text-align: center;
  }
}
#my-content .mv__ttl-sub {
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-size: 77px;
  font-weight: 400;
  line-height: 1.1168831169;
  display: block;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(
    90deg,
    #fff 0%,
    #10284c 35%,
    #10284c 65%,
    #fff 100%
  );
}
@media only screen and (max-width: 834px) {
  #my-content .mv__ttl-sub {
    font-size: 12.5333333333vw;
    line-height: 1.1130851064;
    letter-spacing: -0.04em;
    background: linear-gradient(
      90deg,
      transparent 0%,
      #10284c 30%,
      #10284c 70%,
      transparent 100%
    );
  }
}
#my-content .mv__list {
  color: #333333;
  font-family: "Zen Old Mincho", serif;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 230px;
  left: 120px;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__list {
    font-size: 3.7333333333vw;
    line-height: 1.8128571429;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .mv__list {
    margin: 0 auto;
    padding: 20px 0 9.3333333333vw;
    position: initial;
  }
}
#my-content .mv__list li {
  padding-left: 2em;
  position: relative;
}
#my-content .mv__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  width: 0.65em;
  height: 1em;
  background: url(../img/icon_point.svg) center center/contain no-repeat;
}
#my-content .mv__sp-img img {
  display: none;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__sp-img img {
    display: block;
    height: 220px;
    text-align: center;
  }
}
#my-content .sec-ttl {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: normal;
  margin-bottom: 50px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: 5.3333333333vw;
    line-height: 1.75;
    letter-spacing: 0.14em;
    margin-bottom: 30px;
  }
}
#my-content .sec-ttl::after {
  content: "";
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 1px;
  background: #822022;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl::after {
    height: 2px;
    left: 50%;
    width: 92vw;
  }
}
#my-content .news {
  background-color: #f0f5f5;
  padding-block: 70px 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .news {
    padding-block: 30px;
  }
}
#my-content .news .sec-ttl span {
  display: block;
  font-size: 22px;
  color: #822022;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  #my-content .news .sec-ttl span {
    font-size: 13px;
  }
}
#my-content .news__box {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  #my-content .news__box {
    flex-direction: column;
    align-items: center;
    padding: 0 3.6666666667vw;
  }
}
#my-content .news__box-txt1 {
  padding-right: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .news__box-txt1 {
    grid-row: 1/2;
    grid-column: 1/3;
    padding: 0 3.3333333333vw 8vw;
  }
}

#my-content .news__box img:first-of-type {
  flex: 71%;
  aspect-ratio: 400/230;
}
@media only screen and (max-width: 834px) {
  #my-content .news__box img:first-of-type {
    width: 80%;
  }
}
#my-content .env {
  background-color: #fff;
  padding-block: 70px 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .env {
    padding-block: 30px;
  }
}
#my-content .env__box {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 834px) {
  #my-content .env__box {
    flex-direction: column;
    align-items: center;
    padding: 0 3.6666666667vw;
  }
}
#my-content .env__box-txt1 {
  padding-right: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .env__box-txt1 {
    grid-row: 1/2;
    grid-column: 1/3;
    padding: 0 3.3333333333vw 8vw;
  }
}
#my-content .env__box-txt2 {
  color: #0095b1;
  font-family: "Zen Old Mincho", serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
  text-decoration: underline;
  text-decoration-color: #0095b1;
  align-self: end;
  justify-self: end;
  grid-row: 2/3;
  grid-column: 1/2;
  padding-right: 12px;
}
@media only screen and (max-width: 834px) {
  #my-content .env__box-txt2 {
    font-size: 3.6vw;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .env__box-txt2 {
    text-align: right;
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
#my-content .env__box img:first-of-type {
  flex: 51%;
  aspect-ratio: 461/224;
}
@media only screen and (max-width: 834px) {
  #my-content .env__box img:first-of-type {
    width: 80%;
  }
}

#my-content .leadership {
  padding-block: 70px 40px;
  background-color: #f0f5f5;
}

@media only screen and (max-width: 834px) {
  #my-content .leadership {
    padding-block: 35px 40px;
  }
}
#my-content .leadership__box_wrap {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 834px) {
  #my-content .leadership__box_wrap {
    grid-template-rows: auto 66vw auto;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 3.6666666667vw 8vw;
    flex-direction: column-reverse;
  }
}
#my-content .leadership__box-txt1 {
  grid-row: 1/2;
  grid-column: 1/2;
  padding-right: 45px;
}
@media only screen and (max-width: 834px) {
  #my-content .leadership__box-txt1 {
    grid-row: 1/2;
    grid-column: 1;
    padding: 8vw 3.6666666667vw 8vw;
  }
}
#my-content .leadership__box-txt2 {
  padding-right: 45px;
}
@media only screen and (max-width: 834px) {
  #my-content .leadership__box-txt2 {
    grid-row: 3/4;
    grid-column: 1;
    padding: 8vw 3.6666666667vw 0;
  }
}
#my-content .leadership__box-img01 {
  max-width: 400px;
  width: 100%;
  height: fit-content;
}

#my-content .leadership__box-img01 img {
  height: 330px !important;
  object-fit: cover;
}
@media only screen and (max-width: 834px) {
  #my-content .leadership__box-img01 img {
    grid-row: 2/3;
    grid-column: 1;
    margin: 0 auto;
    height: auto !important;
    width: auto;
    aspect-ratio: 741 / 495;
  }
}

#my-content .leadership__box-img02 {
  text-align: center;
  margin-top: 30px;
}

#my-content .feature {
  color: #000;
  background-color: #fff;
  padding-block: 70px;
}
@media only screen and (max-width: 834px) {
  #my-content .feature {
    padding-block: 40px;
  }
}
#my-content .feature .sec-ttl {
  color: #fff;
}
#my-content .feature .sec-ttl::after {
  background: #fff;
}
#my-content .feature__box {
  display: flex;
  padding-bottom: 60px;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__box {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 3.6666666667vw 8vw;
  }
}
#my-content .feature__box-left-txt {
  padding-right: 4.5%;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__box-left-txt {
    padding-right: inherit;
    padding: 8vw 3.6666666667vw 8vw;
  }
}
#my-content .feature__box img:first-of-type {
  height: 330px;
  width: 400px;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__box img:first-of-type {
    height: 66vw;
    width: 80vw;
  }
}
#my-content .course {
  padding-block: 70px;
  background-color: #f0f5f5;
}
@media only screen and (max-width: 834px) {
  #my-content .course {
    padding-block: 40px 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .course .inner {
    margin: inherit;
  }
}
#my-content .course__box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 45px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__box {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-inline: 25px;
  }
}
#my-content .course__box-left-txt {
  padding-right: 2.9%;
}
@media only screen and (max-width: 834px) {
  #my-content .course__box-left-txt {
    padding-right: inherit;
    padding-bottom: 6vw;
  }
}
#my-content .course .access__white:nth-child(3) {
  border: none !important;
  margin: 0;
  padding: 0;
}
#my-content .course .access_map_wrap {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access_map_wrap {
    flex-direction: column;
    padding-inline: 25px;
  }
}
#my-content .course .access__maps {
  background: #ffff;
  width: calc((100% - 20px) / 2);
  border: 1px solid #000;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__maps {
    width: 100%;
  }
}
#my-content .course .access__map {
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__map {
    padding: 4vw;
  }
}
#my-content .course .access__map img {
  width: 100%;
  aspect-ratio: 570/280;
}
#my-content .course .access__txt {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1em 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__txt {
    font-size: 3.2vw;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__txt {
    padding: 6.6666666667vw 5.3333333333vw 8vw;
  }
}
#my-content .course .access__txt span {
  color: #808080;
  font-size: 14px;
  display: block;
}
#my-content .course .access__txt span a {
  color: #aa2a2c;
}
#my-content .course .access__txt .txt-right {
  color: #0095b1;
  font-family: "Zen Old Mincho", serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: absolute;
  right: 2em;
  bottom: 1em;
  margin: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__txt .txt-right {
    font-size: 3.6vw;
  }
}
#my-content .course .access__panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  gap: 10px;
  padding: 10px;
  border: 1px solid #000;
  width: calc((100% - 20px) / 2);
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__panel {
    padding: 2.6666666667vw 3.3333333333vw;
    gap: 2.6666666667vw;
    width: 100%;
  }
}
#my-content .course .access__panel .img {
  width: calc((100% - 10px) / 2);
  height: fit-content;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__panel img {
    height: 34vw;
    width: 45.3333333333vw;
    padding: 0;
  }
}
#my-content .course .access__panel .img img {
  width: 100%;
  aspect-ratio: 280/235;
}
#my-content .course .access__panel:nth-child(3n) {
  padding-bottom: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__panel:nth-child(3n) {
    padding-right: 3.3333333333vw;
  }
}

#my-content .planning {
  background-color: #10284c;
  padding-block: 70px 100px;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .planning {
    padding-block: 35px 40px;
  }
}

#my-content .planning .sec-ttl {
  color: #fff;
}
#my-content .planning .sec-ttl::after {
  background: #fff;
}
#my-content .planning__box {
  display: flex;
  padding-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .planning__box {
    flex-direction: column;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
    padding: 0 3.6666666667vw;
  }
}
#my-content .planning__box img:first-of-type {
  height: 330px;
  width: 400px;
}
@media only screen and (max-width: 834px) {
  #my-content .planning__box img:first-of-type {
    height: 66vw;
    width: 80vw;
  }
}
#my-content .planning__box-left-txt {
  padding-right: 4.5%;
}
@media only screen and (max-width: 834px) {
  #my-content .planning__box-left-txt {
    padding-right: 0;
    padding: 8vw 3.6666666667vw 0;
  }
}
#my-content .cta {
  padding-block: 70px 100px;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding-block: 10px 30px;
  }
}

#my-content .footer-cta {
  margin: auto;
  padding: 30px 20px 50px;
}

#my-content .footer-cta__txt1 {
  padding-top: 40px;
}

#my-content .footer-cta__flex {
  margin-top: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .footer-cta__flex {
    width: 100%;
  }
}
#my-content .footer-cta__flex p {
  display: table;
  margin: 10px auto;
}

#my-content .footer-cta__flex-right a {
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .footer-cta__flex-right {
    margin-top: 10px;
  }
}
.access__note01 {
  font-family: "Noto Sans JP";
  font-weight: 500;
  line-height: 25px;
  text-align: right;
  margin-block: 20px !important;
}
.access__note01 span {
  display: inline-block;
  width: 124px;
  background-color: #002d5a;
  border-radius: 14px;
  color: #fff;
  margin: 2px;
  text-align: center;
}
.access__note02 {
  max-width: 380px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 10px 0 0 auto !important;
}
.access__note02 img {
  width: 23px;
  margin-right: 10px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .access__note01 {
    text-align: center;
    padding-inline: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .access__note01 span {
    font-size: 10px;
    width: 21%;
  }
}
@media only screen and (max-width: 768px) {
  .access__note02 {
    max-width: unset;
    justify-content: flex-start;
    margin: 10px 0 40px 25px !important;
  }
}
#my-content .course .access__heading {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  background: #10284c;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1em 3.75em;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .course .access__heading {
    margin-inline: 25px;
    font-size: 12px;
    padding-inline: 25px;
  }
}
#my-content .meeting {
  background-color: #f0e6b4;
  padding-block: 30px;
}

#my-content .meeting_wrap {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 25px 80px;
  display: flex;
  gap: 55px;
  align-items: center;

  background-color: #fff;
  border-radius: 30px;
}

#my-content .meeting_left {
  flex: 0 0 38.5%;
}
#my-content .meeting_left img {
  aspect-ratio: 400/268;
  object-fit: cover;
}
#my-content .meeting_right {
}

#my-content .meeting_right_heading {
  font-size: clamp(20px, 1.6666666666666667vw, 32px);
  color: #10284c;
  display: flex;
  gap: 5px;
  letter-spacing: 0.05em;
  align-items: center;
}

#my-content .meeting_right_heading.sp {
  display: none;
}
#my-content .meeting_right_heading span {
  font-size: clamp(25px, 1.9270833333333335vw, 37px);
  color: #fff;
  background-color: #10284c;
  border-radius: 9px 9px 9px 0;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#my-content .meeting_right_text {
  font-size: clamp(13px, 1.0416666666666665vw, 20px);
  color: #10284c;
  line-height: 1.75;
  text-align: center;
  margin-top: 15px;
  letter-spacing: 0.05em;
}

#my-content .meeting_right_btn {
  max-width: 410px;
  width: 100%;
  margin-top: 25px;
}

#my-content .meeting_right_btn a {
  display: block;
  width: 100%;
  background-color: #de5621;
  color: #fff;
  font-size: clamp(15px, 1.09375vw, 21px);
  padding-block: 18px;
  text-align: center;
  border-radius: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .meeting {
    padding: 15px;
  }
  #my-content .meeting_wrap {
    flex-direction: column;
    padding-inline: 20px;
    gap: 20px;
    border-radius: 0;
  }
  #my-content .meeting_left {
    width: 98%;
  }
  #my-content .meeting_right_heading.pc {
    display: none;
  }
  #my-content .meeting_right_heading.sp {
    display: flex;
  }
  #my-content .meeting_right_heading span {
    width: 35px;
    height: 35px;
  }
  #my-content .meeting_right_text {
  margin-top: 0;
  letter-spacing: 0;
  }
}
#my-content .chuuki{
  font-size: 14px;
  text-align: right;
}