/* =========================================================
reset
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  -webkit-text-decoration: normal;
          text-decoration: normal;
  cursor: pointer;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

input, select {
  vertical-align: middle;
}

.bold {
  font-weight: bold;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.d-ib {
  display: inline-block;
}

.d-b {
  display: block;
}

.d-i {
  display: inline;
}

.boxshadow-bl {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.bg-gray {
  background-color: #F7F7F7;
}

.bg-blue {
  background-color: #EBF7FF;
}

.txt-bold {
  font-weight: bold;
}

.txt-red {
  color: #D7092F;
}

.txt-yellow {
  color: #F7DD4B;
}

.notes {
  color: #333333;
  font-size: 13.3333333333px;
}

@media screen and (max-width: 767px) {
  .notes {
    font-size: 2.6666666667vw;
  }
}
.sub-ttl {
  color: #666666;
  font-size: 21px;
  font-weight: 600;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .sub-ttl {
    font-size: 4.2666666667vw;
  }
}
.main-ttl {
  color: #666666;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .main-ttl {
    font-size: 8.5333333333vw;
  }
}
.main-ttl .txt-robo {
  font-weight: 400;
  font-size: 110%;
  vertical-align: inherit;
}

.common-txt {
  font-family: "Noto Sans JP", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 18px;
  line-height: 2;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .common-txt {
    font-size: 3.7333333333vw;
  }
}
.frame-box {
  position: relative;
}

.frame {
  position: absolute;
}

.culm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.txt-plus {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.txt-pink {
  color: #E3037F;
}

.bg-yellow {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #F7DD4B));
  background: linear-gradient(transparent 0%, #F7DD4B 0%);
}

.bg-white {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
  background: linear-gradient(transparent 0%, #fff 0%);
}

.mt30 {
  margin-top: 20px;
}
@media screen and (max-width: 999px) {
  .mt30 {
    margin-top: 4vw;
  }
}

a:hover {
  opacity: 0.7;
  cursor: pointer;
}

/* =========================================================
Web fonts
========================================================= */
/* =========================================================
base
========================================================= */
html, body {
  width: 100%;
  min-width: 1300px;
  height: auto;
  color: #00125E;
}
@media screen and (max-width: 999px) {
  html, body {
    min-width: 100%;
  }
}

body {
  letter-spacing: 0;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #00125E;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body {
    font-size: 3.2vw;
    line-height: 1.7;
  }
}

img {
  max-width: 100%;
  height: auto;
  font-size: 0;
  vertical-align: middle;
}

a {
  color: #333;
  display: block;
  text-decoration: none;
}

figure {
  line-height: 0;
}

@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}
.pc-ui {
  display: block;
}
@media screen and (max-width: 999px) {
  .pc-ui {
    display: none;
  }
}

.sp-ui {
  display: none;
}
@media screen and (max-width: 999px) {
  .sp-ui {
    display: block;
  }
}

.pc-in {
  display: inline;
}
@media screen and (max-width: 999px) {
  .pc-in {
    display: none;
  }
}

.sp-in {
  display: none;
}
@media screen and (max-width: 999px) {
  .sp-in {
    display: inline;
  }
}

/* clearfix
--------------------------------------------------------- */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* border-box
--------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main {
  position: relative;
}
@media screen and (max-width: 999px) {
  .main {
    height: auto;
  }
}

.main-bg {
  background-color: #c9e8ec;
  background-size: cover;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 999px) {
  .main-bg {
    display: none;
  }
}

.main-bg .frame-box {
  width: 100%;
  height: 100%;
}
.main-bg .frame-box .frame {
  position: absolute;
  top: 14px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.floating-pc {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 999px) {
  .floating-pc {
    display: none;
  }
}

.pc_center {
  background-color: #fff;
}
@media screen and (min-width: 1000px) {
  .pc_center {
    width: 500px;
    height: 100vh;
    margin: 0 auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
  }
}

.sp-wrap {
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(72, 72, 72, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(72, 72, 72, 0.2);
}

.pc_center::-webkit-scrollbar {
  display: none;
}

.pc_right {
  position: absolute;
  bottom: 12%;
  right: 18%;
}
@media screen and (max-width: 999px) {
  .pc_right {
    display: none;
  }
}

.floating-bnr {
  width: 306px;
  height: auto;
}

.pc_left {
  width: 50vw;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 999px) {
  .pc_left {
    display: none;
  }
}

.pc_left-inner {
  position: relative;
}

.pc_left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 40%;
}

.pc-nav-list {
  padding: 70px 30px 30px 30px;
  border: #00125E solid 4px;
  background-color: #fff;
  border-radius: 10px;
}
.pc-nav-list .frame {
  top: -34px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.txt-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.pc-nav-list .pc-nav-list-item a {
  font-size: 16px;
  color: #b5b5b5;
  line-height: 2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-align: left;
}

.pc-nav-list .pc-nav-list-item a:hover, .pc-nav-list .pc-nav-list-item a:active {
  color: #333;
  font-weight: 600;
}

.pc-nav-list .pc-nav-list-item a.is-active {
  color: #333;
  font-weight: 600;
}

.pc-nav-list-item-in {
  padding-left: 15px;
}

.header {
  background-color: #fff;
  width: 333.3333333333px;
  height: 59.3333333333px;
  padding: 18px 26.6666666667px;
}
@media screen and (max-width: 999px) {
  .header {
    width: 100%;
    height: 11.8666666667vw;
    padding: 3.6vw 5.3333333333vw;
  }
}
.header .logo {
  width: 196px;
  height: auto;
}
@media screen and (max-width: 999px) {
  .header .logo {
    width: 39.2vw;
    height: auto;
  }
}

.mv {
  width: 500px;
  height: 832px;
  position: relative;
  background: url(../../images/educational/mv_bg.webp) top center/500px auto no-repeat;
  padding-top: 13.3333333333px;
  margin-bottom: 46px;
}
@media screen and (max-width: 999px) {
  .mv {
    background: url(../../images/educational/mv_bg.webp) top center/100% auto no-repeat;
    width: 100%;
    height: 166.4vw;
    padding-top: 2.6666666667vw;
    margin-bottom: 9.2vw;
  }
}
.mv .mv-intro-txt {
  border-radius: 2.6666666667vw;
  background-color: #00125E;
  margin: 0 auto;
  width: 420px;
  padding: 12px 0;
  font-size: 20px;
  border-radius: 13.3333333333px;
}
@media screen and (max-width: 999px) {
  .mv .mv-intro-txt {
    width: 84vw;
    padding: 2.4vw 0;
    font-size: 4vw;
  }
}
.mv .mv-ttl-box .frame {
  top: -33.3333333333px;
  width: 500px;
}
@media screen and (max-width: 999px) {
  .mv .mv-ttl-box .frame {
    width: 100vw;
    top: -6.6666666667vw;
  }
}
.mv h1 {
  font-weight: 900;
  font-size: 29.3333333333px;
  line-height: 2em;
}
@media screen and (max-width: 999px) {
  .mv h1 {
    font-size: 5.8666666667vw;
  }
}
.mv h1 .mv-txt {
  font-size: 54.6666666667px;
}
@media screen and (max-width: 999px) {
  .mv h1 .mv-txt {
    font-size: 10.9333333333vw;
  }
}
.mv h1 .mv-txt .mv-big-txt {
  font-size: 70.6666666667px;
}
@media screen and (max-width: 999px) {
  .mv h1 .mv-txt .mv-big-txt {
    font-size: 14.1333333333vw;
  }
}
.mv .mv-img {
  width: 473.3333333333px;
  margin: 0 auto;
  margin-bottom: 86.6666666667px;
  height: auto;
}
@media screen and (max-width: 999px) {
  .mv .mv-img {
    width: 94.6666666667vw;
    margin-bottom: 17.3333333333vw;
  }
}
.mv .mv-content-chara {
  left: 40px;
  bottom: -73.3333333333px;
}
@media screen and (max-width: 999px) {
  .mv .mv-content-chara {
    left: 8vw;
    bottom: -14.6666666667vw;
  }
}
.mv .mv-contents {
  width: 280px;
  height: 174.6666666667px;
  background-color: #F7DD4B;
  border: solid #00125E 4px;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 999px) {
  .mv .mv-contents {
    width: 56vw;
    height: 34.9333333333vw;
    background-color: #F7DD4B;
    border: solid #00125E 0.8vw;
    border-radius: 2.4vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mv .mv-contents .frame {
  width: 181.3333333333px;
  height: auto;
  right: -160px;
  bottom: -6px;
}
@media screen and (max-width: 999px) {
  .mv .mv-contents .frame {
    width: 36.2666666667vw;
    height: auto;
    right: -32vw;
    bottom: -1.2vw;
  }
}
.mv .mv-contents .mv-contents-txt {
  font-size: 18.6666666667px;
  font-weight: 900;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .mv .mv-contents .mv-contents-txt {
    font-size: 3.7333333333vw;
  }
}
.mv .mv-bottom-txt {
  line-height: 1.7em;
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  .mv .mv-bottom-txt {
    font-weight: 900;
    font-size: 4vw;
    margin-bottom: 6vw;
  }
}
.mv .mv-bottom-img {
  width: 500px;
  height: auto;
}
@media screen and (max-width: 999px) {
  .mv .mv-bottom-img {
    width: 100vw;
    height: auto;
  }
}

.cv-area .cv-ttl {
  font-size: 26.6666666667px;
  margin-bottom: 13.3333333333px;
  font-weight: 900;
}
@media screen and (max-width: 999px) {
  .cv-area .cv-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.cv-area .cv-contents {
  background-color: #F7DD4B;
  width: 446.6666666667px;
  padding: 29.3333333333px 13.3333333333px 20px 13.3333333333px;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  .cv-area .cv-contents {
    width: 89.3333333333vw;
    padding: 5.8666666667vw 2.6666666667vw 4vw 2.6666666667vw;
  }
}
.cv-area .cv-contents .cv-contents-stxt {
  font-size: 21.3333333333px;
  font-weight: 900;
}
@media screen and (min-width: 1000px) {
  .cv-area .cv-contents .cv-contents-stxt {
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 999px) {
  .cv-area .cv-contents .cv-contents-stxt {
    font-size: 4.2666666667vw;
  }
}
.cv-area .cv-contents .cv-contents-ttl {
  font-weight: 800;
  color: #ED3E4E;
  font-size: 34px;
  margin-bottom: 16.6666666667px;
}
@media screen and (max-width: 999px) {
  .cv-area .cv-contents .cv-contents-ttl {
    margin-bottom: 3.3333333333vw;
    font-size: 6.8vw;
  }
}
.cv-area .cv-contents .cv-contents-ttl .bg-white {
  background: url(../../images/educational/white_border.webp) bottom/100% auto no-repeat;
}
.cv-area .cv-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  border: solid #00125E 6.6666666667px;
  background-color: #fff;
  color: #00125E;
  font-size: 21.3333333333px;
  font-weight: 900;
  padding: 12px 0;
  width: 374.6666666667px;
  margin: 0 auto;
  margin-top: 44.6666666667px;
  margin-bottom: 9.3333333333px;
}
@media screen and (max-width: 999px) {
  .cv-area .cv-btn {
    border-radius: 8vw;
    border: solid #00125E 1.3333333333vw;
    font-size: 4.2666666667vw;
    padding: 2.6666666667vw 0;
    width: 74.9333333333vw;
    margin-top: 8.9333333333vw;
    margin-bottom: 1.8666666667vw;
  }
}
.cv-area .cv-btn .cv-btn-arrow {
  position: absolute;
  right: 16.6666666667px;
  bottom: 16.6666666667px;
  width: 29.3333333333px;
}
@media screen and (max-width: 999px) {
  .cv-area .cv-btn .cv-btn-arrow {
    right: 3.3333333333vw;
    bottom: 3.3333333333vw;
    width: 5.8666666667vw;
  }
}
.cv-area .notes {
  font-size: 11.3333333333px;
  text-align: center;
  font-weight: 600;
  color: #00125E;
}
@media screen and (max-width: 999px) {
  .cv-area .notes {
    font-size: 2.1333333333vw;
  }
}

.cv-area-02 .cv-area-clum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 422px;
  margin: 0 auto;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 999px) {
  .cv-area-02 .cv-area-clum {
    margin-bottom: 4.8vw;
    width: 84.4vw;
  }
}
.cv-area-02 .cv-area-clum .cv-area-clum-txt {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.7em;
}
@media screen and (max-width: 999px) {
  .cv-area-02 .cv-area-clum .cv-area-clum-txt {
    font-size: 4vw;
  }
}
.cv-area-02 .cv-area-clum .cv-area-clum-img {
  margin-top: -18px;
  width: 133.3333333333px;
}
@media screen and (max-width: 999px) {
  .cv-area-02 .cv-area-clum .cv-area-clum-img {
    margin-top: -3.6vw;
    width: 26.6666666667vw;
  }
}

.pre-area {
  margin: 26.6666666667px 0;
}
@media screen and (max-width: 999px) {
  .pre-area {
    margin: 5.3333333333vw 0;
  }
}
.pre-area .pre-area-img {
  margin: 0 auto;
  width: 477.3333333333px;
}
@media screen and (max-width: 999px) {
  .pre-area .pre-area-img {
    width: 95.4666666667vw;
  }
}

.curriculum {
  background: url(../../images/educational/curriculum_ba_img.webp) top center/100% auto no-repeat, #93D3DF;
  padding: 46.6666666667px 0;
}
@media screen and (max-width: 999px) {
  .curriculum {
    padding: 9.3333333333vw 0;
  }
}
.curriculum .ttl-box {
  padding-bottom: 91.3333333333px;
}
@media screen and (max-width: 999px) {
  .curriculum .ttl-box {
    padding-bottom: 18.2666666667vw;
  }
}
.curriculum .ttl-box .ttl-box-stxt {
  color: #fff;
  font-size: 20px;
  margin-bottom: 3.3333333333px;
}
@media screen and (max-width: 999px) {
  .curriculum .ttl-box .ttl-box-stxt {
    font-size: 4vw;
    margin-bottom: 0.6666666667vw;
  }
}
.curriculum .ttl-box .ttl-txt {
  font-size: 26.6666666667px;
  font-weight: 900;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .curriculum .ttl-box .ttl-txt {
    font-size: 5.3333333333vw;
  }
}
.curriculum .ttl-box .ttl-box-stxt {
  letter-spacing: 0.05em;
}
.curriculum .curriculum-img {
  margin-bottom: 14.6666666667px;
}
@media screen and (max-width: 999px) {
  .curriculum .curriculum-img {
    margin-bottom: 2.9333333333vw;
  }
}
.curriculum .curriculum-txt {
  margin: 0 auto;
  width: 420px;
  text-align: left;
  font-size: 16px;
  margin-bottom: 12px;
  letter-spacing: 0.03em;
  font-weight: 500;
  line-height: 2em;
}
@media screen and (max-width: 999px) {
  .curriculum .curriculum-txt {
    width: 84vw;
    font-size: 3.2vw;
    margin-bottom: 2.4vw;
  }
}
.curriculum .txt-red {
  font-size: 18.6666666667px;
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  .curriculum .txt-red {
    font-size: 3.7333333333vw;
  }
}
.curriculum .sttl-box {
  line-height: 2.3em;
  margin-top: 53.3333333333px;
  margin-bottom: 20px;
}
@media screen and (max-width: 999px) {
  .curriculum .sttl-box {
    margin-top: 10.6666666667vw;
    margin-bottom: 4vw;
  }
}
.curriculum .sttl-box .sttl-box-img {
  position: absolute;
  left: 44.6666666667px;
}
@media screen and (max-width: 999px) {
  .curriculum .sttl-box .sttl-box-img {
    left: 8.9333333333vw;
  }
}
.curriculum .sttl-box .sttl-box-ttl {
  font-size: 22.6666666667px;
  font-weight: 900;
}
@media screen and (max-width: 999px) {
  .curriculum .sttl-box .sttl-box-ttl {
    font-size: 4.5333333333vw;
  }
}

.introduction {
  background: url(../../images/educational/item_bg_img.png) top center/100% auto no-repeat, #fff;
  padding: 46.6666666667px 0;
}
@media screen and (max-width: 999px) {
  .introduction {
    padding: 9.3333333333vw 0;
  }
}
.introduction .ttl-box {
  padding-bottom: 112px;
}
@media screen and (max-width: 999px) {
  .introduction .ttl-box {
    padding-bottom: 22.4vw;
  }
}
.introduction .ttl-box .ttl-box-stxt {
  color: #fff;
  font-size: 20px;
  margin-bottom: 3.3333333333px;
}
@media screen and (max-width: 999px) {
  .introduction .ttl-box .ttl-box-stxt {
    font-size: 4vw;
    margin-bottom: 0.6666666667vw;
  }
}
.introduction .ttl-box .ttl-txt {
  font-size: 26.6666666667px;
  font-weight: 900;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .introduction .ttl-box .ttl-txt {
    font-size: 5.3333333333vw;
  }
}
.introduction .ttl-box .ttl-box-stxt {
  letter-spacing: 0.05em;
}
.introduction .introduction-txt {
  margin: 0 auto;
  text-align: left;
  line-height: 2em;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin-top: 20px;
  width: 420px;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-txt {
    margin-top: 4vw;
    width: 84vw;
    font-size: 3.2vw;
  }
}
.introduction .introduction-item-point {
  background-color: #F7DD4B;
  margin: 0 auto;
  margin-top: 26.6666666667px;
  width: 446.6666666667px;
  border-radius: 20px;
  padding-bottom: 29.3333333333px;
  padding-top: 38px;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point {
    margin-top: 5.3333333333vw;
    width: 89.3333333333vw;
    border-radius: 4vw;
    padding-bottom: 5.8666666667vw;
    padding-top: 7.6vw;
  }
}
.introduction .introduction-item-point-content-sttl {
  font-size: 17.3333333333px;
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point-content-sttl {
    font-size: 3.4666666667vw;
  }
}
.introduction .introduction-item-point-content-ttl {
  font-size: 26.6666666667px;
  margin-bottom: 20px;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point-content-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 4vw;
  }
}
.introduction .introduction-item-point-content-txt {
  line-height: 2em;
  margin: 0 auto;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin-top: 20px;
  width: 393.3333333333px;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point-content-txt {
    margin-top: 4vw;
    width: 78.6666666667vw;
    font-size: 3.2vw;
  }
}
.introduction .introduction-item-point-ttl {
  margin-bottom: 21.3333333333px;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point-ttl {
    margin-bottom: 7.6vw;
  }
}
.introduction .introduction-item-point-box {
  margin-bottom: 46.6666666667px;
}
@media screen and (max-width: 999px) {
  .introduction .introduction-item-point-box {
    margin-bottom: 9.3333333333vw;
  }
}

.introduction-item-point-box:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-01 {
    width: 312.6666666667px;
    height: auto;
    margin-left: 57.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-01 {
    margin-left: 11.4666666667vw;
    width: 62.5333333333vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-02 {
    width: 333.3333333333px;
    height: auto;
    margin-left: 74.6666666667px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-02 {
    margin-left: 11.4666666667vw;
    width: 66.6666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-03 {
    width: 339.3333333333px;
    height: auto;
    margin-left: 30.6666666667px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-03 {
    width: 67.8666666667vw;
    margin-left: 6.1333333333vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-04 {
    width: 336px;
    height: auto;
    margin-left: 74.6666666667px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-04 {
    width: 67.2vw;
    margin-left: 14.9333333333vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-05 {
    width: 324.6666666667px;
    height: auto;
    margin-left: 45.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-05 {
    width: 64.9333333333vw;
    margin-left: 9.0666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl-06 {
    width: 345.3333333333px;
    height: auto;
    margin-left: 74.6666666667px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-item-point-ttl-06 {
    width: 69.0666666667vw;
    margin-left: 14.9333333333vw;
  }
}

.zero {
  margin-top: 46.6666666667px;
}
@media screen and (max-width: 999px) {
  .zero {
    margin-top: 9.3333333333vw;
  }
}
.zero .zero-ttl {
  font-size: 26.6666666667px;
  font-weight: 900;
  margin-bottom: 13.3333333333px;
}
@media screen and (max-width: 999px) {
  .zero .zero-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.zero .zero-txt {
  margin: 0 auto;
  text-align: left;
  line-height: 2em;
  font-weight: 600;
  margin-top: 20px;
  width: 420px;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .zero .zero-txt {
    margin-top: 4vw;
    width: 84vw;
    font-size: 3.2vw;
  }
}

.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 392px;
  margin-bottom: 20px;
}
@media screen and (max-width: 999px) {
  .item-list {
    width: 78.6666666667vw;
    margin-bottom: 4vw;
  }
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-slide {
  height: auto !important;
}

.item-list .slick-next {
  left: auto;
  top: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #00125E;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: -13.3333333333px;
  height: 29.3333333333px;
  width: 29.3333333333px;
}

@media screen and (max-width: 767px) {
  .item-list .slick-next {
    right: -2.6666666667vw;
    height: 5.8666666667vw;
    width: 5.8666666667vw;
  }
}
.item-list .slick-next:before {
  font-size: 13.3333333333px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  color: #fff;
  right: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .item-list .slick-next:before {
    font-size: 2.6666666667vw;
  }
}
.item-list .slick-prev {
  top: 50%;
  z-index: 5;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #00125E;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 29.3333333333px;
  width: 29.3333333333px;
  left: -16px;
  right: auto;
}

@media screen and (max-width: 767px) {
  .item-list .slick-prev {
    height: 5.8666666667vw;
    width: 5.8666666667vw;
    left: -3.2vw;
  }
}
.item-list .slick-prev:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  color: #fff;
  left: 0;
  position: relative;
  z-index: 2;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  font-size: 13.3333333333px;
}

@media screen and (max-width: 767px) {
  .item-list .slick-prev:before {
    font-size: 2.6666666667vw;
  }
}
.item-list .slick-prev.slick-disabled,
.item-list .slick-next.slick-disabled {
  opacity: 0;
}

.item-list .slick-prev.slick-disabled:before,
.item-list .slick-next.slick-disabled:before {
  opacity: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #00125E !important;
}

.slick-prev:before, .slick-next:before {
  opacity: 1 !important;
}

.about-qa-list {
  width: 420px;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  .about-qa-list {
    width: 84vw;
  }
}

.about-qa-list-item:last-child {
  margin-bottom: inherit;
}

.about-qa-list-q {
  background-color: #00125E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  line-height: 1.8em;
  text-align: left;
  font-size: 16px;
  height: 93.3333333333px;
  border-radius: 13.3333333333px;
  padding-left: 20px;
  margin-bottom: 33.3333333333px;
}
@media screen and (max-width: 999px) {
  .about-qa-list-q {
    font-size: 3.2vw;
    height: 18.6666666667vw;
    border-radius: 2.6666666667vw;
    padding-left: 4vw;
    margin-bottom: 6.6666666667vw;
  }
}

.about-qa-list-q span {
  color: #F7DD4B;
  padding-right: 9.3333333333px;
  padding-bottom: 9.3333333333px;
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .about-qa-list-q span {
    padding-right: 1.8666666667vw;
    padding-bottom: 1.8666666667vw;
    font-size: 8vw;
  }
}
.about-qa-list-q:hover {
  cursor: pointer;
}

.about-qa-list-a {
  display: none;
  text-align: left;
  font-weight: 500;
  margin-top: -20px;
  margin-bottom: 20px;
  line-height: 2em;
}
@media screen and (max-width: 999px) {
  .about-qa-list-a {
    margin-top: -4vw;
    margin-bottom: 4vw;
  }
}

.about-qa-list-q .fa-plus {
  color: #00125E;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
  right: 18px;
  width: 29.3333333333px;
  height: 29.3333333333px;
  border-radius: 33.3333333333px;
}
@media screen and (max-width: 999px) {
  .about-qa-list-q .fa-plus {
    right: 3.6vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    border-radius: 6.6666666667vw;
  }
}

.about-qa-list-q .fa-minus {
  color: #00125E;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
  right: 18px;
  width: 29.3333333333px;
  height: 29.3333333333px;
  border-radius: 33.3333333333px;
}
@media screen and (max-width: 999px) {
  .about-qa-list-q .fa-minus {
    right: 3.6vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    border-radius: 6.6666666667vw;
  }
}

.choice {
  background: url(../../images/educational/choice_bg_img.webp) top center/100% auto no-repeat, #FFFCBE;
  padding: 46.6666666667px 0 58px 0;
}
@media screen and (max-width: 999px) {
  .choice {
    padding: 9.3333333333vw 0 11.6vw 0;
  }
}
.choice .choice-point {
  width: 433.3333333333px;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  .choice .choice-point {
    width: 86.6666666667vw;
  }
}
.choice .ttl-box {
  padding-bottom: 144px;
}
@media screen and (max-width: 999px) {
  .choice .ttl-box {
    padding-bottom: 28.8vw;
  }
}
.choice .ttl-box .ttl-box-stxt {
  color: #fff;
  font-size: 20px;
  margin-bottom: 3.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .ttl-box .ttl-box-stxt {
    font-size: 4vw;
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 1000px) {
  .choice .ttl-box .ttl-box-stxt img {
    width: 236.6666666667px;
  }
}
@media screen and (max-width: 999px) {
  .choice .ttl-box .ttl-box-stxt img {
    width: 47.3333333333vw;
  }
}
.choice .ttl-box .ttl-txt {
  font-size: 26.6666666667px;
  font-weight: 900;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .choice .ttl-box .ttl-txt {
    font-size: 5.3333333333vw;
  }
}
.choice .ttl-box .ttl-box-stxt {
  letter-spacing: 0.05em;
}
.choice .choice-point-ttl-txt {
  font-weight: 900;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-size: 26.6666666667px;
  margin-top: 20px;
  margin-bottom: 34px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-ttl-txt {
    font-size: 5.3333333333vw;
    margin-top: 4vw;
    margin-bottom: 6.8vw;
  }
}
.choice .choice-point-ttl-txt .txt-soft-red {
  color: #f24965;
}
@media screen and (min-width: 1000px) {
  .choice .choice-point-ttl img {
    width: 333.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .choice .choice-point-ttl img {
    width: 66.6666666667vw;
  }
}
.choice .choice-item {
  color: #fff;
  background-color: #00125E;
  text-align: left;
  line-height: 2em;
  font-weight: 400;
  width: 267.3333333333px;
  font-size: 16px;
  border-radius: 13.3333333333px;
  padding: 18px 26.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice .choice-item {
    width: 53.4666666667vw;
    font-size: 3.2vw;
    border-radius: 2.6666666667vw;
    padding: 3.6vw 5.3333333333vw;
  }
}
.choice .choice-point-item-01-txt {
  text-align: left;
  margin-top: 23.3333333333px;
  margin-bottom: 23.3333333333px;
  line-height: 2em;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-01-txt {
    margin-top: 4.6666666667vw;
    margin-bottom: 4.6666666667vw;
    font-size: 3.2vw;
  }
}
.choice .choice-point-item-img-txt {
  line-height: 1.7em;
  margin-top: 26.6666666667px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-img-txt {
    margin-top: 5.3333333333vw;
    margin-bottom: 4vw;
    font-size: 4vw;
  }
}
.choice .choice-point-item-02 {
  margin-top: 40px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-02 {
    margin-top: 8vw;
  }
}
.choice .choice-point-item-img-ttl {
  font-weight: 900;
  line-height: 1.5em;
  margin-bottom: 20px;
  font-size: 26.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-img-ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 4vw;
  }
}
.choice .choice-point-item-Expert {
  background-color: #fff;
  border-radius: 20px;
  padding: 33.3333333333px 26.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert {
    border-radius: 4vw;
    padding: 6.6666666667vw 5.3333333333vw;
  }
}
.choice .choice-point-item-Expert .choice-point-item-Expert-ttl {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 900;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .choice-point-item-Expert-ttl {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
}
.choice .choice-point-item-Expert .choice-point-item-Expert-txt {
  text-align: left;
  line-height: 1.8em;
  font-size: 16px;
  margin-bottom: 33.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .choice-point-item-Expert-txt {
    font-size: 3.2vw;
    margin-bottom: 6.6666666667vw;
  }
}
.choice .choice-point-item-Expert .Supervision-ttl {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-ttl {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
}
.choice .choice-point-item-Expert .Supervision-box-ttl {
  color: #fff;
  margin: 0 auto;
  font-weight: 700;
  background-color: #00125E;
  font-size: 16px;
  border-radius: 26.6666666667px;
  width: 262.6666666667px;
  padding: 4.6666666667px 0;
  margin-bottom: 12px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-box-ttl {
    width: 52.5333333333vw;
    font-size: 3.2vw;
    border-radius: 5.3333333333vw;
    padding: 0.9333333333vw 0;
    margin-bottom: 2.4vw;
  }
}
.choice .choice-point-item-Expert .Supervision-box-txt {
  font-weight: 600;
  margin-bottom: 13.3333333333px;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-box-txt {
    margin-bottom: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1000px) {
  .choice .choice-point-item-Expert .Supervision-box img {
    width: 173.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-box img {
    width: 34.6666666667vw;
  }
}
.choice .choice-point-item-Expert .Supervision-name {
  font-size: 20px;
  margin-top: 13.3333333333px;
  font-weight: 900;
  line-height: 1.3em;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-name {
    font-size: 4vw;
    margin-top: 2.6666666667vw;
  }
}
.choice .choice-point-item-Expert .Supervision-name .Supervision-Academic {
  font-weight: 400;
  font-size: 13.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-Expert .Supervision-name .Supervision-Academic {
    font-size: 2.6666666667vw;
  }
}
.choice .choice-point-item-03 {
  margin-top: 40px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 {
    margin-top: 8vw;
  }
}
.choice .choice-point-item-03 .choice-point-item-03-txt {
  line-height: 1.7em;
  font-size: 20px;
  margin-top: 33.3333333333px;
  margin-bottom: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .choice-point-item-03-txt {
    font-size: 4vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 4vw;
  }
}
.choice .choice-point-item-03 .speech {
  width: 406.6666666667px;
  margin: 0 auto;
  margin-bottom: 26.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .speech {
    width: 81.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.choice .choice-point-item-03 .speech .speech-txt {
  color: #00125E;
  background-color: #F7DD4B;
  font-weight: 900;
  padding: 5.3333333333px 0;
  border-radius: 26.6666666667px;
  font-size: 16px;
  width: 262.6666666667px;
  margin-bottom: 13.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .speech .speech-txt {
    padding: 1.4666666667vw 0;
    font-size: 3.2vw;
    border-radius: 5.3333333333vw;
    width: 52.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.choice .choice-point-item-03 .comment {
  width: 446.6666666667px;
  margin: 0 auto;
  margin-bottom: 41.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .comment {
    width: 89.3333333333vw;
    margin-bottom: 8.2666666667vw;
  }
}
.choice .choice-point-item-03 .comment .comment-txt {
  background-color: #fff;
  font-weight: 600;
  line-height: 2em;
  margin-right: 0;
  margin-left: auto;
  text-align: left;
  border-radius: 20px;
  width: 292px;
  padding: 25.3333333333px 22.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .comment .comment-txt {
    border-radius: 4vw;
    width: 58.4vw;
    padding: 5.0666666667vw 4.5333333333vw;
  }
}
.choice .choice-point-item-03 .comment .frame {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 173.3333333333px;
  height: 173.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice .choice-point-item-03 .comment .frame {
    width: 34.6666666667vw;
    height: 34.6666666667vw;
  }
}

.choice-item:nth-child(2) {
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 56px;
}
@media screen and (max-width: 999px) {
  .choice-item:nth-child(2) {
    margin-bottom: 11.2vw;
  }
}
.choice-item:nth-child(2) .frame {
  top: -13.3333333333px;
  left: -154.6666666667px;
  width: 162px;
}
@media screen and (max-width: 999px) {
  .choice-item:nth-child(2) .frame {
    top: -2.6666666667vw;
    left: -30.9333333333vw;
    width: 32.4vw;
  }
}

.choice-item:nth-child(3) {
  width: 280px;
}
@media screen and (max-width: 999px) {
  .choice-item:nth-child(3) {
    width: 56vw;
  }
}
.choice-item:nth-child(3) .frame {
  width: 117.3333333333px;
  right: -146.6666666667px;
}
@media screen and (max-width: 999px) {
  .choice-item:nth-child(3) .frame {
    width: 23.4666666667vw;
    right: -29.3333333333vw;
  }
}

.choice-point-item-Expert .Supervision-box:nth-child(4) {
  margin-bottom: 33.3333333333px;
}
@media screen and (max-width: 999px) {
  .choice-point-item-Expert .Supervision-box:nth-child(4) {
    margin-bottom: 6.6666666667vw;
  }
}

.speech-txt:nth-child(2) {
  margin-left: auto;
  margin-right: 0;
}

.comment:nth-child(6) .comment-txt,
.comment:nth-child(8) .comment-txt {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.comment:nth-child(6) .frame,
.comment:nth-child(8) .frame {
  right: 0 !important;
}

.comment:nth-child(8) {
  margin-bottom: 0 !important;
}

.qa {
  background: url(../../images/educational/qa_bg.webp) top center/100% auto no-repeat;
  padding: 53.3333333333px 0 58px 0;
}
@media screen and (max-width: 999px) {
  .qa {
    padding: 10.6666666667vw 0 11.6vw 0;
  }
}
.qa .ttl-box {
  padding-bottom: 92.6666666667px;
}
@media screen and (max-width: 999px) {
  .qa .ttl-box {
    padding-bottom: 18.5333333333vw;
  }
}
.qa .ttl-box .ttl-txt {
  letter-spacing: 0.05em;
  font-size: 26.6666666667px;
  font-weight: 900;
  line-height: 1.5em;
}
@media screen and (max-width: 999px) {
  .qa .ttl-box .ttl-txt {
    font-size: 5.3333333333vw;
  }
}

.cv-contents-img {
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  .cv-contents-img {
    width: 389.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .cv-contents-img {
    width: 77.8666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .pre-area .frame img {
    width: 477.3333333333px;
  }
}

@media screen and (min-width: 1000px) {
  .curriculum-img img {
    width: 465.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .curriculum-img img {
    width: 93.0666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .curriculum .sttl-box-img img {
    width: 446px;
  }
}
@media screen and (max-width: 999px) {
  .curriculum .sttl-box-img img {
    width: 89.2vw;
  }
}

.introduction-img {
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  .introduction-img {
    width: 451.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .introduction-img {
    width: 90.2666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .introduction-item-point-ttl img {
    width: 333.3333333333px;
  }
}

@media screen and (min-width: 1000px) {
  .item-img img {
    width: 393.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .item-img img {
    width: 78.6666666667vw;
  }
}

@media screen and (min-width: 1000px) {
  .zero-img img {
    width: 381.3333333333px;
  }
}
@media screen and (max-width: 999px) {
  .zero-img img {
    width: 76.2666666667vw;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1700px) {
  .pc-nav-list {
    padding: 30px 10px 20px 10px;
    border: #00125E solid 3px;
  }
  .pc-nav-list .frame {
    width: 200px;
  }
  .pc-nav-list .pc-nav-list-item a {
    font-size: 14px;
  }
  .floating-bnr {
    width: 250px;
  }
  .pc_right {
    right: 10%;
  }
  .main-bg .frame-box .frame {
    top: 141px;
    height: 795px;
  }
  .pc_left-box {
    left: 30%;
  }
}

select {
  background-image: url("../../images/select_arrow.svg");
  background-position: right 2rem center;
  background-size: 2rem;
  background-position: right min(2rem,20px) center;
  background-size: min(2rem,30px);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

select.form_control {
  padding: 12px 24px 12px 10px;
}

p.block-entry-catch {
  font-size: 20px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  color: #f7dd4b;
  margin-bottom: 10px;
  position: relative;
}

p.block-entry-catch::before,
p.block-entry-catch::after {
  content: "";
  width: 2px;
  height: 30px;
  background: #f7dd4b;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

p.block-entry-catch::before {
  left: -12px;
  height: 20px;
  transform: translateY(-50%) rotate(-45deg);
}

p.block-entry-catch::after {
  right: -12px;
  height: 20px;
  transform: translateY(-50%) rotate(45deg);
}
.content{
  width: auto;
}

.block-entry .content{
  max-width: 375px;
  margin: 0 auto;
}
@media (max-width: 833px) {
  .block-entry .content{
    max-width: 600px;
  }
}
.block-entry .headline {
  font-size: 1.4rem;
  font-size: min(1.4rem,30px);
  letter-spacing: 0.12em;
  margin-bottom: 0.5em;
  font-weight: 700;
}

ul.note {
  list-style-type: none;
}

ul.note li:before {
  content: "※";
  font-family: cursive;
}

ul.note li {
  margin-left: 1.1em;
  text-indent: -1.1em;
}

.entry-info {
  display: block;
  align-items: center;
  font-weight: 900;
  max-width: 90rem;
  margin: 3.2rem auto 0;
  max-width: min(90rem,900px);
  margin: min(3.2rem,32px) auto 0;
}

.entry-info dl {
  display: flex;
  align-items: center;
}

.entry-info dt {
  width: 6.8rem;
  width: min(6.8rem,68px);
  margin-right: 1.2rem;
  margin-right: min(1.2rem,12px);
  flex: none;
  border-radius: 0.4rem;
  border-radius:min(.4rem,4px);
  background-color: #fff;
  color: #374190;
  text-align: center;
  font-size: 0.9rem;
}

.entry-info dd {
  font-size: 0.75rem;
  font-size: min(0.75rem,18px);
}

.entry-info .note {
  margin-left: 3.2rem;
  margin-left: min(3.2rem,32px);
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.2rem;
  font-size: min(1.2rem,18px);
}

.entry-info .note li:not(:last-child) {
  margin-right: 1em;
  margin-bottom: 0;
}

.spHide, .pcOnly {
  display: none;
}

.entry-form {
  max-width: 90rem;
  margin: 3.2rem auto 0;
  max-width: min(90rem,900px);
  margin: min(3.2rem,32px) auto 0;
  text-align: left;
}

.form-group {
  display: flex;
}

.form-group + .form-group {
  margin-top: 2.4rem;
}

.form-box {
  width: 100%;
}

.form-box + .form-box {
  margin-left: 2rem;
}

.form-box dt {
  margin-bottom: 1.2rem;
  letter-spacing: 0.12em;
}

.form-box .required {
  color: #ed3e4e;
}

.form-control {
  width: 100%;
  padding: 1.2em 1.5em;
  border: 2px solid #fff;
  border-radius: 1.2rem;
  background-color: #fff;
  color: #374190;
  letter-spacing: 0;
}

.form-policy {
  max-width: 53.2rem;
  margin: 6.4rem auto 0;
  padding: 3.2rem 2.4rem 2.4rem;
  max-width: min(53.2rem,532px);
  margin: min(6.4rem,64px)m auto 0;
  padding: min(3.2rem,32px) min(2.4rem,24px) min(2.4rem,24px);
  color: #374190;
  font-size: 1.4rem;
  font-size: min(1.4rem,14px);
}

.form-policy dt {
  margin-bottom: 1em;
  text-align: center;
  font-weight: 700;
}

.form-doui {
  margin-top: 3.2rem;
  margin-top: min(3.2rem,32px);
  letter-spacing: 0;
}

.form-submit {
  width: 53.2rem;
  height: 6.4rem;
  width: min(53.2rem,532px);
  height: min(6.4rem,64px);
  margin: 3.2rem auto 0;
  padding: 0 3.8rem;
  margin: min(3.2rem,32px) auto 0;
  padding: 0 min(3.8rem,38x);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.2rem;
  border-radius:min(3.2rem,32px);
  background-color: #ed3e4e;
  color: #fff;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 2rem;
  font-size:min(2rem,20px);
  line-height: 1;
  transition: 0.3s ease-in-out;
}

.form-submit::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  top: calc(50% - 0.3rem);
  right: 2.9rem;
  z-index: 2;
  display: block;
  border-top: 2px solid #ed3e4e;
  border-right: 2px solid #ed3e4e;
  border-radius: 1px;
  transform: rotate(45deg);
}

.form-submit::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: calc(50% - 1.2rem);
  right: 2rem;
  border-radius: 50%;
  background-color: #fff;
}

.form-submit:hover {
  background-color: #fff;
  color: #ed3e4e;
}

.form-submit:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.form-submit:hover::after {
  background-color: #ed3e4e;
}

.form-submit[data-status=disable] {
  background-color: #aaa;
  pointer-events: none;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-not-valid-tip {
  margin-bottom: 1.2rem;
  margin-bottom: min(1.2rem,12px);
  position: absolute;
  right: 0;
  bottom: 100%;
  color: #ed3e4e;
  font-size: 1.2rem;
  font-size:min(1.2rem,12px);
}

.wpcf7-not-valid {
  border-color: #ed3e4e !important;
  background-color: #fbd4d7 !important;
}

.wpcf7 form .wpcf7-response-output {
  padding: 1em;
  text-align: center;
}

.notice-block {
  margin-top: 4.8rem;
  margin-top:min(4.8rem,48px);
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  font-size: 1.8rem;
  font-size:min(1.8rem,18px);
}

.notice-block dt {
  margin-bottom: 0.4em;
}

.notice-block dd p {
  line-height: 1.75;
}

.block-entry .notice-block {
  max-width: 90rem;
}

.hs-form-private {
  display: block;
}

.hs-form-field {
  width: 100%;
  margin-bottom: 1.6rem;
  margin-bottom: min(1.6rem,16px);
}

.hs-form-field > label {
  display: block;
  margin-bottom: 0.8rem;
  margin-bottom: min(.8rem,8px);
  font-size: min(1rem,20px);
}

.hs-recaptcha {
  margin-top: 1.6rem;
  margin-top:min(1.6rem,16px);
}

.hs-recaptcha .input {
  width: fit-content;
  margin: 0 auto;
}

.hs-form-required {
  color: #ed3e4e;
}

.hs-input {
  width: 100%;
  padding: 0.7em 0.8em;
  border: 2px solid #fff;
  border-radius: 0.8rem;
  color: #374190;
  background-color: #fff;
  letter-spacing: 0;
  font-size: 1rem;
  font-size: min(1rem,20px);
}

.hs-error-msgs, .hs-error-msg {
  margin-top: 0.5em;
  color: #ed3e4e;
  font-size: 1.2rem;
  font-size:min(0.9rem,18px);
}

.hs_error_rollup {
  width: fit-content;
  margin: 0 auto;
}

.hs_competitor_investigation + div{
  width: 100%;
}

.hs-richtext {
  max-width: 53.2rem;
  margin: 4rem auto 2.4rem;
  margin: min(4rem,40px) auto min(2.4rem,24px);
  padding: 2.4rem 2rem;
  padding:min(2.4rem,24px) min(2rem,20px);
  border-radius: 0.8rem;
  font-size: 1.2rem;
  font-size:min(0.75rem,18px);
  background-color: #fff;
  color: #374190;
}

.hs-richtext p:not(:last-child) {
  margin-bottom: 1em;
}

.hs-richtext strong {
  display: block;
  text-align: center;
  font-weight: bolder;
}

.hs-submit {
  width: 100%;
}

.hs-field-desc {
  font-size: min(0.75rem,18px);
  
}

.hs-submit .hs-button {
  width: 90%;
  height: 3rem;
  height:min(3rem,60px);
  padding: 0 3.8rem;
  border-radius: 2.4rem;
  font-size: 1rem;
  font-size: min(1rem,20px);
  max-width: 100%;
  margin: 2.4rem auto 0;
  margin: min(2.4rem,24px) auto 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ed3e4e;
  border: none;
  color: #fff;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1;
  transition: 0.3s ease-in-out;
}

.hs-submit .hs-button::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  top: calc(50% - 0.3rem);
  right: 2.9rem;
  z-index: 2;
  display: block;
  border-top: 2px solid #ed3e4e;
  border-right: 2px solid #ed3e4e;
  border-radius: 1px;
  transform: rotate(45deg);
}

.hs-submit .hs-button::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  width: min(2.4rem,24px);
  height:  min(2.4rem,24px);
  position: absolute;
  top: calc(50% - 1.2rem);
  right: 2rem;
  border-radius: 50%;
  background-color: #fff;
}

.hs-submit .hs-button:hover {
  background-color: #fff;
  color: #ed3e4e;
}

.hs-submit .hs-button:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.hs-submit .hs-button:hover::after {
  background-color: #ed3e4e;
}

.section-block.block-entry {
  padding: 6.4rem 1.6rem;
  padding: min(6.4rem,64px) min(1.6rem,16px);
  background-color: #374190;
  color: #fff;
  position: relative;
}


.site-footer {
  padding: 4.8rem 1.6rem;
  padding: min(4.8rem,48px) min(1.6rem,16px);
  background-color: #fff;
  color: #666;
  font-size: 1.2rem;
  font-size: min(1.2rem,12px);
}

.site-footer p {
  letter-spacing: 0;
  font-size: 1.2rem;
  font-size: min(1.2rem,12px);
  margin-bottom: 1rem;
}

.footer-area01 {
  font-size: 1.2rem;
  font-weight: 700;
  font-size: min(1.2rem,12px);
  text-align: left;
}

.footer-title figure {
  display: flex;
  align-items: center;
}

.footer-title .caption {
  margin-left: 2rem;
  margin-left:min(2rem,20px);
  font-size: 1.4rem;
  font-size: min(1.4rem,14px);
  color: #666;
}

.copy-right {
  margin-top: 2.8rem;
  margin-top: min(2.8rem,28px);
  line-height: 1;
}
.site-footer .content {
  display: block;
}

.footer-title img {
  width: 11.8rem;
  width: min(11.8rem,118px);
}

.footer-area02 {
  margin-top: 4.8rem;
  margin-top: min(4.8rem,48px);
  padding-top: 4.8rem;
  padding-top: min(4.8rem,48px);
  border-top: 1px solid #ccc;
  text-align: center;
}

.footer-area02 p {
  font-size: min(1rem,10px);
}

.footer-privacy-policy-link {
  font-size: 10px;
  color: #666;
}

@media (max-width: 833px) {
  .footer-privacy-policy-link {
      font-size: 10px;
  }
}