@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
  color: #333;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.4;
}

a,
button {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
a:hover,
button:hover {
  opacity: 0.7;
}

em {
  font-style: normal;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: min(36.9444444444vw, 532px);
  height: min(6.25vw, 90px);
  padding-right: min(6.25vw, 90px);
  padding-left: min(6.25vw, 90px);
  background-color: #EE7C2B;
  border-radius: 100vmax;
  color: #fff;
  font-size: min(2.0833333333vw, 30px);
  font-weight: bold;
  letter-spacing: 0.05em;
}
.button::before, .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button::before {
  right: min(0.6944444444vw, 10px);
  width: min(4.8611111111vw, 70px);
  height: min(4.8611111111vw, 70px);
  background-color: #F68E55;
  border-radius: 50%;
}
.button::after {
  right: min(2.2222222222vw, 32px);
  width: min(1.25vw, 18px);
  height: min(2.2222222222vw, 32px);
  aspect-ratio: 1;
  background-image: url(../fonts/button_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .button {
    width: 89.3333333333vw;
    height: 14.9333333333vw;
    padding-right: 13.0666666667vw;
    padding-left: 13.0666666667vw;
    font-size: 4.8vw;
  }
  .button::before {
    right: 1.8666666667vw;
    width: 11.2vw;
    height: 11.2vw;
  }
  .button::after {
    right: 5.3333333333vw;
    width: 3.2vw;
    height: 5.3333333333vw;
  }
}
.button--2 {
  background-color: #fff;
  color: #3190FE;
}
.button--2::before {
  background-color: #E4F1FF;
}
.button--2::after {
  background-image: url(../fonts/button_arrow_blue.svg);
}
.button--3 {
  background-color: #fff;
  color: #0A317B;
}
.button--3::before {
  background-color: #E4F1FF;
}
.button--3::after {
  background-image: url(../fonts/button_arrow_navy.svg);
}
.button--4 {
  background-color: #D43617;
}
.button--4::before {
  background-color: #EE5132;
}
.button--wide {
  width: min(38.1944444444vw, 550px);
  height: min(6.25vw, 90px);
  font-size: min(1.8055555556vw, 26px);
}
@media screen and (max-width: 767px) {
  .button--wide {
    width: 78.9333333333vw;
    height: 19.2vw;
    padding-left: 13.3333333333vw;
    font-size: 5.8666666667vw;
    line-height: 1.2;
    text-align: center;
  }
}

.lity {
  background: rgba(0, 0, 0, 0.55);
}
.lity-close {
  position: absolute;
  -webkit-transform: translateY(calc(-100% - 15px));
          transform: translateY(calc(-100% - 15px));
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.lity-close::before {
  width: 31px;
  height: 31px;
  background: url(../image/lity_icon01.webp) no-repeat center/cover;
  display: block;
  content: "";
}
.lity-iframe .lity-container {
  max-width: 780px;
}
.lity-iframe-container {
  border-radius: 3px;
}
.lity-content::after {
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .lity-close::before {
    width: 25px;
    height: 25px;
  }
  .lity-iframe .lity-container {
    width: 89.3333333333%;
  }
  .lity-iframe-container {
    border-radius: 2.5px;
  }
  .lity-content::after {
    border-radius: 2.5px;
  }
}

.layout--sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .layout--sp {
    display: block !important;
  }
  .layout--pc {
    display: none !important;
  }
}
/* ==========================
   ボタンアイコンアニメーション
========================== */
@-webkit-keyframes buttonIconAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes buttonIconAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*========================
  loop animation（stageImageなど）
========================*/
@-webkit-keyframes loop1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.headerAchievements {
  background-color: #f4f4f4;
}
.headerAchievements__wrapper {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  min-height: 60px;
}
@media screen and (max-width: 767px) {
  .headerAchievements__wrapper {
    max-width: 65.3333333333vw;
    min-height: 13.3333333333vw;
  }
}
.headerAchievements__text {
  color: #081168;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 45px;
  position: relative;
}
.headerAchievements__text::before {
  content: "";
  width: 13px;
  height: 42px;
  left: 10px;
  top: 10px;
  position: absolute;
  background-image: url(../image/headerachievement_icon.webp);
  background-size: contain;
}
.headerAchievements__text::after {
  content: "";
  width: 13px;
  height: 42px;
  right: 10px;
  top: 10px;
  position: absolute;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  background-image: url(../image/headerachievement_icon.webp);
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .headerAchievements__text {
    font-size: 3.4666666667vw;
    line-height: inherit;
  }
  .headerAchievements__text::before {
    content: "";
    width: 2.6666666667vw;
    height: 8.9333333333vw;
    left: -5.0666666667vw;
    top: 2.6666666667vw;
    position: absolute;
    background-image: url(../image/headerachievement_icon.webp);
    background-size: contain;
  }
  .headerAchievements__text::after {
    content: "";
    width: 2.6666666667vw;
    height: 8.9333333333vw;
    right: -5.0666666667vw;
    top: 2.6666666667vw;
    position: absolute;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    background-image: url(../image/headerachievement_icon.webp);
    background-size: contain;
  }
}
.headerAchievements__textNumber {
  font-size: 3.4rem;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 767px) {
  .headerAchievements__textNumber {
    font-size: 6.6666666667vw;
  }
}
.headerAchievements__textValue {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .headerAchievements__textValue {
    font-size: 4.2666666667vw;
  }
}
.headerAchievements__textMarker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #f4db74));
  background: linear-gradient(transparent 50%, #f4db74 50%);
}
.headerAchievements__annotation {
  font-size: 1rem;
  color: #6b70a4;
  margin-top: -9px;
}
@media screen and (max-width: 767px) {
  .headerAchievements__annotation {
    font-size: 2.6666666667vw;
    margin-top: -1.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .mainVisual {
    position: relative;
    background-color: #3190FE;
  }
  .mainVisual::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-image: url(../image/mainvisual_bg01__pc.svg);
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 1;
  }
}
.mainVisual__wrapper {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: min(2.9411764706vw, 40px) 20px min(7.1323529412vw, 97px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .mainVisual__wrapper {
    padding: 0;
    background-color: #E4F1FF;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual__inner {
    position: relative;
    padding: 5.3333333333vw 5.3333333333vw 0;
    background-color: #3190FE;
  }
  .mainVisual__inner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-image: url(../fonts/mainvisual_bg01__sp.svg);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    z-index: 1;
  }
}
.mainVisual__logo {
  width: min(16.1029411765vw, 219px);
  height: min(4.4117647059vw, 60px);
}
.mainVisual__logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .mainVisual__logo {
    width: 34.1333333333vw;
    height: auto;
  }
}
.mainVisual__content {
  margin-top: min(6.3970588235vw, 87px);
}
@media screen and (max-width: 767px) {
  .mainVisual__content {
    margin-top: 9.3333333333vw;
  }
}
.mainVisual__lead {
  position: relative;
  margin-left: min(2.3529411765vw, 32px);
}
@media screen and (max-width: 767px) {
  .mainVisual__lead {
    margin-left: 7.7333333333vw;
  }
}
.mainVisual__leadCircle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: max(-1.4705882353vw, -20px);
  left: max(-1.6176470588vw, -22px);
  width: min(7.3529411765vw, 100px);
  height: min(7.3529411765vw, 100px);
  border-radius: 100vmax;
  background-color: #FFEC86;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media screen and (max-width: 767px) {
  .mainVisual__leadCircle {
    top: -2.6666666667vw;
    left: -7.7333333333vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
  }
}
.mainVisual__leadCircleText {
  color: #3190FE;
  font-size: min(1.1764705882vw, 16px);
  font-weight: bold;
  line-height: 1.15;
  text-align: center;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .mainVisual__leadCircleText {
    font-size: 3.2vw;
  }
}
.mainVisual__leadCircleText em {
  font-size: min(1.7647058824vw, 24px);
}
@media screen and (max-width: 767px) {
  .mainVisual__leadCircleText em {
    font-size: 4.8vw;
  }
}
.mainVisual__leadText {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.7352941176vw, 10px) min(2.9411764706vw, 40px) min(0.7352941176vw, 10px) min(7.3529411765vw, 100px);
  color: #fff;
  border: 1px solid currentColor;
  font-size: min(1.4705882353vw, 20px);
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .mainVisual__leadText {
    padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 19.7333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
  }
}
.mainVisual__leadText em {
  color: #FFEC86;
  font-weight: bold;
}
.mainVisual__title {
  margin-top: min(2.3529411765vw, 32px);
  color: #fff;
  font-size: min(3.4558823529vw, 47px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .mainVisual__title {
    margin-top: 4.4533333333vw;
    font-size: 6.9333333333vw;
    letter-spacing: -0.05em;
  }
}
.mainVisual__titleMain {
  margin-top: max(-0.6617647059vw, -9px);
  font-size: min(7.3529411765vw, 100px);
  line-height: 1.1;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .mainVisual__titleMain {
    font-size: 13.8666666667vw;
    letter-spacing: -0.05em;
  }
}
.mainVisual__titleMain em {
  color: #FFEC86;
  font-size: min(6.6176470588vw, 90px);
  line-height: 1.22;
  letter-spacing: 0.01em;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .mainVisual__titleMain em {
    font-size: 12.2666666667vw;
    letter-spacing: -0.05em;
  }
}
.mainVisual__bottom {
  margin-top: min(6.6176470588vw, 90px);
}
@media screen and (max-width: 767px) {
  .mainVisual__bottom {
    text-align: center;
    margin-top: 13.6vw;
    padding: 5.3333333333vw;
  }
}
.mainVisual__bottomText {
  position: relative;
  color: #fff;
  font-size: min(1.3235294118vw, 18px);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .mainVisual__bottomText {
    display: inline-block;
    color: #3190FE;
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
}
.mainVisual__bottomText span {
  display: inline-block;
}
.mainVisual__bottomText em {
  font-weight: bold;
}
.mainVisual__bottomText::before, .mainVisual__bottomText::after {
  font-size: min(1.3235294118vw, 18px);
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .mainVisual__bottomText::before, .mainVisual__bottomText::after {
    font-size: 4.2666666667vw;
  }
}
.mainVisual__bottomText::before {
  content: "＼";
  margin-right: min(0.3676470588vw, 5px);
}
.mainVisual__bottomText::after {
  content: "／";
  margin-left: min(0.3676470588vw, 5px);
}
.mainVisual__button {
  margin-top: min(1.4705882353vw, 20px);
}
@media screen and (max-width: 767px) {
  .mainVisual__button {
    margin-top: 2.6666666667vw;
  }
}
.mainVisual__mikity {
  position: absolute;
  right: min(6.1764705882vw, 84px);
  bottom: 0;
  width: min(42.7941176471vw, 582px);
  height: min(50.8088235294vw, 691px);
}
@media screen and (max-width: 767px) {
  .mainVisual__mikity {
    position: relative;
    right: auto;
    margin-top: 2.5333333333vw;
    width: 100%;
    height: auto;
  }
}
.mainVisual__mikityWrapper {
  position: relative;
}
@media screen and (max-width: 767px) {
  .mainVisual__mikityImage {
    width: 74.9333333333vw;
    margin: 0 auto;
  }
}
.mainVisual__mikityImage img {
  max-width: 100%;
  height: auto;
}
.mainVisual__mikityText {
  position: absolute;
  top: min(2.9411764706vw, 40px);
  right: min(7.3529411765vw, 100px);
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  height: 100%;
  color: #fff;
  font-size: min(1.9117647059vw, 26px);
  font-weight: bold;
  line-height: 1.15;
  letter-spacing: 0.05em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .mainVisual__mikityText {
    top: 2.6666666667vw;
    right: auto;
    left: 9.6vw;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    font-size: 5.3333333333vw;
  }
}
.mainVisual__mikityName {
  position: absolute;
  bottom: min(2.2058823529vw, 30px);
  left: max(-6.4705882353vw, -88px);
  color: #fff;
  font-size: min(1.0294117647vw, 14px);
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .mainVisual__mikityName {
    top: 22.4vw;
    right: 2.6666666667vw;
    left: auto;
    font-size: 2.9333333333vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: left;
  }
}
.mainVisual__cm {
  position: absolute;
  right: min(1.4705882353vw, 20px);
  bottom: min(1.4705882353vw, 20px);
  padding: min(1.3970588235vw, 19px);
  background-color: #fff;
  border-radius: min(0.7352941176vw, 10px);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .mainVisual__cm {
    width: 47.2vw;
    height: 27.2vw;
    right: 5.3333333333vw;
    bottom: -13.6vw;
    padding: 2.6666666667vw;
  }
}
.mainVisual__cmWrapper {
  position: relative;
}
.mainVisual__cmCircle {
  position: absolute;
  top: max(-3.6764705882vw, -50px);
  left: max(-3.6764705882vw, -50px);
  width: min(8.8235294118vw, 120px);
  height: min(8.8235294118vw, 120px);
  color: #fff;
  background-color: #0267DC;
  border-radius: 100vmax;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .mainVisual__cmCircle {
    top: -6.4vw;
    left: -5.6vw;
    width: 19.2vw;
    height: 19.2vw;
  }
}
.mainVisual__cmCircleText {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(1.0294117647vw, 14px);
  font-weight: bold;
  line-height: 1.29;
  text-align: center;
  letter-spacing: 0em;
  -webkit-transform: translate(min(3.6764705882vw, 50px), min(3.6764705882vw, 50px));
          transform: translate(min(3.6764705882vw, 50px), min(3.6764705882vw, 50px));
}
@media screen and (max-width: 767px) {
  .mainVisual__cmCircleText {
    font-size: 3.2vw;
    -webkit-transform: translate(5.6vw, 6.4vw);
            transform: translate(5.6vw, 6.4vw);
  }
}
.mainVisual__cmCircleText em {
  font-size: min(1.3235294118vw, 18px);
  line-height: 1.11;
}
@media screen and (max-width: 767px) {
  .mainVisual__cmCircleText em {
    font-size: 4vw;
  }
}
.mainVisual__cmLink {
  display: block;
  width: min(25.7352941176vw, 350px);
  height: min(13.4558823529vw, 183px);
}
@media screen and (max-width: 767px) {
  .mainVisual__cmLink {
    width: 100%;
    height: auto;
  }
}
.mainVisual__cmLink img {
  width: 100%;
  height: auto;
}
.mainVisual--2 .mainVisual__title {
  margin-top: min(2.3529411765vw, 32px);
  color: #fff;
  font-size: min(3.2352941176vw, 44px);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__title {
    margin-top: 4.4533333333vw;
    font-size: 6.9333333333vw;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__titleSub {
    font-size: 6.4vw;
  }
}
.mainVisual--2 .mainVisual__bottom {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin-top: min(6.6176470588vw, 90px);
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__bottom {
    text-align: center;
    margin-top: 13.6vw;
    padding: 5.3333333333vw;
  }
}
.mainVisual--2 .mainVisual__bottomText {
  position: static;
  position: initial;
  color: #fff;
  font-size: min(1.3235294118vw, 18px);
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__bottomText {
    display: inline-block;
    color: #3190FE;
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
}
.mainVisual--2 .mainVisual__bottomText span {
  display: inline-block;
}
.mainVisual--2 .mainVisual__bottomText em {
  font-weight: bold;
  position: relative;
}
.mainVisual--2 .mainVisual__bottomText em::before, .mainVisual--2 .mainVisual__bottomText em::after {
  font-size: min(1.3235294118vw, 18px);
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__bottomText em::before, .mainVisual--2 .mainVisual__bottomText em::after {
    font-size: 4.2666666667vw;
  }
}
.mainVisual--2 .mainVisual__bottomText em::before {
  content: "＼";
  margin-right: min(0.3676470588vw, 5px);
}
.mainVisual--2 .mainVisual__bottomText em::after {
  content: "／";
  margin-left: min(0.3676470588vw, 5px);
}
.mainVisual--2 .mainVisual__bottomText::before, .mainVisual--2 .mainVisual__bottomText::after {
  content: none;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__leadText {
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 16.8vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    letter-spacing: 0.7px;
  }
}
.mainVisual--2 .mainVisual__cmExcerpt {
  width: min(34.3567251462vw, 470px);
  position: absolute;
  right: min(0.2192982456vw, 3px);
  bottom: min(1.6812865497vw, 23px);
  z-index: 10;
  isolation: isolate;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__cmExcerpt {
    width: 58.6666666667vw;
    right: 6.4vw;
    bottom: -10.6666666667vw;
  }
}
.mainVisual--2 .mainVisual__cmExcerptTitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.365497076vw, 5px) min(1.0964912281vw, 15px);
  position: relative;
  border-radius: min(0.365497076vw, 5px);
  background-color: #0267DC;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: max(1rem, min(1.0233918129vw, 1.4rem));
  line-height: 1.43;
  letter-spacing: 0.05em;
  -webkit-transform: translate(min(1.4619883041vw, 20px), min(0.730994152vw, 10px));
          transform: translate(min(1.4619883041vw, 20px), min(0.730994152vw, 10px));
}
.mainVisual--2 .mainVisual__cmExcerptTitle::after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -4px;
  left: min(0.730994152vw, 10px);
  display: block;
  width: min(1.2426900585vw, 17px);
  height: min(0.730994152vw, 10px);
  content: "";
  background: url(../fonts/mainvisual_bg03.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__cmExcerptTitle {
    padding: 0.5333333333vw 1.8666666667vw;
    font-size: 2.6666666667vw;
    -webkit-transform: translate(2.4vw, 0.8vw);
            transform: translate(2.4vw, 0.8vw);
  }
  .mainVisual--2 .mainVisual__cmExcerptTitle::after {
    top: auto;
    right: auto;
    bottom: -4px;
    left: 1.3333333333vw;
    width: 2.1333333333vw;
    height: 1.3333333333vw;
  }
}
.mainVisual--2 .mainVisual__cmExcerptBox {
  padding: min(0.730994152vw, 10px);
  background-color: #fff;
  border-radius: min(0.730994152vw, 10px);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainVisual--2 .mainVisual__cmExcerptBox {
    padding: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    border-radius: 4.687px;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
  }
}
.mainVisual--2 .mainVisual__cmExcerptImage {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.mainVisual--3 {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .mainVisual--3 {
    position: relative;
    background: -webkit-gradient(linear, right top, left top, color-stop(8.96%, #002058), color-stop(34.45%, #164D8E), to(#002058));
    background: linear-gradient(270deg, #002058 8.96%, #164D8E 34.45%, #002058 100%);
  }
  .mainVisual--3::before {
    background-right: 0;
    background-bottom: 0;
    background-width: 50%;
    background-height: 100%;
    background-image: url(../fonts/mainvisual_bg02__pc.svg);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .mainVisual--3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1440" height="770" viewBox="0 0 1440 770"%3E%3Cdefs%3E%3Cfilter id="noise-filter" x="0" y="0" width="100%25" height="100%25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="1 1" stitchTiles="stitch" numOctaves="3" result="noise" seed="2851"/%3E%3CfeColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/%3E%3CfeComponentTransfer in="alphaNoise" result="coloredNoise1"%3E%3CfeFuncA type="discrete" tableValues="0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color="rgba(0, 0, 0, 0.5)" result="color1Flood"/%3E%3CfeComposite operator="in" in2="coloredNoise1" in="color1Flood" result="color1"/%3E%3CfeMerge%3E%3CfeMergeNode in="SourceGraphic"/%3E%3CfeMergeNode in="color1"/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="transparent" filter="url(%23noise-filter)"/%3E%3C/svg%3E');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: overlay;
    opacity: 0.4;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__wrapper {
    background-color: #E5E4E4;
  }
}
.mainVisual--3 .mainVisual__content {
  margin-top: min(3.6764705882vw, 50px);
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__content {
    margin-top: 9.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__inner {
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.64%, #002058), color-stop(39.99%, #164D8E), color-stop(99.64%, #002058));
    background: linear-gradient(0deg, #002058 0.64%, #164D8E 39.99%, #002058 99.64%);
  }
  .mainVisual--3 .mainVisual__inner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-image: url(../fonts/mainvisual_bg02__sp.svg);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  .mainVisual--3 .mainVisual__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="375" height="641" viewBox="0 0 375 641"%3E%3Cdefs%3E%3Cfilter id="noise-filter-sp" x="0" y="0" width="100%25" height="100%25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="2 2" stitchTiles="stitch" numOctaves="3" result="noise" seed="5835"/%3E%3CfeColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/%3E%3CfeComponentTransfer in="alphaNoise" result="coloredNoise1"%3E%3CfeFuncA type="discrete" tableValues="0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color="rgba(0, 0, 0, 0.5)" result="color1Flood"/%3E%3CfeComposite operator="in" in2="coloredNoise1" in="color1Flood" result="color1"/%3E%3CfeMerge%3E%3CfeMergeNode in="SourceGraphic"/%3E%3CfeMergeNode in="color1"/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="transparent" filter="url(%23noise-filter-sp)"/%3E%3C/svg%3E');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
    opacity: 0.4;
  }
}
.mainVisual--3 .mainVisual__lead {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__lead {
    margin-left: 0;
  }
}
.mainVisual--3 .mainVisual__leadText {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: min(0.3676470588vw, 5px);
  padding-bottom: min(0.3676470588vw, 5px);
  padding-left: min(1.1029411765vw, 15px);
  padding-right: min(1.4705882353vw, 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FADE62;
  color: #0A357E;
  border: none;
  font-size: min(1.4705882353vw, 20px);
  font-weight: bold;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__leadText {
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
  }
}
.mainVisual--3 .mainVisual__leadTextIcon {
  position: relative;
  padding-right: min(1.1029411765vw, 15px);
  font-size: min(2.0588235294vw, 28px);
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__leadTextIcon {
    padding-right: 2.1333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    letter-spacing: 0.7px;
  }
}
.mainVisual--3 .mainVisual__leadTextIcon::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 2px;
  height: 100%;
  background-color: #0C4088;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__leadTextIcon::after {
    right: 0px;
    width: 1px;
  }
}
.mainVisual--3 .mainVisual__leadTextMessage {
  padding-left: min(1.4705882353vw, 20px);
  font-size: min(1.4705882353vw, 20px);
  line-height: 1.75;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__leadTextMessage {
    padding-left: 2.1333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    letter-spacing: 0.7px;
  }
}
.mainVisual--3 .mainVisual__leadTextMessage em {
  color: #FADE62;
}
.mainVisual--3 .mainVisual__leadText:nth-child(2) {
  margin-top: -1px;
  margin-left: min(2.2058823529vw, 30px);
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__leadText:nth-child(2) {
    margin-left: 3.2vw;
  }
}
.mainVisual--3 .mainVisual__leadText:nth-child(2) .mainVisual__leadTextIcon::after {
  background-color: #fff;
}
.mainVisual--3 .mainVisual__title {
  margin-top: min(2.5735294118vw, 35px);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__title {
    margin-top: 6.9333333333vw;
  }
}
.mainVisual--3 .mainVisual__titleSub {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #FADE62;
          text-decoration-color: #FADE62;
  text-decoration-thickness: 7%;
  text-underline-offset: 28%;
  font-size: min(3.0147058824vw, 41px);
  font-weight: bold;
  letter-spacing: 4.1px;
  line-height: 0.98;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__titleSub {
    font-size: 6.4vw;
    letter-spacing: -0.24px;
  }
}
.mainVisual--3 .mainVisual__titleMain {
  margin-top: min(1.4705882353vw, 20px);
  font-size: min(3.6764705882vw, 50px);
  line-height: 1.6;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__titleMain {
    margin-top: 3.2vw;
    font-size: 7.4666666667vw;
    line-height: 1.2;
    letter-spacing: -0.2px;
  }
}
.mainVisual--3 .mainVisual__titleMain em {
  color: #fff;
  font-size: min(5.1470588235vw, 70px);
  letter-spacing: 0.7px;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__titleMain em {
    font-size: 9.6vw;
    letter-spacing: -0.2px;
  }
}
.mainVisual--3 .mainVisual__titleMainHighlight {
  color: #FADE62;
}
.mainVisual--3 .mainVisual__mikity {
  width: min(50.2205882353vw, 683px);
  height: min(56.3970588235vw, 767px);
  position: absolute;
  right: min(1.1764705882vw, 16px);
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__mikity {
    position: relative;
    right: auto;
    margin-top: 5.0666666667vw;
    width: 100%;
    height: auto;
  }
}
.mainVisual--3 .mainVisual__mikityWrapper {
  position: relative;
  height: 100%;
}
.mainVisual--3 .mainVisual__mikityImage {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__mikityImage {
    position: static;
    width: 93.3333333333vw;
    height: auto;
    margin: 0 auto;
  }
}
.mainVisual--3 .mainVisual__mikityImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
}
.mainVisual--3 .mainVisual__mikityText {
  top: min(5vw, 68px);
  right: min(12.7205882353vw, 173px);
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  color: #FADE62;
  font-size: min(1.9117647059vw, 26px);
  line-height: 1.15;
  letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__mikityText {
    top: 4.8vw;
    right: auto;
    left: 13.3333333333vw;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    font-size: 4.8vw;
    line-height: 1.16;
    letter-spacing: 3px;
  }
}
.mainVisual--3 .mainVisual__cmExcerpt {
  width: min(34.3567251462vw, 470px);
  position: absolute;
  right: min(0.2192982456vw, 3px);
  bottom: min(1.6081871345vw, 22px);
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__cmExcerpt {
    width: 58.6666666667vw;
    right: 6.4vw;
    bottom: -10.6666666667vw;
  }
}
.mainVisual--3 .mainVisual__cmExcerptTitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.365497076vw, 5px) min(1.0964912281vw, 15px);
  position: relative;
  border-radius: min(0.365497076vw, 5px);
  background-color: #0A317B;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: max(1rem, min(1.0233918129vw, 1.4rem));
  line-height: 1.43;
  letter-spacing: 0.05em;
  -webkit-transform: translate(min(1.4619883041vw, 20px), min(0.730994152vw, 10px));
          transform: translate(min(1.4619883041vw, 20px), min(0.730994152vw, 10px));
}
.mainVisual--3 .mainVisual__cmExcerptTitle::after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -4px;
  left: min(0.730994152vw, 10px);
  display: block;
  width: min(1.2426900585vw, 17px);
  height: min(0.730994152vw, 10px);
  content: "";
  background: url(../image/mainvisual_cmbubble_arrow.webp) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__cmExcerptTitle {
    padding: 0.5333333333vw 1.8666666667vw;
    font-size: 2.6666666667vw;
    -webkit-transform: translate(2.4vw, 0.8vw);
            transform: translate(2.4vw, 0.8vw);
  }
  .mainVisual--3 .mainVisual__cmExcerptTitle::after {
    top: auto;
    right: auto;
    bottom: -4px;
    left: 1.3333333333vw;
    width: 2.1333333333vw;
    height: 1.3333333333vw;
  }
}
.mainVisual--3 .mainVisual__cmExcerptBox {
  padding: min(0.730994152vw, 10px);
  background-color: #fff;
  border-radius: min(0.730994152vw, 10px);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__cmExcerptBox {
    padding: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    border-radius: 4.687px;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
  }
}
.mainVisual--3 .mainVisual__cmExcerptImage {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.mainVisual--3 .mainVisual__bottom {
  margin-top: min(3.6764705882vw, 50px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__bottom {
    margin-top: 13.3333333333vw;
  }
}
.mainVisual--3 .mainVisual__bottomText {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.9px;
}
.mainVisual--3 .mainVisual__bottomText span {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mainVisual--3 .mainVisual__bottomText {
    color: #0A317B;
    letter-spacing: 0.8px;
  }
}

.youWillLearn {
  background-color: #E4F1FF;
}
.youWillLearn__wrapper {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .youWillLearn__wrapper {
    padding: 21.3333333333vw 5.3333333333vw;
  }
}
.youWillLearn__title {
  color: #0267DC;
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
}
.youWillLearn__title em {
  font-size: 5rem;
}
@media screen and (max-width: 767px) {
  .youWillLearn__title {
    font-size: 8vw;
    line-height: 1.3;
  }
  .youWillLearn__title em {
    font-size: 9.6vw;
    line-height: 1.2;
  }
}
.youWillLearn__list {
  margin-top: min(4.0816326531vw, 40px);
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .youWillLearn__list {
    margin-top: 8vw;
    gap: 4vw;
  }
}
.youWillLearn__listItem {
  overflow: hidden;
  display: grid;
  grid-template-columns: min(11.1111111111vw, 80px) 1fr;
  grid-template-rows: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .youWillLearn__listItem {
    grid-template-columns: 8.5333333333vw 1fr;
    grid-template-rows: 1fr;
    border-radius: 1.3333333333vw;
  }
}
.youWillLearn__listNumber {
  padding: 26px 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #0267DC;
}
@media screen and (max-width: 767px) {
  .youWillLearn__listNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 8.5333333333vw 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.youWillLearn__listText {
  padding: 12px 40px 12px 40px;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .youWillLearn__listText {
    padding: 4vw 5.3333333333vw;
    font-size: 4.8vw;
    line-height: 1.35;
  }
}
.youWillLearn__listText em {
  color: #0267DC;
}
.youWillLearn__listTextThin {
  font-size: 1.8rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .youWillLearn__listTextThin {
    font-size: 3.7333333333vw;
    line-height: 1.4;
  }
}
.youWillLearn__notice {
  margin-top: 30px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999;
}
@media screen and (max-width: 767px) {
  .youWillLearn__notice {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.youWillLearn--2 {
  background-color: #E5E4E4;
}
.youWillLearn--2 .youWillLearn__title {
  color: #1E4C8C;
}
.youWillLearn--2 .youWillLearn__listItem {
  grid-template-columns: min(8.3333333333vw, 60px) 1fr;
}
.youWillLearn--2 .youWillLearn__listNumber {
  background-color: #1E4C8C;
}
.youWillLearn--2 .youWillLearn__listText em {
  color: #1E4C8C;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}
.youWillLearn--2 .youWillLearn__listTextThin em {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.startStudying {
  background: -webkit-gradient(linear, left top, left bottom, from(#E4F1FF), to(#fff));
  background: linear-gradient(#E4F1FF, #fff);
}
.startStudying__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 20px 100px;
}
@media screen and (max-width: 767px) {
  .startStudying__wrapper {
    padding: 10.6666666667vw 5.3333333333vw 21.3333333333vw;
  }
}
.startStudying__title {
  color: #0267DC;
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
}
.startStudying__title em {
  font-size: 5rem;
}
.startStudying__title span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .startStudying__title {
    font-size: 8vw;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }
  .startStudying__title em {
    font-size: 9.6vw;
    line-height: 1.2;
  }
}
.startStudying__read {
  margin-top: 15px;
  font-size: min(2.5490196078vw, 26px);
  letter-spacing: 0.05em;
  text-align: center;
}
.startStudying__read em {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .startStudying__read {
    margin-top: 4vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: revert;
  }
}
.startStudying__content {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .startStudying__content {
    margin-top: 8vw;
  }
}
.startStudying__image {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .startStudying__image {
    width: 100%;
  }
}
.startStudying__text {
  margin-top: 40px;
  font-size: 2rem;
  color: #333;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .startStudying__text {
    margin-top: 8vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
    font-weight: revert;
  }
}
.startStudying__button {
  margin-top: 30px;
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .startStudying__button {
    margin-top: 5.3333333333vw;
  }
}
.startStudying__button .button {
  margin: 0 auto;
}
.startStudying--2 .startStudying__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 50px;
}
@media screen and (max-width: 767px) {
  .startStudying--2 .startStudying__wrapper {
    padding: 16vw 5.3333333333vw 10.6666666667vw;
  }
}
.startStudying--2 .startStudying__title {
  font-size: 3rem;
}
.startStudying--2 .startStudying__title em {
  font-size: 5rem;
}
@media screen and (max-width: 767px) {
  .startStudying--2 .startStudying__title {
    font-size: 5.3333333333vw;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }
  .startStudying--2 .startStudying__title em {
    font-size: 9.6vw;
    line-height: 1.2;
  }
}

.aboutGfs {
  background-color: #fff;
}
.aboutGfs__wrapper {
  position: relative;
  max-width: 908px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 100px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .aboutGfs__wrapper {
    padding: 10.6666666667vw 5.3333333333vw 21.3333333333vw;
  }
}
.aboutGfs__title {
  color: #0267DC;
  font-size: min(4.9019607843vw, 50px);
  line-height: 1.36;
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs__title {
    font-size: 9.6vw;
    line-height: 1.2;
  }
}
.aboutGfs__read {
  margin-top: 15px;
  font-size: min(2.8634361233vw, 26px);
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .aboutGfs__read {
    margin-top: 4vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: revert;
  }
}
.aboutGfs__read em {
  color: #0267DC;
}
.aboutGfs__content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 664px;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .aboutGfs__content {
    margin-top: 8vw;
    max-width: 100%;
  }
}
.aboutGfs__content::before, .aboutGfs__content::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 93px;
  height: 205px;
}
@media screen and (max-width: 767px) {
  .aboutGfs__content::before, .aboutGfs__content::after {
    bottom: 12vw;
    width: 4.5333333333vw;
    height: 10.6666666667vw;
  }
}
.aboutGfs__content::before {
  left: -113px;
  background-image: url(../image/aboutgfs_image01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .aboutGfs__content::before {
    left: 0;
  }
}
.aboutGfs__content::after {
  right: -113px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  background-image: url(../image/aboutgfs_image01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .aboutGfs__content::after {
    right: 0;
  }
}
.aboutGfs__textBox {
  width: calc(100% - 236px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs__textBox {
    width: calc(100% - 27.4666666667vw);
    padding-left: 5.6vw;
  }
}
.aboutGfs__text01 {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.5em;
  color: #0267DC;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text01 {
    margin-top: 0;
    font-size: 2.9333333333vw;
    line-height: 1;
    text-align: left;
  }
}
.aboutGfs__text01::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  height: 1px;
  background-color: #0267DC;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text01::before {
    left: auto;
    right: -8vw;
  }
}
.aboutGfs__text01 span {
  position: relative;
  padding: 0 1em;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text01 span {
    padding: 0 0.5em;
  }
}
.aboutGfs__text02 {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #0267DC;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text02 {
    margin-top: 1.6vw;
    font-size: 2.9333333333vw;
  }
}
.aboutGfs__text03 {
  margin-bottom: 10px;
  font-size: 7rem;
  color: #0267DC;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text03 {
    margin-top: 1.0666666667vw;
    margin-bottom: 2.6666666667vw;
    font-size: 10.4vw;
    letter-spacing: -0.025em;
    line-height: 1;
  }
}
.aboutGfs__text03Number {
  display: inline-block;
  padding-left: 0.05em;
  letter-spacing: -0.025em;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text03Number {
    font-size: 11.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .aboutGfs__text03Dot {
    font-size: 8.2666666667vw;
    letter-spacing: -0.2em;
  }
}
.aboutGfs__text03 sup {
  vertical-align: super;
  position: relative;
  top: -2.5em;
  left: -1em;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .aboutGfs__text03 sup {
    top: -2.2em;
    font-size: 2.4vw;
  }
}
.aboutGfs__label {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-size: 2.2rem;
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
  background-color: #0267DC;
  color: #fff;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .aboutGfs__label {
    padding: 1.6vw;
    font-size: 4.2666666667vw;
  }
}
.aboutGfs__image {
  width: 236px;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .aboutGfs__image {
    width: 27.4666666667vw;
    padding-right: 5.6vw;
  }
}
.aboutGfs__image picture {
  max-width: 100%;
  height: auto;
  vertical-align: baseline;
}
.aboutGfs__image img {
  max-width: 100%;
  height: auto;
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px);
}
@media screen and (max-width: 767px) {
  .aboutGfs__image img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.aboutGfs__notice {
  margin-top: 40px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999;
}
@media screen and (max-width: 767px) {
  .aboutGfs__notice {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}

.aboutGfs2 {
  background-color: #fff;
  overflow: hidden;
}
.aboutGfs2__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 80px;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.aboutGfs2__supervisor {
  font-weight: bold;
  font-size: min(2.9411764706vw, 30px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__supervisor {
    font-size: 5.3333333333vw;
  }
}
.aboutGfs2__title {
  font-weight: bold;
  font-size: min(4.9019607843vw, 50px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__title {
    font-size: 8vw;
    line-height: 1.3;
  }
}
.aboutGfs2__content {
  margin-top: min(3.9215686275vw, 40px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__content {
    position: static;
    margin-top: 8vw;
  }
}
.aboutGfs2__contentInner {
  width: 75%;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__contentInner {
    width: 100%;
  }
}
.aboutGfs2__award {
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__award {
    position: relative;
    padding-bottom: 12vw;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.aboutGfs2__awardList {
  max-width: min(75.4901960784vw, 770px);
}
@media screen and (max-width: 767px) {
  .aboutGfs2__awardList {
    position: relative;
    z-index: 1;
    width: 73.3333333333vw;
  }
}
.aboutGfs2__awardListImage {
  max-width: 100%;
  height: auto;
}
.aboutGfs2__mikity {
  position: absolute;
  width: max(180px, min(23.4375vw, 261px));
  right: -12px;
  bottom: -80px;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__mikity {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.aboutGfs2__mikityImage {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__mikityImage {
    width: 44.2666666667vw;
    position: absolute;
    right: -5.3333333333vw;
    bottom: 0;
  }
}
.aboutGfs2__mikityCaption {
  position: absolute;
  top: 23px;
  right: 21px;
  bottom: auto;
  left: auto;
  color: #6B6B6B;
  font-size: min(1.1764705882vw, 12px);
  line-height: 1.3;
  letter-spacing: 0.05em;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__mikityCaption {
    top: auto;
    right: auto;
    bottom: 4vw;
    left: calc(50% + 2.6666666667vw);
    font-size: 2.6666666667vw;
    line-height: 1.4;
    letter-spacing: 0;
    white-space: nowrap;
    -webkit-writing-mode: revert;
        -ms-writing-mode: revert;
            writing-mode: revert;
    text-orientation: revert;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.aboutGfs2__mikityCaptionName {
  font-size: min(1.3725490196vw, 14px);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__mikityCaptionName {
    font-size: 3.2vw;
    letter-spacing: 0;
  }
}
.aboutGfs2__point {
  margin-top: min(2.9411764706vw, 30px);
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: min(0.9803921569vw, 10px);
  row-gap: min(0.9803921569vw, 10px);
}
@media screen and (max-width: 767px) {
  .aboutGfs2__point {
    margin-top: 8vw;
    row-gap: 3.2vw;
  }
}
.aboutGfs2__pointItem {
  position: relative;
  padding-left: min(2.9411764706vw, 30px);
  font-weight: bold;
  font-size: min(2.5490196078vw, 26px);
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.aboutGfs2__pointItem::before {
  position: absolute;
  top: min(0.7843137255vw, 8px);
  right: auto;
  bottom: auto;
  left: 0;
  display: block;
  width: min(1.9607843137vw, 20px);
  height: min(1.9607843137vw, 20px);
  content: "";
  border-radius: 50%;
  background-color: #0267DC;
}
.aboutGfs2__pointItem::after {
  position: absolute;
  top: min(1.3725490196vw, 14px);
  right: auto;
  bottom: auto;
  left: min(0.5882352941vw, 6px);
  width: min(0.8823529412vw, 9px);
  height: min(0.5882352941vw, 6px);
  content: "";
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.aboutGfs2__pointItem :where(em) {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__pointItem {
    padding-left: 8vw;
    font-size: 4.2666666667vw;
  }
  .aboutGfs2__pointItem::before {
    top: 0.5333333333vw;
    right: auto;
    bottom: auto;
    left: 0;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .aboutGfs2__pointItem::after {
    top: 2.1333333333vw;
    right: auto;
    bottom: auto;
    left: 1.6vw;
    width: 2.4vw;
    height: 1.6vw;
    border-left-width: 0.5333333333vw;
    border-bottom-width: 0.5333333333vw;
  }
}
.aboutGfs2__notice {
  margin-top: min(2.9411764706vw, 30px);
  max-width: 712px;
  color: #6B6B6B;
  font-size: max(1rem, min(1.1764705882vw, 1.2rem));
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .aboutGfs2__notice {
    margin-top: 5.3333333333vw;
    max-width: none;
    font-size: 3.2vw;
  }
}
.aboutGfs2--2 .aboutGfs2__pointItem::before {
  background-color: #1E4C8C;
}
.aboutGfs2--2 .aboutGfs2__pointItem em {
  color: #1E4C8C;
}

.studyNecessity {
  background-color: #F4F4F4;
}
.studyNecessity__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px min(17.6470588235vw, 180px);
}
@media screen and (max-width: 767px) {
  .studyNecessity__wrapper {
    padding: 21.3333333333vw 5.3333333333vw;
  }
}
.studyNecessity__title {
  color: #0267DC;
  font-size: min(4.9019607843vw, 50px);
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .studyNecessity__title {
    font-size: 9.6vw;
    line-height: 1.2;
    letter-spacing: 0em;
  }
}
.studyNecessity__list {
  width: min(77.0588235294vw, 786px);
  margin: min(3.9215686275vw, 40px) auto 0;
}
@media screen and (max-width: 767px) {
  .studyNecessity__list {
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .studyNecessity__listItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
  .studyNecessity__listItem + .studyNecessity__listItem {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .studyNecessity__listItem {
    margin-top: 8vw;
  }
}
.studyNecessity__listText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: min(2.5490196078vw, 26px);
  font-weight: bold;
  text-align: justify;
}
.studyNecessity__listText em {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .studyNecessity__listText {
    font-size: 4.2666666667vw;
    font-weight: revert;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
.studyNecessity__listContent {
  width: min(43.7254901961vw, 446px);
}
@media screen and (max-width: 767px) {
  .studyNecessity__listContent {
    width: 100%;
  }
}
.studyNecessity__listGraph {
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .studyNecessity__listGraph {
    margin-top: 5.3333333333vw;
    border-radius: 2vw;
  }
}
.studyNecessity__listGraphHeading {
  padding: 8px;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #B3B3B3;
}
@media screen and (max-width: 767px) {
  .studyNecessity__listGraphHeading {
    font-size: 4.2666666667vw;
  }
}
.studyNecessity__listGraphImage {
  padding: 17px 22px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .studyNecessity__listGraphImage {
    padding: 3.4666666667vw 4.5333333333vw;
  }
  .studyNecessity__listGraphImage img {
    width: 100%;
  }
}
.studyNecessity__listGraphImage img {
  max-width: 100%;
  height: auto;
}
.studyNecessity__listNotice {
  margin-top: 15px;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .studyNecessity__listNotice {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.studyNecessity__text {
  margin-top: 60px;
  font-size: min(1.9607843137vw, 20px);
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .studyNecessity__text {
    margin-top: 13.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: left;
  }
}
.studyNecessity__text em {
  color: #0267DC;
}
.studyNecessity__figure {
  margin-top: 64px;
  padding-top: 40px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .studyNecessity__figure {
    margin-top: 13.8666666667vw;
    padding-top: 8vw;
    border-radius: 2vw;
  }
}
@media screen and (min-width: 768px) {
  .studyNecessity__figureList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(7.8431372549vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureList {
    padding: 0 5.3333333333vw;
  }
}
.studyNecessity__figureItem {
  position: relative;
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureItem {
    text-align: center;
    padding-top: 2.6666666667vw;
  }
  .studyNecessity__figureItem + .studyNecessity__figureItem {
    margin-top: 18.6666666667vw;
    padding-top: 10.6666666667vw;
  }
}
.studyNecessity__figureBalloon {
  position: absolute;
  top: max(-6.6666666667vw, -68px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: min(0.8823529412vw, 9px) min(2.9411764706vw, 30px);
  font-size: min(1.3725490196vw, 14px);
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #0267DC;
  border-radius: min(0.4901960784vw, 5px);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureBalloon {
    top: -14.6666666667vw;
    padding: 2.4vw 5.3333333333vw;
    border-radius: 1.4005602241vw;
    font-size: 4.2666666667vw;
  }
}
.studyNecessity__figureBalloon::before {
  content: "";
  position: absolute;
  bottom: max(-1.1764705882vw, -12px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1.9607843137vw, 20px);
  height: min(1.4705882353vw, 15px);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  background-color: #0267DC;
}
.studyNecessity__figureBalloon em {
  font-size: min(1.9607843137vw, 20px);
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureBalloon em {
    font-size: 5.3333333333vw;
  }
}
.studyNecessity__figureImage {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureImage {
    width: 100%;
  }
}
.studyNecessity__figureText {
  margin-top: 30px;
  padding: 10px;
  font-size: min(2.9411764706vw, 30px);
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #0267DC;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 767px) {
  .studyNecessity__figureText {
    margin-top: 8vw;
    padding: 2.6666666667vw 8vw;
    font-size: 5.3333333333vw;
    line-height: 1.3;
    text-align: revert;
  }
}
.studyNecessity--dark .studyNecessity__wrapper {
  padding-bottom: min(9.8039215686vw, 100px);
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark .studyNecessity__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.studyNecessity--dark .studyNecessity__title {
  color: #0267DC;
  font-size: min(4.9019607843vw, 50px);
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark .studyNecessity__title {
    font-size: 9.6vw;
    line-height: 1.2;
    letter-spacing: 0em;
  }
}
.studyNecessity--dark .studyNecessity__subtitle {
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark .studyNecessity__subtitle {
    font-size: 5.3333333333vw;
  }
}
.studyNecessity--dark .studyNecessity__listGraphHeading {
  background-color: #999;
}
.studyNecessity--dark2 .studyNecessity__wrapper {
  padding-bottom: min(9.8039215686vw, 100px);
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark2 .studyNecessity__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.studyNecessity--dark2 .studyNecessity__title {
  color: #1E4C8C;
  font-size: min(3.9215686275vw, 40px);
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark2 .studyNecessity__title {
    font-size: 5.3333333333vw;
    line-height: 1.2;
    letter-spacing: 1px;
  }
}
.studyNecessity--dark2 .studyNecessity__title em {
  font-size: min(4.9019607843vw, 50px);
  letter-spacing: 2.5px;
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark2 .studyNecessity__title em {
    font-size: 9.6vw;
    line-height: 1.3;
    letter-spacing: 0;
  }
}
.studyNecessity--dark2 .studyNecessity__listText {
  font-weight: bold;
}
.studyNecessity--dark2 .studyNecessity__listText em {
  color: #1E4C8C;
}
@media screen and (max-width: 767px) {
  .studyNecessity--dark2 .studyNecessity__listText {
    font-size: 5.3333333333vw;
  }
}
.studyNecessity--dark2 .studyNecessity__listGraphHeading {
  background-color: #1E4C8C;
}
.studyNecessity--dark2 .studyNecessity__listNotice {
  letter-spacing: 0;
}

.stockFluctuations {
  position: relative;
  background-color: #E4F1FF;
}
.stockFluctuations::before, .stockFluctuations::after {
  content: "";
  position: absolute;
  top: max(-15.6862745098vw, -160px);
  width: 50%;
  height: min(15.6862745098vw, 160px);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #E4F1FF;
}
@media screen and (max-width: 767px) {
  .stockFluctuations::before, .stockFluctuations::after {
    top: -13.3333333333vw;
    height: 13.3333333333vw;
  }
}
.stockFluctuations::before {
  left: 0;
}
.stockFluctuations::after {
  right: 0;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.stockFluctuations__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: min(4.9019607843vw, 50px) 20px min(9.8039215686vw, 100px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations__wrapper {
    padding: 8vw 5.3333333333vw 21.3333333333vw;
  }
}
.stockFluctuations__top {
  position: relative;
  background-color: #CCE4FF;
}
.stockFluctuations__topInner {
  position: relative;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 35px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__topInner {
    padding: 21.3333333333vw 5.3333333333vw 6.1333333333vw;
  }
}
.stockFluctuations__topContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 38px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__topContent {
    gap: 2.1333333333vw;
  }
}
.stockFluctuations__topGraph {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.stockFluctuations__topGraph img {
  display: inline-block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__mikity {
    width: 25.8666666667vw;
  }
  .stockFluctuations__mikity img {
    width: 100%;
    height: auto;
  }
}
.stockFluctuations__title {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__title {
    width: calc(100% - 25.8666666667vw);
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations__titleSub {
  padding: min(0.625vw, 9px) min(3.4722222222vw, 50px);
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #0267DC;
  border-radius: 40px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__titleSub {
    display: block;
    padding: 1.6vw 0;
    border-radius: 10.6666666667vw;
  }
}
.stockFluctuations__titleNormal {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__titleNormal {
    margin-top: 2.1333333333vw;
  }
}
.stockFluctuations__titleEmphasis {
  display: block;
  margin: 15px auto 40px;
  font-size: 4rem;
  line-height: 1.2;
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__titleEmphasis {
    margin: 0.8vw auto 1.6vw;
    font-size: 4.2666666667vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
.stockFluctuations__titleEmphasis em {
  font-size: 5rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__titleEmphasis em {
    font-size: 8vw;
  }
}
.stockFluctuations__item > *:first-child {
  margin-top: 0;
}
.stockFluctuations__itemLead {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemLead {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.stockFluctuations__itemLeadText {
  position: relative;
  margin: 15px 0 15px 45px;
  padding: 14px min(2.2222222222vw, 32px);
  background-color: #CCE4FF;
  border-radius: 30px;
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemLeadText {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 5.8666666667vw 17.0666666667vw;
    padding: 5.3333333333vw 4.2666666667vw;
    border-radius: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.stockFluctuations__itemLeadText::before {
  position: absolute;
  top: 50%;
  left: -30px;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-right: 32px solid #CCE4FF;
  border-bottom: 12px solid transparent;
  border-left: 0;
  border-style: solid;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemLeadText::before {
    top: auto;
    bottom: 6.6666666667vw;
    left: -3.7333333333vw;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-top: 2.1333333333vw solid transparent;
    border-right: 4vw solid #CCE4FF;
    border-bottom: 2.1333333333vw solid transparent;
    border-left: 0;
    border-style: solid;
  }
}
.stockFluctuations__itemLeadIllust {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 70px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemLeadIllust {
    position: absolute;
    left: 0;
    width: 17.0666666667vw;
  }
}
.stockFluctuations__itemLeadIllust img {
  width: 100%;
  height: auto;
}
.stockFluctuations__itemTitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitle {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 1.0666666667vw;
  }
}
.stockFluctuations__itemTitleText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 20px min(4.1666666667vw, 60px);
  font-size: max(12px, min(2.8571428571vw, 28px));
  line-height: 1.4;
  letter-spacing: 0.025em;
  font-weight: bold;
  text-align: center;
  color: #0267DC;
  background-color: #fff;
  border-radius: 120px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitleText {
    padding: 4vw 5.3333333333vw;
    margin: 0 17.3333333333vw 8vw 0;
    font-size: 4.8vw;
    text-align: left;
    border-radius: 1.3333333333vw;
  }
}
.stockFluctuations__itemTitleText::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 32px solid #fff;
  border-right: 0;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitleText::before {
    right: -3.7333333333vw;
    top: auto;
    bottom: 8vw;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-style: solid;
    border-top: 2.1333333333vw solid transparent;
    border-bottom: 2.1333333333vw solid transparent;
    border-left: 4vw solid #fff;
    border-right: 0;
  }
}
.stockFluctuations__itemTitleTextSub {
  display: block;
  font-size: max(16px, min(1.9607843137vw, 20px));
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitleTextSub {
    margin-top: 1.6vw;
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations__itemTitleTextSmall {
  font-size: max(16px, min(1.9607843137vw, 20px));
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitleTextSmall {
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations__itemTitleIllust {
  width: 148px;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTitleIllust {
    position: absolute;
    width: 25.8666666667vw;
    padding-top: 0;
    right: 0;
  }
}
.stockFluctuations__itemTitleIllust img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .stockFluctuations__itemDetail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(3.9215686275vw, 40px);
  }
}
.stockFluctuations__itemContent {
  width: 64.5098039216%;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemContent {
    width: 100%;
  }
}
.stockFluctuations__itemGraph {
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraph {
    border-radius: 2.6666666667vw;
  }
}
.stockFluctuations__itemGraphHeading {
  padding: 10px;
  font-size: max(16px, min(1.3888888889vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #B3B3B3;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphHeading {
    padding: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
.stockFluctuations__itemGraphHeading em {
  font-size: max(20px, min(1.3888888889vw, 26px));
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphHeading em {
    font-size: 4.8vw;
  }
}
.stockFluctuations__itemGraphHeading span {
  display: inline-block;
}
.stockFluctuations__itemGraphImage {
  padding: 0 min(4.9019607843vw, 50px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphImage {
    padding: 0 1.3333333333vw 1.3333333333vw;
  }
}
.stockFluctuations__itemGraphImage img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphImage img {
    width: 100%;
  }
}
.stockFluctuations__itemGraphFigure {
  padding: 32px 32px 20px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigure {
    padding: 5.3333333333vw;
  }
}
.stockFluctuations__itemGraphFigureCaption {
  color: #6B6B6B;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigureCaption {
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.stockFluctuations__itemGraphFigureCaptionMarker {
  margin: 0 2px;
  padding: 3px 4px;
  background-color: #3190FE;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigureCaptionMarker {
    padding: 1.3333333333vw 1.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigureCaptionRow {
    display: block;
    margin-top: 0.5333333333vw;
  }
}
.stockFluctuations__itemGraphFigureImage {
  margin: 20px -32px 0;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigureImage {
    margin: 3.7333333333vw -5.3333333333vw 0;
  }
}
.stockFluctuations__itemGraphFigureImage img {
  width: 100%;
  height: auto;
}
.stockFluctuations__itemGraphFigureNotice {
  margin-top: 20px;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemGraphFigureNotice {
    margin-top: 3.7333333333vw;
    font-size: 3.2vw;
  }
}
.stockFluctuations__itemFigureImage {
  text-align: center;
}
.stockFluctuations__itemFigureImage img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemFigureImage img {
    width: 100%;
  }
}
.stockFluctuations__itemFigureText {
  margin-top: 32px;
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemFigureText {
    margin-top: 8.5333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.stockFluctuations__itemFigureText em {
  color: #0267DC;
}
.stockFluctuations__itemFigureNotice {
  margin-top: 12px;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemFigureNotice {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
}
.stockFluctuations__itemTextBox {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemTextBox {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.stockFluctuations__itemText {
  font-size: max(16px, min(1.3888888889vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemText {
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations__itemText + .stockFluctuations__itemText {
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemText + .stockFluctuations__itemText {
    margin-top: 1.5em;
  }
}
.stockFluctuations__itemText em {
  color: #0267DC;
}
.stockFluctuations__itemCommentBox {
  position: relative;
  padding: 28px 32px;
  background-color: #CCE4FF;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentBox {
    padding: 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.stockFluctuations__itemCommentBox::before {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent #CCE4FF transparent transparent;
  border-style: solid;
  border-width: 0 20px 12px 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentBox::before {
    bottom: -3.2vw;
    border-width: 0 5.3333333333vw 3.2vw 0;
    -webkit-transform: translateX(-50%) scale(-1, 1);
            transform: translateX(-50%) scale(-1, 1);
  }
}
.stockFluctuations__itemCommentBox > *:first-child {
  margin-top: 0;
}
.stockFluctuations__itemCommentTitle {
  color: #0267DC;
  font-weight: bold;
  font-size: max(20px, min(2.5490196078vw, 26px));
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentTitle {
    font-size: 5.3333333333vw;
    line-height: 1.3;
  }
}
.stockFluctuations__itemCommentText {
  margin-top: 12px;
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentText {
    margin-top: 3.2vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.stockFluctuations__itemCommentTextEm {
  color: #0267DC;
}
.stockFluctuations__itemCommentIllust {
  position: relative;
  z-index: 1;
  width: 28.7356321839%;
  margin: -16px 25px 0 auto;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentIllust {
    width: 25.671641791%;
    margin: -2.4vw auto 0 20vw;
  }
}
.stockFluctuations__itemCommentIllustImage {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentIllustImage {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.stockFluctuations__itemCommentBottom {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemCommentBottom {
    margin-top: 2.6666666667vw;
  }
}
.stockFluctuations__itemComment--left .stockFluctuations__itemCommentBox::before {
  -webkit-transform: translateX(-50%) scale(-1, 1);
          transform: translateX(-50%) scale(-1, 1);
}
.stockFluctuations__itemComment--left .stockFluctuations__itemCommentIllust {
  margin: -16px auto 0 74px;
}
.stockFluctuations__itemComment--left .stockFluctuations__itemCommentIllustImage {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemComment--left .stockFluctuations__itemCommentIllust {
    margin: -2.6666666667vw auto 0 20vw;
  }
}
.stockFluctuations__itemConclusion {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusion {
    margin-top: 1.3333333333vw;
  }
}
.stockFluctuations__itemConclusionBox {
  padding: 37px 26px;
  background-color: #fff;
  border: 3px solid #F68E55;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBox {
    padding: 6.9333333333vw;
    border-width: 2px;
    border-radius: 2.6666666667vw;
  }
}
.stockFluctuations__itemConclusionBoxHeading {
  position: relative;
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  place-content: center;
  padding: 0 90px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBoxHeading {
    -webkit-align-content: start;
        -ms-flex-line-pack: start;
            align-content: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    place-content: start;
    padding: 0;
    text-align: left;
  }
}
.stockFluctuations__itemConclusionBoxHeadingText {
  position: relative;
  padding-bottom: 5px;
  color: #EE7C2B;
  font-weight: bold;
  font-size: max(36px, min(3.9215686275vw, 40px));
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBoxHeadingText {
    padding: 0 10.6666666667vw 4.2666666667vw 0;
    font-size: 9.6vw;
    letter-spacing: 0;
    text-align: left;
  }
}
.stockFluctuations__itemConclusionBoxHeadingText::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #F68E55), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #F68E55 50%, transparent 50%);
  background-position: 0 0;
  background-size: 4px 4px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBoxHeadingText::before {
    height: 1.0666666667vw;
    background-size: 1.0666666667vw 1.0666666667vw;
  }
}
.stockFluctuations__itemConclusionBoxHeadingText::after {
  position: absolute;
  right: -105px;
  bottom: 3px;
  width: 88px;
  height: 117px;
  content: "";
  background: url(../image/stockfluctuations_image14.webp) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBoxHeadingText::after {
    right: -10px;
    bottom: 0.5333333333vw;
    width: 15.7333333333vw;
    height: 20.8vw;
  }
}
.stockFluctuations__itemConclusionBoxContent {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBoxContent {
    margin-top: 5.3333333333vw;
  }
}
.stockFluctuations__itemConclusionText {
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionText {
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: left;
  }
}
.stockFluctuations__itemConclusionTextEm {
  color: #EE7C2B;
}
.stockFluctuations__itemConclusionBottom {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__itemConclusionBottom {
    margin-top: 8.5333333333vw;
  }
}
.stockFluctuations__item + .stockFluctuations__item {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__item + .stockFluctuations__item {
    margin-top: 8vw;
  }
}
.stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemTitle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemTitleText {
    margin: 0 0 8vw 17.3333333333vw;
  }
}
.stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemTitleText::before {
  right: auto;
  left: -30px;
  border-right: 32px solid #fff;
  border-left: 0;
}
.stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemTitleIllust {
  width: 145px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemTitleIllust {
    width: 17.0666666667vw;
    padding-top: 0;
    right: auto;
    left: 0;
  }
}
.stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemDetail {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemGraphHeading {
  background-color: #0267DC;
}
.stockFluctuations__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(5.8823529412vw, 60px) auto 0;
}
@media screen and (max-width: 767px) {
  .stockFluctuations__button {
    margin-top: 8vw;
  }
}
.stockFluctuations--2::before, .stockFluctuations--2::after {
  content: none;
}
.stockFluctuations--2 .stockFluctuations__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: min(9.8039215686vw, 100px) 20px min(9.8039215686vw, 100px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.stockFluctuations--2 .stockFluctuations__title {
  color: #0267DC;
  font-size: min(3.9215686275vw, 40px);
  letter-spacing: 0.075em;
  font-weight: bold;
  text-align: center;
  margin-bottom: min(3.9215686275vw, 40px);
}
.stockFluctuations--2 .stockFluctuations__title span {
  font-size: min(4.9019607843vw, 50px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__title span {
    font-size: 9.6vw;
  }
}
.stockFluctuations--2 .stockFluctuations__title--2 {
  color: #1E4C8C;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__title {
    width: auto;
    width: initial;
    font-size: 8vw;
    line-height: 1.2;
    letter-spacing: 0em;
  }
}
.stockFluctuations--2 .stockFluctuations__subtitle {
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__subtitle {
    font-size: 5.3333333333vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitle {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 1.0666666667vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 20px min(4.1666666667vw, 60px);
  font-size: max(12px, min(2.8571428571vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.025em;
  font-weight: normal;
  text-align: center;
  color: #000;
  color: initial;
  background-color: #fff;
  border-radius: 120px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleText {
    padding: 4vw 5.3333333333vw;
    margin: 0 17.3333333333vw 8vw 0;
    font-size: 3.7333333333vw;
    text-align: left;
    border-radius: 1.3333333333vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleText::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 32px solid #fff;
  border-right: 0;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleText::before {
    right: -3.7333333333vw;
    top: auto;
    bottom: 8vw;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-style: solid;
    border-top: 2.1333333333vw solid transparent;
    border-bottom: 2.1333333333vw solid transparent;
    border-left: 4vw solid #fff;
    border-right: 0;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleText span {
  font-size: min(2.9411764706vw, 30px);
  font-weight: bold;
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleText span {
    font-size: 4.8vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleTextSub {
  display: block;
  font-size: max(16px, min(1.9607843137vw, 20px));
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleTextSub {
    margin-top: 1.6vw;
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleTextSmall {
  font-size: max(16px, min(1.9607843137vw, 20px));
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleTextSmall {
    font-size: 4.2666666667vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleIllust {
  width: 148px;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemTitleIllust {
    position: absolute;
    width: 25.8666666667vw;
    padding-top: 0;
    right: 0;
  }
}
.stockFluctuations--2 .stockFluctuations__itemTitleIllust img {
  width: 100%;
  height: auto;
}
.stockFluctuations--2 .stockFluctuations__itemConclusion {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusion {
    margin-top: 1.3333333333vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBox {
  padding: 37px 26px;
  background-color: #fff;
  border: 3px solid #F68E55;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBox {
    margin-top: 13.3333333333vw;
    padding: 6.9333333333vw;
    border-width: 2px;
    border-radius: 2.6666666667vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeading {
  position: relative;
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  place-content: center;
  padding: 0 90px;
  text-align: center;
  font-size: 3rem;
  color: #EE7C2B;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeading {
    padding: 0;
    text-align: center;
    font-size: 4.8vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 5px;
  color: #EE7C2B;
  font-weight: bold;
  font-size: max(36px, min(3.9215686275vw, 40px));
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText {
    padding: 0 0 4.2666666667vw 0;
    font-size: 8vw;
    letter-spacing: 0;
    text-align: left;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #F68E55), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #F68E55 50%, transparent 50%);
  background-position: 0 0;
  background-size: 4px 4px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText::before {
    height: 1.0666666667vw;
    background-size: 1.0666666667vw 1.0666666667vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText::after {
  position: absolute;
  right: -160px;
  bottom: 3px;
  width: 88px;
  height: 106px;
  content: "";
  background: url(../image/stockfluctuations_image14.webp) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBoxHeadingText::after {
    right: -10px;
    bottom: 14.6666666667vw;
    width: 13.3333333333vw;
    height: 17.6vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBoxContent {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBoxContent {
    margin-top: 5.3333333333vw;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionText {
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionText {
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: left;
  }
}
.stockFluctuations--2 .stockFluctuations__itemConclusionTextEm {
  color: #EE7C2B;
}
.stockFluctuations--2 .stockFluctuations__itemConclusionStrong {
  font-weight: bold;
}
.stockFluctuations--2 .stockFluctuations__itemConclusionBottom {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2 .stockFluctuations__itemConclusionBottom {
    margin-top: 8.5333333333vw;
  }
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__title {
  color: #1E4C8C;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemContent {
  width: min(64.5098039216vw, 658px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemContent {
    width: 100%;
  }
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemTitleText span {
  color: #1E4C8C;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemTitleText span.stockFluctuations__itemTitleTextSub {
  font-size: min(2.9411764706vw, 30px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemTitleText span.stockFluctuations__itemTitleTextSub {
    font-size: 5.3333333333vw;
  }
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemText em {
  color: #1E4C8C;
  font-weight: bold;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemGraphHeading em {
  font-size: min(2.5490196078vw, 26px);
}
@media screen and (max-width: 767px) {
  .stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemGraphHeading em {
    font-size: 4.8vw;
  }
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemConclusionBox {
  border: 3px solid #D43617;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemConclusionBoxHeading {
  color: #D43617;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemConclusionBoxHeadingText {
  color: #D43617;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemConclusionBoxHeadingText::before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #D43617), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #D43617 50%, transparent 50%);
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__itemConclusionTextEm {
  color: #D43617;
}
.stockFluctuations--2.stockFluctuations--navy .stockFluctuations__item + .stockFluctuations__item .stockFluctuations__itemGraphHeading {
  background-color: #1E4C8C;
}

.correctKnowledge {
  background-color: #F4F4F4;
  font-size: min(1.9607843137vw, 20px);
}
.correctKnowledge__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
  text-align: center;
}
.correctKnowledge__title {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.correctKnowledge__titleSub {
  display: block;
  color: #333;
}
.correctKnowledge__titleText {
  display: block;
  margin-top: 8px;
  color: #0267DC;
  font-size: min(3.9215686275vw, 40px);
}
.correctKnowledge__titleTextEm {
  display: block;
  font-size: min(4.9019607843vw, 50px);
}
.correctKnowledge__content {
  position: relative;
  z-index: 1;
  margin-top: min(5.8823529412vw, 60px);
}
.correctKnowledge__contentTitle {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.correctKnowledge__contentTitle small {
  display: block;
  font-size: min(1.568627451vw, 16px);
  font-weight: normal;
}
.correctKnowledge__contentBadge {
  position: absolute;
  z-index: -1;
  top: max(-4.0277777778vw, -58px);
  right: 3.5714285714%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  width: min(15.6862745098vw, 160px);
  height: min(15.6862745098vw, 160px);
  background-image: url(../image/correctknowledge_badge01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #0267DC;
  font-size: min(1.568627451vw, 16px);
  font-weight: bold;
}
.correctKnowledge__contentBadgeBig {
  font-size: min(1.9607843137vw, 20px);
}
.correctKnowledge__contentPicture {
  display: block;
  width: 75.1020408163%;
  margin-top: min(1.568627451vw, 16px);
  margin-left: auto;
  margin-right: auto;
}
.correctKnowledge__contentPicture img {
  width: 100%;
  height: auto;
}
.correctKnowledge__contentLead {
  margin-top: min(3.9215686275vw, 40px);
}
.correctKnowledge__contentLead em {
  color: #0267DC;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .correctKnowledge__wrapper {
    padding-top: 9.765625vw;
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .correctKnowledge__wrapper {
    padding-top: 21.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .correctKnowledge__titleSub {
    font-size: 5.3333333333vw;
  }
  .correctKnowledge__titleText {
    margin-top: 1.3333333333vw;
    font-size: 8vw;
    line-height: 1.3;
  }
  .correctKnowledge__titleTextEm {
    display: revert;
    font-size: 9.6vw;
    line-height: 1.2;
  }
  .correctKnowledge__content {
    margin-top: 13.8666666667vw;
  }
  .correctKnowledge__contentTitle {
    font-size: 4.2666666667vw;
  }
  .correctKnowledge__contentTitle small {
    display: revert;
    margin-top: 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
  .correctKnowledge__contentBadge {
    top: 13.0666666667vw;
    right: -2.6666666667vw;
    width: 28.8vw;
    height: 28.8vw;
    font-size: 3.2vw;
  }
  .correctKnowledge__contentBadgeBig {
    font-size: 3.7333333333vw;
  }
  .correctKnowledge__contentPicture {
    width: 100%;
    margin-top: 13.3333333333vw;
  }
  .correctKnowledge__contentLead {
    margin-top: 10.6666666667vw;
    font-size: 4.2666666667vw;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .correctKnowledge--2 .correctKnowledge__wrapper {
    padding-top: 16vw;
  }
}
.correctKnowledge--2 .correctKnowledge__titleSub {
  display: block;
  color: #0267DC;
}
.correctKnowledge--2 .correctKnowledge__titleTextEm {
  display: block;
  font-size: min(3.9215686275vw, 40px);
}
@media screen and (max-width: 767px) {
  .correctKnowledge--2 .correctKnowledge__titleTextEm {
    font-size: 8vw;
    letter-spacing: 1.5px;
  }
}
.correctKnowledge--2 .correctKnowledge__text .button {
  margin: 2.7777777778vw auto auto auto;
}
.correctKnowledge--3 {
  background-color: #E5E4E4;
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__wrapper {
    padding-top: 16vw;
  }
}
.correctKnowledge--3 .correctKnowledge__titleSub {
  display: block;
  color: #333;
}
.correctKnowledge--3 .correctKnowledge__titleText {
  color: #1E4C8C;
}
.correctKnowledge--3 .correctKnowledge__titleTextEm {
  display: block;
  font-size: min(3.9215686275vw, 40px);
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__titleTextEm {
    font-size: 8vw;
    letter-spacing: 1.5px;
  }
}
.correctKnowledge--3 .correctKnowledge__content {
  margin-top: min(7.8431372549vw, 80px);
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__content {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__contentTitle {
    font-size: 5.3333333333vw;
    line-height: 1.3;
  }
}
.correctKnowledge--3 .correctKnowledge__contentTitle small {
  display: block;
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__contentTitle small {
    margin-top: 2.1333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.correctKnowledge--3 .correctKnowledge__contentBadge {
  top: min(8.0392156863vw, 82px);
  right: auto;
  left: min(22.4509803922vw, 229px);
  background-color: #FFF8D3;
  background-image: url(../fonts/correctknowledge_badge02.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  aspect-ratio: 1/1;
  color: #1E4C8C;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__contentBadge {
    top: 22.9333333333vw;
    right: -2.4vw;
    left: auto;
    width: 28.8vw;
    height: 28.8vw;
    font-size: 3.2vw;
  }
  .correctKnowledge--3 .correctKnowledge__contentBadgeBig {
    font-size: 3.7333333333vw;
  }
}
.correctKnowledge--3 .correctKnowledge__contentPicture {
  display: block;
  width: 75.1020408163%;
  margin-top: min(1.568627451vw, 16px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__contentPicture {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
}
.correctKnowledge--3 .correctKnowledge__contentLead {
  letter-spacing: 0.05em;
}
.correctKnowledge--3 .correctKnowledge__contentLead em {
  color: #1E4C8C;
  font-weight: bold;
}
.correctKnowledge--3 .correctKnowledge__text {
  margin: 2.7777777778vw auto auto auto;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .correctKnowledge--3 .correctKnowledge__text {
    margin-top: 7.4666666667vw;
  }
}

.questionnaire {
  font-size: min(1.9607843137vw, 20px);
  background-color: #F4F4F4;
  text-align: center;
}
.questionnaire__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 100px;
}
.questionnaire__inner {
  padding-top: min(5.8823529412vw, 60px);
  padding-right: min(3.9215686275vw, 40px);
  padding-bottom: min(3.9215686275vw, 40px);
  padding-left: min(3.9215686275vw, 40px);
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.questionnaire__title {
  font-size: min(4.9019607843vw, 50px);
  font-weight: bold;
  color: #0267DC;
  letter-spacing: 0.05em;
}
.questionnaire__titleSub {
  display: block;
  color: #333;
  font-size: min(1.9607843137vw, 20px);
}
.questionnaire__list {
  position: relative;
  margin-top: 36px;
  padding-top: min(2.7450980392vw, 28px);
  padding-right: min(0.7843137255vw, 8px);
  padding-bottom: min(1.9607843137vw, 20px);
  padding-left: min(0.7843137255vw, 8px);
}
.questionnaire__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  position: absolute;
  aspect-ratio: 1;
  background-color: #E4F1FF;
  border-radius: 50%;
  color: #0267DC;
  line-height: 1.2;
  white-space: nowrap;
}
.questionnaire__itemNum {
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
.questionnaire__item--1 {
  width: 9.0600226501%;
}
.questionnaire__item--2 {
  width: 14.7225368063%;
}
.questionnaire__item--3 {
  width: 11.3250283126%;
}
.questionnaire__item--4 {
  width: 11.3250283126%;
}
.questionnaire__item--5 {
  width: 11.3250283126%;
}
.questionnaire__item--6 {
  width: 18.1200453001%;
}
.questionnaire__item--7 {
  width: 14.7225368063%;
}
.questionnaire__item--8 {
  width: 9.0600226501%;
}
.questionnaire__item--9 {
  width: 14.7225368063%;
}
.questionnaire__item--center {
  width: 22.6500566251%;
}
.questionnaire__item--1 {
  top: min(2.7450980392vw, 28px);
  left: 0;
  font-size: min(1.1764705882vw, 12px);
  gap: 6px;
}
.questionnaire__item--1 .questionnaire__itemNum {
  font-size: min(1.9607843137vw, 20px);
}
.questionnaire__item--1 .questionnaire__itemNum span {
  font-size: min(1.3725490196vw, 14px);
}
.questionnaire__item--2 {
  top: min(0.9803921569vw, 10px);
  left: 11.0985277463%;
  font-size: min(1.568627451vw, 16px);
  gap: 4px;
}
.questionnaire__item--2 .questionnaire__itemNum {
  font-size: min(3.137254902vw, 32px);
}
.questionnaire__item--2 .questionnaire__itemNum span {
  font-size: min(1.7647058824vw, 18px);
}
.questionnaire__item--3 {
  top: min(10.5882352941vw, 108px);
  left: 5.0962627407%;
  font-size: min(1.3725490196vw, 14px);
  gap: 0;
}
.questionnaire__item--3 .questionnaire__itemNum {
  font-size: min(2.3529411765vw, 24px);
}
.questionnaire__item--3 .questionnaire__itemNum span {
  font-size: min(1.568627451vw, 16px);
}
.questionnaire__item--4 {
  bottom: 0;
  left: 17.2140430351%;
  font-size: min(1.3725490196vw, 14px);
  gap: 2px;
}
.questionnaire__item--4 .questionnaire__itemNum {
  font-size: min(2.2549019608vw, 23px);
}
.questionnaire__item--4 .questionnaire__itemNum span {
  font-size: min(1.568627451vw, 16px);
}
.questionnaire__item--5 {
  top: min(0.5882352941vw, 6px);
  right: 36.6930917327%;
  font-size: min(1.3725490196vw, 14px);
  gap: 0;
}
.questionnaire__item--5 .questionnaire__itemNum {
  font-size: min(2.3529411765vw, 24px);
}
.questionnaire__item--5 .questionnaire__itemNum span {
  font-size: min(1.568627451vw, 16px);
}
.questionnaire__item--6 {
  bottom: 0;
  right: 27.6330690827%;
  font-size: min(1.568627451vw, 16px);
  gap: 4px;
}
.questionnaire__item--6 .questionnaire__itemNum {
  font-size: min(3.137254902vw, 32px);
}
.questionnaire__item--6 .questionnaire__itemNum span {
  font-size: min(1.7647058824vw, 18px);
}
.questionnaire__item--7 {
  top: 0;
  right: 16.3080407701%;
  font-size: min(1.568627451vw, 16px);
  gap: 4px;
}
.questionnaire__item--7 .questionnaire__itemNum {
  font-size: min(3.137254902vw, 32px);
}
.questionnaire__item--7 .questionnaire__itemNum span {
  font-size: min(1.7647058824vw, 18px);
}
.questionnaire__item--8 {
  bottom: min(2.3529411765vw, 24px);
  right: 14.7225368063%;
  font-size: min(1.1764705882vw, 12px);
  gap: 4px;
}
.questionnaire__item--8 .questionnaire__itemNum {
  font-size: min(1.9607843137vw, 20px);
}
.questionnaire__item--8 .questionnaire__itemNum span {
  font-size: min(1.3725490196vw, 14px);
}
.questionnaire__item--9 {
  top: min(4.9019607843vw, 50px);
  right: 0;
  font-size: min(1.568627451vw, 16px);
  gap: 4px;
}
.questionnaire__item--9 .questionnaire__itemNum {
  font-size: min(3.137254902vw, 32px);
}
.questionnaire__item--9 .questionnaire__itemNum span {
  font-size: min(1.7647058824vw, 18px);
}
.questionnaire__item--center {
  position: static;
  margin-left: 29.2185730464%;
  padding-bottom: min(1.1764705882vw, 12px);
  background-color: #0267DC;
  color: #fff;
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
  gap: 4px;
}
.questionnaire__item--center::before {
  content: "";
  width: min(3.5294117647vw, 36px);
  height: min(3.137254902vw, 32px);
  background-image: url(../fonts/questionnaire_icon01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.questionnaire__item--center .questionnaire__itemNum {
  font-size: min(4.7058823529vw, 48px);
  font-weight: 400;
}
.questionnaire__item--center .questionnaire__itemNum span {
  font-size: min(1.7647058824vw, 18px);
}
.questionnaire__notice {
  margin-top: min(1.9607843137vw, 20px);
  color: #999;
  font-size: 1.2rem;
}
.questionnaire__notice a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.questionnaire__text {
  margin-top: min(3.9215686275vw, 40px);
}
.questionnaire__text .button {
  margin-top: min(2.7450980392vw, 28px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .questionnaire__wrapper {
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .questionnaire__wrapper {
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .questionnaire__inner {
    padding-top: 10.6666666667vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
  }
  .questionnaire__title {
    font-size: 9.6vw;
    line-height: 1.2;
  }
  .questionnaire__titleSub {
    font-size: 5.3333333333vw;
    line-height: 1.3;
  }
  .questionnaire__list {
    margin-top: 9.6vw;
    padding-top: 2.6666666667vw;
    padding-bottom: 59.7333333333vw;
  }
  .questionnaire__item--1 {
    width: 20.3389830508%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--2 {
    width: 33.2203389831%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--3 {
    width: 25.4237288136%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--4 {
    width: 25.4237288136%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--5 {
    width: 25.4237288136%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--6 {
    width: 40.6779661017%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--7 {
    width: 33.2203389831%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--8 {
    width: 20.3389830508%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--9 {
    width: 33.2203389831%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--center {
    width: 50.8474576271%;
    top: auto;
    top: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
  }
  .questionnaire__item--1 {
    right: 2.0338983051%;
    bottom: 16.5333333333vw;
    font-size: 2.6666666667vw;
    gap: 1.0666666667vw;
  }
  .questionnaire__item--1 .questionnaire__itemNum {
    font-size: 4vw;
  }
  .questionnaire__item--1 .questionnaire__itemNum span {
    font-size: 2.6666666667vw;
  }
  .questionnaire__item--2 {
    bottom: 14.4vw;
    left: 10.1694915254%;
    font-size: 3.2vw;
    gap: 0.8vw;
  }
  .questionnaire__item--2 .questionnaire__itemNum {
    font-size: 6.4vw;
  }
  .questionnaire__item--2 .questionnaire__itemNum span {
    font-size: 3.4666666667vw;
  }
  .questionnaire__item--3 {
    bottom: 0;
    left: 1.6949152542%;
    font-size: 2.6666666667vw;
    gap: 0;
  }
  .questionnaire__item--3 .questionnaire__itemNum {
    font-size: 4.8vw;
  }
  .questionnaire__item--3 .questionnaire__itemNum span {
    font-size: 3.2vw;
  }
  .questionnaire__item--4 {
    top: 42.6666666667vw;
    left: 0.6779661017%;
    font-size: 2.6666666667vw;
    gap: 0.5333333333vw;
  }
  .questionnaire__item--4 .questionnaire__itemNum {
    font-size: 4.8vw;
  }
  .questionnaire__item--4 .questionnaire__itemNum span {
    font-size: 3.2vw;
  }
  .questionnaire__item--5 {
    top: 0;
    right: 21.0169491525%;
    font-size: 2.6666666667vw;
    gap: 0;
  }
  .questionnaire__item--5 .questionnaire__itemNum {
    font-size: 4.8vw;
  }
  .questionnaire__item--5 .questionnaire__itemNum span {
    font-size: 3.2vw;
  }
  .questionnaire__item--6 {
    top: 16vw;
    right: 0;
    font-size: 3.2vw;
    gap: 0.8vw;
  }
  .questionnaire__item--6 .questionnaire__itemNum {
    font-size: 6.4vw;
  }
  .questionnaire__item--6 .questionnaire__itemNum span {
    font-size: 3.7333333333vw;
  }
  .questionnaire__item--7 {
    top: 41.3333333333vw;
    left: 33.8983050847%;
    font-size: 3.2vw;
    gap: 0.8vw;
  }
  .questionnaire__item--7 .questionnaire__itemNum {
    font-size: 6.4vw;
  }
  .questionnaire__item--7 .questionnaire__itemNum span {
    font-size: 3.7333333333vw;
  }
  .questionnaire__item--8 {
    top: 53.3333333333vw;
    right: 10.1694915254%;
    font-size: 2.6666666667vw;
    gap: 0.5333333333vw;
  }
  .questionnaire__item--8 .questionnaire__itemNum {
    font-size: 4vw;
  }
  .questionnaire__item--8 .questionnaire__itemNum span {
    font-size: 2.6666666667vw;
  }
  .questionnaire__item--9 {
    right: 21.6949152542%;
    bottom: 2.1333333333vw;
    font-size: 3.2vw;
    gap: 0.5333333333vw;
  }
  .questionnaire__item--9 .questionnaire__itemNum {
    font-size: 6.4vw;
  }
  .questionnaire__item--9 .questionnaire__itemNum span {
    font-size: 3.7333333333vw;
  }
  .questionnaire__item--center {
    margin-left: 1.3559322034%;
    padding-bottom: 4.8vw;
    gap: 0.8vw;
    font-size: 4vw;
  }
  .questionnaire__item--center::before {
    width: 7.2vw;
    height: 6.4vw;
  }
  .questionnaire__item--center .questionnaire__itemNum {
    font-size: 9.6vw;
  }
  .questionnaire__item--center .questionnaire__itemNum span {
    font-size: 3.7333333333vw;
  }
  .questionnaire__notice {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    text-align: left;
  }
  .questionnaire__text {
    margin-top: 10.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .questionnaire__text .button {
    margin-top: 7.4666666667vw;
  }
}
.questionnaire--2 {
  background-color: #fff;
}
.questionnaire--2 .questionnaire__inner {
  background-color: #E4F1FF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.questionnaire--2 .questionnaire__title {
  text-align: center;
}
.questionnaire--2 .questionnaire__item {
  background-color: #fff;
}
.questionnaire--2 .questionnaire__item--center {
  background-color: #0267DC;
}
.questionnaire--3 {
  background-color: #fff;
}
.questionnaire--3 .questionnaire__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: min(9.8039215686vw, 100px) 20px 0;
}
@media screen and (max-width: 767px) {
  .questionnaire--3 .questionnaire__wrapper {
    padding: 16vw 5.3333333333vw 0;
  }
}
.questionnaire--3 .questionnaire__inner {
  background-color: #E5E4E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.questionnaire--3 .questionnaire__title {
  text-align: center;
  font-size: min(2.9411764706vw, 30px);
  color: #333;
  letter-spacing: 1.5px;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .questionnaire--3 .questionnaire__title {
    font-size: 4.8vw;
    letter-spacing: 0.9px;
    line-height: 1.3;
  }
}
.questionnaire--3 .questionnaire__titleSub {
  font-size: min(2.9411764706vw, 30px);
}
@media screen and (max-width: 767px) {
  .questionnaire--3 .questionnaire__titleSub {
    font-size: 4.8vw;
  }
}
.questionnaire--3 .questionnaire__title em {
  font-size: min(3.9215686275vw, 40px);
  color: #1E4C8C;
  letter-spacing: 2px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .questionnaire--3 .questionnaire__title em {
    font-size: 9.6vw;
  }
}
.questionnaire--3 .questionnaire__item {
  background-color: #fff;
  color: #1E4C8C;
}
.questionnaire--3 .questionnaire__item--center {
  background-color: #1E4C8C;
  color: #fff;
}

.studentReviews__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
  background-color: #fff;
  font-size: min(1.568627451vw, 16px);
  letter-spacing: 0.05em;
  text-align: center;
}
.studentReviews__title {
  font-size: min(4.9019607843vw, 50px);
}
.studentReviews__titleLead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(35.2941176471vw, 360px);
  height: min(4.3137254902vw, 44px);
  margin-bottom: min(1.9607843137vw, 20px);
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 100vmax;
  border: 1px dashed #000;
  font-size: min(1.9607843137vw, 20px);
}
.studentReviews__titleText {
  color: #5c7aea;
  font-size: min(4.9019607843vw, 50px);
  font-weight: bold;
}
.studentReviews__titleTextSub {
  display: block;
  font-size: min(2.9411764706vw, 30px);
}
.studentReviews__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: min(5.8823529412vw, 60px);
  gap: min(5.8823529412vw, 60px);
}
.studentReviews__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.studentReviews__itemHead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: min(4.4117647059vw, 45px);
  background-color: #5c7aea;
  border-radius: 5px;
  color: #fff;
  font-size: min(1.9607843137vw, 20px);
}
.studentReviews__itemHead::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1.568627451vw, 16px);
  height: min(0.7843137255vw, 8px);
  background-color: #5c7aea;
  -webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
          clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
.studentReviews__itemHeadTimes {
  margin-left: 20px;
  color: #ffd700;
  font-weight: bold;
}
.studentReviews__itemHeadTimes em {
  font-family: "Oswald", sans-serif;
  font-size: min(2.7450980392vw, 28px);
  font-weight: 400;
}
.studentReviews__itemInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(1.568627451vw, 16px);
  margin-top: min(2.9411764706vw, 30px);
}
.studentReviews__itemImage {
  -webkit-flex-basis: min(8.8235294118vw, 90px);
      -ms-flex-preferred-size: min(8.8235294118vw, 90px);
          flex-basis: min(8.8235294118vw, 90px);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: min(8.8235294118vw, 90px);
}
.studentReviews__itemImage img {
  width: 100%;
  height: auto;
}
.studentReviews__itemContentName {
  text-align: left;
}
.studentReviews__itemAttribute {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  margin-top: min(1.568627451vw, 16px);
}
.studentReviews__itemAttributeTitle {
  -webkit-flex-basis: min(7.8431372549vw, 80px);
      -ms-flex-preferred-size: min(7.8431372549vw, 80px);
          flex-basis: min(7.8431372549vw, 80px);
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #f4f4f4;
  border-radius: 5px;
  font-size: min(1.3725490196vw, 14px);
  font-weight: normal;
}
.studentReviews__itemAttributeData {
  -webkit-flex-basis: calc(100% - 5.5555555556vw - 8px);
      -ms-flex-preferred-size: calc(100% - 5.5555555556vw - 8px);
          flex-basis: calc(100% - 5.5555555556vw - 8px);
  text-align: left;
}
.studentReviews__notice {
  margin-top: 40px;
  color: #999;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .studentReviews__itemAttributeData {
    -webkit-flex-basis: calc(100% - 80px - 8px);
        -ms-flex-preferred-size: calc(100% - 80px - 8px);
            flex-basis: calc(100% - 80px - 8px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .studentReviews__wrapper {
    padding-top: 9.765625vw;
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .studentReviews__wrapper {
    padding-top: 21.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .studentReviews__titleLead {
    width: 100%;
    height: 10.1333333333vw;
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .studentReviews__titleText {
    font-size: 9.6vw;
    line-height: 1.2;
  }
  .studentReviews__titleTextSub {
    font-size: 5.3333333333vw;
    line-height: 1.3;
  }
  .studentReviews__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 10.6666666667vw;
    padding-right: 6.9333333333vw;
    padding-left: 6.9333333333vw;
    gap: 10.6666666667vw;
  }
  .studentReviews__itemHead {
    height: 12vw;
    font-size: 5.3333333333vw;
  }
  .studentReviews__itemHead::before {
    width: 4.2666666667vw;
    height: 2.1333333333vw;
  }
  .studentReviews__itemHeadTimes em {
    font-size: 7.4666666667vw;
  }
  .studentReviews__itemInner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8vw;
    gap: 4.2666666667vw;
  }
  .studentReviews__itemImage {
    -webkit-flex-basis: 24vw;
        -ms-flex-preferred-size: 24vw;
            flex-basis: 24vw;
    height: 24vw;
  }
  .studentReviews__itemImage img {
    width: 100%;
    height: auto;
  }
  .studentReviews__itemContentName {
    font-size: 4.2666666667vw;
  }
  .studentReviews__itemAttribute {
    margin-top: 4.2666666667vw;
    gap: 2.1333333333vw;
  }
  .studentReviews__itemAttributeTitle {
    -webkit-flex-basis: 21.3333333333vw;
        -ms-flex-preferred-size: 21.3333333333vw;
            flex-basis: 21.3333333333vw;
    padding-top: 0.5333333333vw;
    padding-bottom: 0.5333333333vw;
    font-size: 3.7333333333vw;
  }
  .studentReviews__itemAttributeData {
    -webkit-flex-basis: calc(100% - 21.3333333333vw - 2.1333333333vw);
        -ms-flex-preferred-size: calc(100% - 21.3333333333vw - 2.1333333333vw);
            flex-basis: calc(100% - 21.3333333333vw - 2.1333333333vw);
    font-size: 4.2666666667vw;
  }
  .studentReviews__notice {
    margin-top: 10.6666666667vw;
    font-size: 3.2vw;
    text-align: left;
  }
}
.studentReviews--2 {
  background-color: #fff;
}
.studentReviews--2 .studentReviews__titleText em {
  color: #5c7aea;
}
@media screen and (max-width: 767px) {
  .studentReviews--2 .studentReviews__titleText {
    font-size: 9.6vw;
  }
}
.studentReviews--2 .studentReviews__list {
  gap: min(1.568627451vw, 16px);
  margin-top: min(2.9411764706vw, 30px);
}
@media screen and (max-width: 767px) {
  .studentReviews--2 .studentReviews__list {
    padding-left: 0;
    padding-right: 0;
  }
}
.studentReviews--2 .studentReviews__item {
  border-radius: 10px;
  border: 2px solid #5c7aea;
}
.studentReviews--2 .studentReviews__itemHead {
  height: min(5.0980392157vw, 52px);
  line-height: 1.8;
  font-size: min(2.5490196078vw, 26px);
  border-radius: 7px 7px 0 0;
  font-weight: bold;
}
.studentReviews--2 .studentReviews__itemHeadTimes {
  margin-left: 0;
}
.studentReviews--2 .studentReviews__itemHeadTimes em {
  font-size: min(2.5490196078vw, 26px);
}
@media screen and (max-width: 767px) {
  .studentReviews--2 .studentReviews__itemHead {
    height: min(12.2666666667vw, 46px);
    font-size: min(6.9333333333vw, 26px);
    line-height: 1.6;
  }
  .studentReviews--2 .studentReviews__itemHead em {
    font-size: min(6.9333333333vw, 26px);
  }
}
.studentReviews--2 .studentReviews__itemInner {
  padding: 0 18px 25px 18px;
  margin-top: min(2.7450980392vw, 28px);
}
@media screen and (max-width: 767px) {
  .studentReviews--2 .studentReviews__itemInner {
    padding: 0 19px 27px 19px;
    margin-top: 6.1333333333vw;
  }
}
.studentReviews--2.studentReviews--navy .studentReviews__titleText {
  color: #1E4C8C;
}
.studentReviews--2.studentReviews--navy .studentReviews__titleText em {
  color: #1E4C8C;
}
.studentReviews--2.studentReviews--navy .studentReviews__item {
  border: 2px solid #1E4C8C;
}
.studentReviews--2.studentReviews--navy .studentReviews__itemHead {
  background-color: #1E4C8C;
}
.studentReviews--2.studentReviews--navy .studentReviews__itemHead::before {
  background-color: #1E4C8C;
}
.studentReviews--2.studentReviews--navy .studentReviews__itemHeadTimes {
  color: #FFE566;
}

.studentAchievements__wrapper {
  position: relative;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 100px;
  text-align: center;
}
.studentAchievements__title {
  color: #0267DC;
  font-size: min(4.9019607843vw, 50px);
  font-weight: bold;
  letter-spacing: 0.05em;
}
.studentAchievements__titleSub {
  margin-top: min(1.1111111111vw, 16px);
  color: #333;
  font-size: min(2.5490196078vw, 26px);
  font-weight: normal;
  letter-spacing: 0.05em;
}
.studentAchievements__content {
  width: 70.612244898%;
  margin-top: min(3.9215686275vw, 40px);
  margin-left: auto;
  margin-right: auto;
}
.studentAchievements__contentNotice {
  margin-top: min(1.568627451vw, 16px);
  color: #999;
  font-size: min(1.1764705882vw, 12px);
  text-align: left;
}
.studentAchievements__inner {
  position: relative;
  padding-top: min(3.9215686275vw, 40px);
  padding-right: min(8.431372549vw, 86px);
  padding-bottom: min(3.137254902vw, 32px);
  padding-left: min(8.431372549vw, 86px);
  background-color: #E4F1FF;
  border-radius: 10px;
}
.studentAchievements__innerText {
  position: absolute;
  top: min(4.1176470588vw, 42px);
  left: min(6.6666666667vw, 68px);
  color: #0267DC;
  font-size: min(1.7647058824vw, 18px);
  letter-spacing: 0.05em;
  text-align: left;
}
.studentAchievements__innerText em {
  font-size: min(2.5490196078vw, 26px);
  font-weight: bold;
}
.studentAchievements__innerImage img {
  width: 100%;
  height: auto;
}
.studentAchievements__photo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24.4897959184%;
  z-index: 1;
}
.studentAchievements__photo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .studentAchievements__wrapper {
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .studentAchievements__wrapper {
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .studentAchievements__title {
    font-size: 9.6vw;
    line-height: 1.2;
    letter-spacing: 0em;
    word-break: break-all;
  }
  .studentAchievements__titleSub {
    margin-top: 4.2666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
    text-align: left;
  }
  .studentAchievements__content {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
  .studentAchievements__contentNotice {
    margin-top: 4.2666666667vw;
    margin-right: 36vw;
    font-size: 1.2rem;
  }
  .studentAchievements__inner {
    padding-top: 10.6666666667vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 8.5333333333vw;
    padding-left: 5.3333333333vw;
  }
  .studentAchievements__innerText {
    top: 9.6vw;
    left: 7.4666666667vw;
    font-size: 4.8vw;
  }
  .studentAchievements__innerText em {
    font-size: 6.9333333333vw;
  }
  .studentAchievements__photo {
    right: 0;
    width: 46.4vw;
  }
}
.studentAchievements--2 {
  background-color: #E4F1FF;
}
.studentAchievements--2 .studentAchievements__wrapper {
  position: relative;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .studentAchievements--2 .studentAchievements__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.studentAchievements--2 .studentAchievements__title {
  color: #000;
  color: initial;
}
.studentAchievements--2 .studentAchievements__titleText :where(em) {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .studentAchievements--2 .studentAchievements__title {
    font-size: 7.4666666667vw;
  }
}
.studentAchievements--2 .studentAchievements__titleSub em {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .studentAchievements--2 .studentAchievements__titleSub {
    text-align: center;
  }
}
.studentAchievements--2 .studentAchievements__content {
  width: min(600px, 100%);
}
@media screen and (max-width: 767px) {
  .studentAchievements--2 .studentAchievements__content {
    margin-top: 8vw;
  }
}
.studentAchievements--2 .studentAchievements__inner {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.studentAchievements--2 .studentAchievements__contentNotice {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .studentAchievements--2 .studentAchievements__contentNotice {
    text-align: left;
    margin-right: 0;
  }
}
.studentAchievements--2.studentAchievements--navy .studentAchievements__titleText em {
  color: #1E4C8C;
}
.studentAchievements--2.studentAchievements--navy .studentAchievements__titleSub em {
  color: #1E4C8C;
}

.studentFeedback {
  background-color: #E4F1FF;
}
.studentFeedback__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
.studentFeedback__title {
  color: #0267DC;
  font-size: min(4.9019607843vw, 50px);
  font-weight: bold;
  text-align: center;
}
.studentFeedback__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(4.9019607843vw, 50px);
  margin-top: min(5.8823529412vw, 60px);
  padding-right: min(5.8823529412vw, 60px);
  padding-left: min(5.8823529412vw, 60px);
}
.studentFeedback__item {
  position: relative;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  padding-top: min(3.137254902vw, 32px);
  padding-right: min(3.9215686275vw, 40px);
  padding-bottom: min(3.137254902vw, 32px);
  padding-left: min(3.9215686275vw, 40px);
  background-color: #fff;
  border-radius: 5px;
  font-size: min(1.7647058824vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.studentFeedback__item span {
  color: #0267DC;
}
.studentFeedback__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.studentFeedback__item--1::before {
  bottom: max(-0.5882352941vw, -6px);
  left: max(-5.8823529412vw, -60px);
  width: min(9.5098039216vw, 97px);
  height: min(10.5882352941vw, 108px);
  background-image: url(../image/studentfeed_illust01.webp);
}
.studentFeedback__item--2::before {
  right: max(-5.8823529412vw, -60px);
  bottom: max(-0.6862745098vw, -7px);
  width: min(11.7647058824vw, 120px);
  height: min(11.9607843137vw, 122px);
  background-image: url(../image/studentfeed_illust02.webp);
}
.studentFeedback__link .button {
  margin-top: min(5.8823529412vw, 60px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .studentFeedback__wrapper {
    padding-top: 9.765625vw;
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .studentFeedback__wrapper {
    padding-top: 21.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
  }
  .studentFeedback__title {
    font-size: 9.6vw;
    line-height: 1.2;
  }
  .studentFeedback__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 16vw;
    padding-right: 0;
    padding-right: initial;
    padding-left: 0;
    padding-left: initial;
    gap: 12.8vw;
  }
  .studentFeedback__item {
    padding-top: 14.4vw;
    padding-right: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
    padding-left: 8.5333333333vw;
    font-size: 4.2666666667vw;
  }
  .studentFeedback__item::before {
    right: auto;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .studentFeedback__item--1::before {
    top: -8vw;
    width: 19.2vw;
    height: 21.3333333333vw;
  }
  .studentFeedback__item--2::before {
    top: -10.6666666667vw;
    width: 24vw;
    height: 24.2666666667vw;
  }
  .studentFeedback__link {
    margin-top: 10.6666666667vw;
  }
}
.studentFeedback--2 {
  background-color: #fff;
}
.studentFeedback--2 .studentFeedback__item {
  background-color: #F4F4F4;
}
.studentFeedback--3 {
  background-color: #fff;
}
.studentFeedback--3 .studentFeedback__title {
  color: #1E4C8C;
}
.studentFeedback--3 .studentFeedback__item {
  background-color: #F4F4F4;
}
.studentFeedback--3 .studentFeedback__itemText span {
  color: #1E4C8C;
  font-weight: bold;
}

.contentPreview {
  background-color: #F4F4F4;
  letter-spacing: 0.05em;
}
.contentPreview__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
  position: relative;
}
.contentPreview__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  right: min(1.9607843137vw, 20px);
  bottom: 0;
  width: min(26.6666666667vw, 272px);
  height: min(43.0392156863vw, 439px);
  background: url(../image/contentpreview_mikity01.webp) no-repeat left top/cover;
}
@media screen and (max-width: 767px) {
  .contentPreview__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
  .contentPreview__wrapper::before {
    right: 0;
    width: 41.3333333333vw;
    height: 81.0666666667vw;
  }
}
.contentPreview__lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0 min(1.9607843137vw, 20px);
  border: 1px dashed currentColor;
  border-radius: 100vmax;
  font-size: max(16px, min(1.9607843137vw, 20px));
  line-height: min(4.1176470588vw, 42px);
  text-align: center;
}
.contentPreview__lead em {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .contentPreview__lead {
    width: 100%;
    padding: 0;
    font-size: 4.2666666667vw;
    line-height: 10.6666666667vw;
    text-align: center;
  }
}
.contentPreview__title {
  margin-top: min(1.568627451vw, 16px);
  color: #0267DC;
  font-size: max(37px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contentPreview__title {
    margin-top: 2.6666666667vw;
    font-size: 9.6vw;
  }
}
.contentPreview__introduction {
  width: min(66.6666666667vw, 680px);
  margin-top: min(5.8823529412vw, 60px);
}
@media screen and (max-width: 767px) {
  .contentPreview__introduction {
    width: 100%;
    margin-top: 8vw;
  }
}
.contentPreview__video {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, min(32.3529411765vw, 330px)));
  grid-gap: min(1.9607843137vw, 20px);
  gap: min(1.9607843137vw, 20px);
}
.contentPreview__videoItem img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .contentPreview__video {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
  }
}
.contentPreview__attention {
  margin-top: min(1.9607843137vw, 20px);
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .contentPreview__attention {
    width: 53.3333333333vw;
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.contentPreview--2 {
  background-color: #E4F1FF;
  letter-spacing: 0.05em;
}
.contentPreview--2 .contentPreview__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 80px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.contentPreview--2 .contentPreview__wrapper::before {
  content: none;
}
.contentPreview--2 .contentPreview__text {
  margin-top: 15px;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__text {
    margin-top: 4vw;
    font-size: 4.2666666667vw;
  }
}
.contentPreview--2 .contentPreview__body {
  position: relative;
}
.contentPreview--2 .contentPreview__title {
  margin-top: 6px;
  font-size: max(37px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__title {
    font-size: 9.6vw;
    letter-spacing: 0;
  }
}
.contentPreview--2 .contentPreview__titleSup {
  font-size: max(30px, min(3.9215686275vw, 40px));
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__titleSup {
    font-size: 8vw;
    line-height: 1.3;
  }
}
.contentPreview--2 .contentPreview__catch {
  font-size: 2rem;
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}
.contentPreview--2 .contentPreview__lead {
  font-size: 2rem;
}
.contentPreview--2 .contentPreview__lead em {
  color: #0267DC;
}
.contentPreview--2 .contentPreview__list {
  max-width: 912px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__list {
    margin-top: 45.3333333333vw;
    grid-template-columns: auto;
  }
}
.contentPreview--2 .contentPreview__item {
  max-width: 450px;
  padding: 20px 24px 20px 20px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__item {
    max-width: none;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 4.8vw;
  }
  .contentPreview--2 .contentPreview__item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .contentPreview--2 .contentPreview__item:nth-child(2) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .contentPreview--2 .contentPreview__item:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .contentPreview--2 .contentPreview__item:nth-child(4) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .contentPreview--2 .contentPreview__item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
.contentPreview--2 .contentPreview__itemText {
  padding-left: 22px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
}
.contentPreview--2 .contentPreview__itemText::before {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url(../image/contentpreview_icon.svg) no-repeat center/cover;
  content: "";
}
.contentPreview--2 .contentPreview__itemText em {
  color: #0267DC;
}
.contentPreview--2 .contentPreview__itemText span {
  display: inline-block;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__itemText {
    padding-left: 5.8666666667vw;
    font-size: 4.8vw;
  }
  .contentPreview--2 .contentPreview__itemText::before {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    top: 1.3333333333vw;
  }
  .contentPreview--2 .contentPreview__itemText span {
    font-size: 3.7333333333vw;
  }
}
.contentPreview--2 .contentPreview__photo {
  position: absolute;
  right: 80px;
  bottom: -80px;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__photo {
    right: 7.2vw;
    bottom: auto;
    bottom: initial;
    top: -41.3298565841vw;
  }
}
.contentPreview--2 .contentPreview__balloon {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  -webkit-transform: rotate(-16.48deg);
          transform: rotate(-16.48deg);
}
.contentPreview--2 .contentPreview__balloon::before, .contentPreview--2 .contentPreview__balloon::after {
  display: block;
  position: absolute;
  width: 15px;
  height: 28px;
  content: "";
}
.contentPreview--2 .contentPreview__balloon::before {
  left: -18px;
  bottom: -8px;
  background: url(../fonts/contentpreview_image01.svg) no-repeat center/cover;
}
.contentPreview--2 .contentPreview__balloon::after {
  right: -18px;
  top: 12px;
  -webkit-transform: rotate(170deg);
          transform: rotate(170deg);
  background: url(../fonts/contentpreview_image02.svg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__balloon {
    top: 10.9333333333vw;
    left: -21.3333333333vw;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
    font-size: 4.2666666667vw;
  }
  .contentPreview--2 .contentPreview__balloon::before, .contentPreview--2 .contentPreview__balloon::after {
    width: 4vw;
    height: 7.4666666667vw;
  }
  .contentPreview--2 .contentPreview__balloon::before {
    left: auto;
    right: 0;
    top: -3.2vw;
    bottom: auto;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  .contentPreview--2 .contentPreview__balloon::after {
    right: 1.0666666667vw;
    top: auto;
    bottom: -6.4vw;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
  }
}
.contentPreview--2 .contentPreview__image {
  width: 234px;
}
.contentPreview--2 .contentPreview__image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .contentPreview--2 .contentPreview__image {
    width: 49.8666666667vw;
  }
}
.contentPreview.contentPreview--navy .contentPreview__lead em {
  color: #1E4C8C;
}
.contentPreview.contentPreview--navy .contentPreview__title {
  color: #1E4C8C;
}
.contentPreview.contentPreview--navy .contentPreview__itemText em {
  color: #1E4C8C;
}
.contentPreview.contentPreview--navy .contentPreview__itemText::before {
  background-image: url(../fonts/contentpreview_icon02.svg);
}
.contentPreview.contentPreview--navy .contentPreview__balloon::before {
  background: url(../fonts/contentpreview_image03.svg) no-repeat center/contain;
}
.contentPreview.contentPreview--navy .contentPreview__balloon::after {
  background: url(../fonts/contentpreview_image04.svg) no-repeat center/contain;
}

.easyLearn {
  background: url(../image/easylearn_bg01__pc.webp) left calc(50% + min(1.2745098039vw, 13px)) top min(25.6862745098vw, 262px)/max(832px, min(93.7254901961vw, 956px)) auto no-repeat, #F8F8F8;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .easyLearn {
    background: url(../image/easylearn_bg01__sp.webp) left 50% top 40vw/100% auto no-repeat, #F8F8F8;
  }
}
.easyLearn__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 80px;
}
@media screen and (max-width: 767px) {
  .easyLearn__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.easyLearn__title {
  font-weight: bold;
  font-size: min(4.9019607843vw, 50px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .easyLearn__title {
    font-size: 9.6vw;
    letter-spacing: 0;
  }
}
.easyLearn__titleSup {
  font-size: min(2.9411764706vw, 30px);
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .easyLearn__titleSup {
    font-size: 5.8666666667vw;
    line-height: 1.3;
  }
}
.easyLearn__titleSup em {
  color: #0267DC;
}
.easyLearn__content {
  margin-top: min(3.9215686275vw, 40px);
}
@media screen and (max-width: 767px) {
  .easyLearn__content {
    margin-top: 8vw;
  }
}
.easyLearn__box {
  display: grid;
  justify-items: center;
  grid-row-gap: min(0.3921568627vw, 4px);
  row-gap: min(0.3921568627vw, 4px);
  width: min(540px, 100%);
  margin: 0 auto;
  padding: min(0.3921568627vw, 4px) min(1.4705882353vw, 15px) min(1.3725490196vw, 14px);
  border-radius: 10px;
  background-color: #0267DC;
}
@media screen and (max-width: 767px) {
  .easyLearn__box {
    row-gap: 0.8vw;
    width: 89.3333333333vw;
    padding: 0.8vw min(2.4vw, 9px) min(2.4vw, 9px);
    position: relative;
  }
  .easyLearn__box::before, .easyLearn__box::after {
    position: absolute;
    content: "";
    z-index: 1;
  }
  .easyLearn__box::before {
    top: -3.4666666667vw;
    right: -13px;
    bottom: auto;
    left: auto;
    width: 8vw;
    height: 8vw;
    background: url(../image/easylearn_bg02.webp) center/contain no-repeat;
  }
  .easyLearn__box::after {
    top: auto;
    right: auto;
    bottom: -10.4vw;
    left: 3px;
    width: 6.4vw;
    height: 9.0666666667vw;
    background: url(../image/easylearn_bg03.webp) center/contain no-repeat;
  }
}
.easyLearn__boxTitle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: #fff;
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
.easyLearn__boxTitle::before, .easyLearn__boxTitle::after {
  width: min(0.8823529412vw, 9px);
  height: min(0.8823529412vw, 9px);
  content: "";
  background-color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .easyLearn__boxTitle {
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    font-size: 3.2vw;
  }
  .easyLearn__boxTitle::before, .easyLearn__boxTitle::after {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.easyLearn__boxVideoImage {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.easyLearn__message {
  margin-top: min(0.9803921569vw, 10px);
  font-size: min(1.9607843137vw, 20px);
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .easyLearn__message {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.easyLearn__bubble {
  font-size: min(1.568627451vw, 16px);
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .easyLearn__bubble {
    font-size: 3.2vw;
    letter-spacing: 0;
  }
}
.easyLearn__bottom {
  margin-top: min(4.9019607843vw, 50px);
}
@media screen and (max-width: 767px) {
  .easyLearn__bottom {
    margin-top: 10.6666666667vw;
  }
}
.easyLearn__bottomMore {
  margin-top: min(0.9803921569vw, 10px);
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .easyLearn__bottomMore {
    margin-top: 1.3333333333vw;
  }
}
.easyLearn--2 {
  background-color: #E5E4E4;
}
.easyLearn--2 .easyLearn__titleSup em {
  color: #1E4C8C;
}
.easyLearn--2 .easyLearn__box {
  background-color: #1E4C8C;
}

.exclusiveBonuses {
  background-color: #fff;
  letter-spacing: 0.05em;
}
.exclusiveBonuses__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.exclusiveBonuses__inner {
  padding: min(6.862745098vw, 70px) min(7.0588235294vw, 72px);
  background-color: #E4F1FF;
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__inner {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.exclusiveBonuses__header {
  position: relative;
}
.exclusiveBonuses__header::before, .exclusiveBonuses__header::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.exclusiveBonuses__header::before {
  top: min(1.7647058824vw, 18px);
  left: min(1.568627451vw, 16px);
  width: min(15.6862745098vw, 160px);
  height: min(8.6274509804vw, 88px);
  background-image: url(../image/exclusivebonuses_image01.webp);
}
.exclusiveBonuses__header::after {
  top: max(-1.4705882353vw, -15px);
  right: min(7.0588235294vw, 72px);
  width: min(9.1176470588vw, 93px);
  height: min(11.568627451vw, 118px);
  background-image: url(../image/exclusivebonuses_image02.webp);
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__header::before {
    top: revert;
    bottom: 25.0666666667vw;
    left: -3.2vw;
    width: 17.8666666667vw;
    height: 9.8666666667vw;
  }
  .exclusiveBonuses__header::after {
    top: 13.3333333333vw;
    right: 1.3333333333vw;
    width: 17.3333333333vw;
    height: 21.8666666667vw;
  }
}
.exclusiveBonuses__title {
  color: #0267DC;
  font-size: max(30px, min(3.9215686275vw, 40px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.exclusiveBonuses__title em {
  font-size: max(37px, min(4.9019607843vw, 50px));
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__title {
    font-size: 8vw;
    line-height: 1.3;
  }
  .exclusiveBonuses__title em {
    font-size: 9.6vw;
  }
}
.exclusiveBonuses__lead {
  margin-top: min(2.7450980392vw, 28px);
  font-size: min(2.5490196078vw, 26px);
  text-align: center;
}
.exclusiveBonuses__lead em {
  color: #0267DC;
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__lead {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.exclusiveBonuses__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.1568627451vw, 22px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(5.8823529412vw, 60px);
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw;
    width: 100%;
    margin-top: 13.3333333333vw;
  }
}
.exclusiveBonuses__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: min(39.9019607843vw, 407px);
  padding: min(3.9215686275vw, 40px) min(1.7647058824vw, 18px) min(1.7647058824vw, 18px);
  background-color: #fff;
  border-radius: min(0.9803921569vw, 10px);
  text-align: center;
}
.exclusiveBonuses__itemLabel {
  position: absolute;
  top: max(-1.6666666667vw, -17px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(21.4705882353vw, 219px);
  line-height: min(3.431372549vw, 35px);
}
.exclusiveBonuses__itemLabelText {
  display: block;
  position: relative;
  color: #fff;
  background-color: #EE7C2B;
  border-radius: 100vmax;
  font-size: max(14px, min(1.7647058824vw, 18px));
  font-weight: bold;
}
.exclusiveBonuses__itemLabel::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: max(-1.0784313725vw, -11px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1.9607843137vw, 20px);
  height: min(1.4705882353vw, 15px);
  background-color: #EE7C2B;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.exclusiveBonuses__itemLead {
  position: relative;
  color: #EE7C2B;
  font-size: max(14px, min(1.568627451vw, 16px));
  font-weight: bold;
}
.exclusiveBonuses__itemLead::before, .exclusiveBonuses__itemLead::after {
  color: #333;
}
.exclusiveBonuses__itemLead::before {
  content: "＼";
  margin-right: min(0.7843137255vw, 8px);
}
.exclusiveBonuses__itemLead::after {
  content: "／";
  margin-left: min(0.7843137255vw, 8px);
}
.exclusiveBonuses__itemVideoTitle {
  margin-top: min(0.9803921569vw, 10px);
  font-size: min(2.5490196078vw, 26px);
  font-weight: bold;
  line-height: 1.2;
}
.exclusiveBonuses__itemVideoTitle em {
  color: #EE7C2B;
}
.exclusiveBonuses__itemText {
  margin-top: min(1.2745098039vw, 13px);
  font-size: max(12px, min(1.3725490196vw, 14px));
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__item {
    width: 100%;
    padding: 8vw 5.3333333333vw 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
  .exclusiveBonuses__itemLabel {
    top: -4vw;
    width: 42.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 8vw;
  }
  .exclusiveBonuses__itemLabel::after {
    bottom: -2.6666666667vw;
    width: 4.5333333333vw;
    height: 2.6666666667vw;
  }
  .exclusiveBonuses__itemLead {
    font-size: 4.2666666667vw;
  }
  .exclusiveBonuses__itemLead::before {
    margin-right: 2.1333333333vw;
  }
  .exclusiveBonuses__itemLead::after {
    margin-left: 2.1333333333vw;
  }
  .exclusiveBonuses__itemVideoTitle {
    margin-top: 1.3333333333vw;
    font-size: 6.4vw;
    line-height: 1.2;
  }
  .exclusiveBonuses__itemText {
    margin-top: 3.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
.exclusiveBonuses__attention {
  margin-top: min(2.5490196078vw, 26px);
  color: #999;
  font-size: max(11px, min(1.3725490196vw, 14px));
  font-size: min(1.1764705882vw, 12px);
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__attention {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.exclusiveBonuses__limit {
  margin-top: min(1.9607843137vw, 20px);
  background-color: #FFF8D3;
  border-radius: min(0.9803921569vw, 10px);
}
.exclusiveBonuses__limitWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(0.9803921569vw, 10px);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: min(2.4509803922vw, 25px) 0;
}
.exclusiveBonuses__limitBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.4509803922vw, 25px);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: min(8.3333333333vw, 85px);
}
.exclusiveBonuses__limitBox::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(6.862745098vw, 70px);
  height: min(6.568627451vw, 67px);
  background: url(../image/exclusivebonuses_image03.webp) no-repeat left top/cover;
}
.exclusiveBonuses__limitLead {
  font-size: max(16px, min(1.7647058824vw, 18px));
  font-weight: bold;
}
.exclusiveBonuses__limitCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(0.7843137255vw, 8px);
  margin-top: max(-0.5882352941vw, -6px);
}
.exclusiveBonuses__limitCountNumber {
  color: #EE7C2B;
  font-family: "Oswald", sans-serif;
  font-size: max(50px, min(6.862745098vw, 70px));
  font-weight: 500;
  line-height: 1.2;
}
.exclusiveBonuses__limitCountUnit {
  margin-left: max(-0.3921568627vw, -4px);
  font-size: max(15px, min(1.9607843137vw, 20px));
  font-weight: bold;
}
.exclusiveBonuses__limitDetail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: min(1.1764705882vw, 12px);
  margin-bottom: min(0.4901960784vw, 5px);
}
.exclusiveBonuses__limitText {
  margin-top: min(0.9803921569vw, 10px);
  font-size: max(12px, min(1.568627451vw, 16px));
  text-align: center;
}
.exclusiveBonuses__limitText em {
  color: #EE7C2B;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses__limit {
    width: 100%;
    margin-top: 5.3333333333vw;
    border-radius: 2.6666666667vw;
    text-align: center;
  }
  .exclusiveBonuses__limitWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4vw;
    padding: 5.3333333333vw 0;
  }
  .exclusiveBonuses__limitBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 17.0666666667vw 0 0 0;
  }
  .exclusiveBonuses__limitBox::before {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 13.3333333333vw;
    height: 12.8vw;
  }
  .exclusiveBonuses__limitLead {
    font-size: 5.3333333333vw;
  }
  .exclusiveBonuses__limitCount {
    gap: 0.5333333333vw;
    margin-top: -1.6vw;
  }
  .exclusiveBonuses__limitCountNumber {
    font-size: 18.6666666667vw;
    letter-spacing: -0.025em;
  }
  .exclusiveBonuses__limitCountUnit {
    font-size: 5.3333333333vw;
  }
  .exclusiveBonuses__limitText {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
.exclusiveBonuses--2 .exclusiveBonuses__title {
  color: #1E4C8C;
}
.exclusiveBonuses--2 .exclusiveBonuses__lead em {
  color: #1E4C8C;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}
.exclusiveBonuses--2 .exclusiveBonuses__itemLabelText {
  background-color: #D43617;
}
.exclusiveBonuses--2 .exclusiveBonuses__itemLabel::after {
  background-color: #D43617;
}
.exclusiveBonuses--2 .exclusiveBonuses__itemLead {
  color: #D43617;
}
.exclusiveBonuses--2 .exclusiveBonuses__itemVideoTitle {
  font-size: min(2.3529411765vw, 24px);
}
@media screen and (max-width: 767px) {
  .exclusiveBonuses--2 .exclusiveBonuses__itemVideoTitle {
    font-size: 6.4vw;
  }
}
.exclusiveBonuses--2 .exclusiveBonuses__itemVideoTitle em {
  color: #1E4C8C;
  background-color: #E4F1FF;
}
.exclusiveBonuses--2 .exclusiveBonuses__limit {
  background-color: #FFF1F1;
}
.exclusiveBonuses--2 .exclusiveBonuses__limitBox::before {
  background: url(../image/exclusivebonuses_image04.webp) no-repeat left top/cover;
}
.exclusiveBonuses--2 .exclusiveBonuses__limitCountNumber {
  color: #D43617;
}
.exclusiveBonuses--2 .exclusiveBonuses__limitText em {
  color: #D43617;
}

.formArea {
  background-color: #E4F1FF;
  letter-spacing: 0.05em;
}
.formArea__wrapper {
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .formArea__wrapper {
    max-width: revert;
    padding: 21.3333333333vw 5.3333333333vw;
  }
}
.formArea__title {
  color: #0267DC;
  font-size: max(37px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .formArea__title {
    font-size: 9.6vw;
  }
}
.formArea__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  width: 630px;
  margin: 70px auto 0;
  padding: 0 18px;
}
.formArea__stepHead {
  width: 111px;
}
.formArea__stepTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 100vmax;
  color: #fff;
  background-color: #3190FE;
  font-size: 1.6rem;
  text-align: center;
}
.formArea__stepTitle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  height: 22px;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: #3190FE;
}
.formArea__stepBody {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.formArea__stepList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formArea__stepItem {
  width: 143px;
  text-align: center;
}
.formArea__stepItem + .formArea__stepItem {
  position: relative;
}
.formArea__stepItem + .formArea__stepItem::before, .formArea__stepItem + .formArea__stepItem::after {
  content: "";
  display: block;
  position: absolute;
  top: 43px;
  left: -4px;
  width: 8px;
  height: 2px;
  background-color: #3190FE;
  border-radius: 100vmax;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.formArea__stepItem + .formArea__stepItem::after {
  top: 48px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.formArea__stepItem:last-child {
  width: 152px;
}
.formArea__stepImage {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}
.formArea__stepText {
  margin-top: 8px;
  font-size: 1.4rem;
}
.formArea__stepAttention {
  margin-top: 3px;
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .formArea__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    position: relative;
    width: 100%;
    margin-top: 10.6666666667vw;
    padding: 0;
  }
  .formArea__stepHead {
    width: 100%;
  }
  .formArea__stepBody {
    position: relative;
    padding-bottom: 8.5333333333vw;
  }
  .formArea__stepTitle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 13.3333333333vw;
    font-size: 4.8vw;
    line-height: 9.3333333333vw;
  }
  .formArea__stepTitle::before {
    content: none;
  }
  .formArea__stepItem {
    width: 24.5333333333vw;
  }
  .formArea__stepItem:last-child {
    width: 24.5333333333vw;
  }
  .formArea__stepItem + .formArea__stepItem::before, .formArea__stepItem + .formArea__stepItem::after {
    top: 11.4666666667vw;
    left: -4.5333333333vw;
    width: 2.4vw;
    height: 0.2666666667vw;
  }
  .formArea__stepItem + .formArea__stepItem::after {
    top: 13.0666666667vw;
  }
  .formArea__stepImage {
    width: 100%;
    height: auto;
  }
  .formArea__stepImage img {
    width: 100%;
    height: auto;
  }
  .formArea__stepText {
    margin-top: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
  .formArea__stepAttention {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 3.2vw;
  }
}
.formArea__box {
  width: 630px;
  margin: 23px auto 0;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .formArea__box {
    width: 100%;
    margin-top: 8vw;
    padding: 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.formArea__row + .formArea__row {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .formArea__row + .formArea__row {
    margin-top: 5.3333333333vw;
  }
}
.formArea__head {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .formArea__head {
    font-size: 4.8vw;
  }
}
.formArea__required {
  display: inline-block;
  margin-left: 5px;
  padding: 0 6px;
  color: #fff;
  background-color: #EE7C2B;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 18px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .formArea__required {
    margin-left: 1.3333333333vw;
    padding: 0 1.6vw;
    border-radius: 0.5333333333vw;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
  }
}
.formArea__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: relative;
  margin-top: 2px;
}
.formArea__bodyInner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .formArea__body {
    gap: 1.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.formArea__body--2 {
  display: block;
}
.formArea__input {
  width: 100%;
  padding-right: 10px;
  padding-left: 20px;
  border: 1px solid #F4F4F4;
  border-radius: 2px;
  background-color: #F4F4F4;
  font-size: 1.6rem;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .formArea__input {
    min-width: 0;
    padding-right: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 11.2vw;
  }
}
.formArea__select {
  position: relative;
  width: 100%;
  max-width: 270px;
}
@media screen and (max-width: 767px) {
  .formArea__select {
    max-width: none;
  }
}
.formArea__select::after {
  content: "";
  width: 9px;
  height: 40px;
  display: block;
  position: absolute;
  right: 20px;
  top: 1px;
  background: url(../image/select_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.formArea__selectBox {
  width: 100%;
  padding-right: 10px;
  padding-left: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
  font-size: 1.6rem;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .formArea__selectBox {
    min-width: 0;
    padding-right: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 11.2vw;
  }
}
.formArea__selectItem {
  width: 100%;
}
.formArea__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .formArea__radio {
    gap: 6px;
  }
}
.formArea__radio--long {
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .formArea__radio--long {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 6px;
  }
}
.formArea__radio--long2 {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
}
.formArea__radioList {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.8px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .formArea__radioList {
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.formArea__radioList > input[type=radio] {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #D9D9D9;
  border-radius: 50%;
  background: #fff;
}
.formArea__radioList > input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #EE7C2B;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.formArea__radioList > input[type=radio]:checked {
  border: 2px solid #EE7C2B;
}
.formArea__radioList > input[type=radio]:checked:checked::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.formArea__radioList > input[type=radio].error {
  border: 2px solid #EE7C2B;
}
.formArea__radioList > input[type=text] {
  width: calc(100% - 28px);
  margin-top: 4px;
  margin-left: 28px;
  background-color: #D9D9D9;
}
.formArea__radioList:has(input[type=radio]:checked) {
  font-weight: bold;
}
.formArea__radioList:has(input[type=radio]:checked) > input[type=text] {
  font-weight: 300;
  border-color: #EE7C2B;
}
.formArea__radioList:has(input.error) {
  color: #EE7C2B;
}
.formArea__radioList:has(input.error) > input[type=text] {
  background-color: #FFF4EE !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
          box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
  border-color: #EE7C2B;
}
.formArea__input::-webkit-input-placeholder {
  color: #B3B3B3;
}
.formArea__input::-moz-placeholder {
  color: #B3B3B3;
}
.formArea__input:-ms-input-placeholder {
  color: #B3B3B3;
}
.formArea__input::-ms-input-placeholder {
  color: #B3B3B3;
}
.formArea__input::placeholder {
  color: #B3B3B3;
}
.formArea__input:focus, .formArea__input:-webkit-autofill {
  outline: none;
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  border-color: #EE7C2B;
}
.formArea__input.error, .formArea__input:-webkit-autofill.error {
  background-color: #FFF4EE !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
          box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
  border-color: #EE7C2B;
}
.formArea__input.valid {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
          box-shadow: 0 0 0px 1000px #fff inset !important;
  border-color: #D9D9D9;
}
.formArea__selectBox:focus, .formArea__selectBox:-webkit-autofill {
  outline: none;
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  border-color: #EE7C2B;
}
.formArea__selectBox.error, .formArea__selectBox:-webkit-autofill.error {
  background-color: #FFF4EE !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
          box-shadow: 0 0 0px 1000px #FFF4EE inset !important;
  border-color: #EE7C2B;
}
.formArea__selectBox.valid {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
          box-shadow: 0 0 0px 1000px #fff inset !important;
  border-color: #D9D9D9;
}
.formArea__error {
  margin-top: 10px;
  color: #EE7C2B;
  font-size: 1.4rem;
  font-weight: bold;
}
.formArea__privacy {
  margin-top: 40px;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0em;
}
.formArea__privacy a {
  color: #0267DC;
  position: relative;
}
.formArea__privacy a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
@media (hover: hover) {
  .formArea__privacy a:hover::before {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .formArea__privacy {
    margin-top: 10.6666666667vw;
    font-size: 3.2vw;
  }
}
.formArea__checkbox {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .formArea__checkbox {
    margin-top: 5.3333333333vw;
  }
}
.formArea__checkboxList {
  display: block;
  margin: 0.5em 0 0 1.1em;
  text-indent: -1.1em;
  font-size: 1.6rem;
  line-height: 1.4;
}
.formArea__checkboxList input {
  margin-right: 0.3em;
}
.formArea__checkboxList:first-of-type {
  margin-top: 0;
}
.formArea__checkboxList a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #0267DC;
  cursor: pointer;
}
.formArea__submitButton {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
  .formArea__submitButton {
    margin-top: 5.3333333333vw;
  }
}
.formArea__attention {
  margin-top: 20px;
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .formArea__attention {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.formArea__note {
  margin-top: 17px;
  word-break: break-all;
}
.formArea__noteText {
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
.formArea__noteText a {
  position: relative;
}
.formArea__noteText a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
@media (hover: hover) {
  .formArea__noteText a:hover::before {
    opacity: 0;
  }
}
.formArea__noteText + .formArea__noteText {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .formArea__note {
    margin-top: 4.5333333333vw;
  }
  .formArea__noteText {
    font-size: 3.2vw;
  }
  .formArea__noteText + .formArea__noteText {
    margin-top: 1.3333333333vw;
  }
}
.formArea__inquiry {
  margin-top: 15px;
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
.formArea__inquiryHead {
  font-weight: normal;
  font-weight: initial;
}
.formArea__inquiryBody {
  margin-top: 5px;
}
.formArea__inquiryItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 13px;
  position: relative;
  color: currentColor;
}
.formArea__inquiryItem + .formArea__inquiryItem {
  margin-top: 5px;
}
.formArea__inquiryContact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 5px;
}
.formArea__inquiryContact svg {
  width: 16px;
  height: 10px;
}
@media screen and (max-width: 767px) {
  .formArea__inquiry {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
  .formArea__inquiryItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .formArea__inquiryItem + .formArea__inquiryItem {
    margin-top: 1.3333333333vw;
  }
  .formArea__inquiryContact {
    gap: 0 1.3333333333vw;
  }
  .formArea__inquiryContact svg {
    width: 4.2666666667vw;
    height: 2.6666666667vw;
  }
}
.formArea--2 .formArea__title {
  color: #1E4C8C;
}
.formArea--2 .formArea__stepTitle {
  background-color: #1E4C8C;
}
.formArea--2 .formArea__stepTitle::before {
  background-color: #1E4C8C;
}
.formArea--2 .formArea__required {
  background-color: #D43617;
}

.mediaPerformance {
  letter-spacing: 0.05em;
}
.mediaPerformance__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .mediaPerformance__wrapper {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
.mediaPerformance__title {
  color: #0267DC;
  font-size: max(37px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mediaPerformance__title {
    font-size: 9.6vw;
  }
}
.mediaPerformance__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.0392156863vw, 31px);
  margin-top: min(8.8235294118vw, 90px);
}
.mediaPerformance__logoItem {
  width: min(5.6862745098vw, 58px);
}
.mediaPerformance__logoItem--trilliongame {
  width: min(19.2156862745vw, 196px);
}
.mediaPerformance__logoItem--president {
  width: min(18.6274509804vw, 190px);
}
.mediaPerformance__logoItem--nikkeiwoman {
  width: min(16.6666666667vw, 170px);
}
.mediaPerformance__logoItem img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .mediaPerformance__logo {
    display: grid;
    grid-template-columns: repeat(4, 14.4vw);
    grid-template-rows: 16vw 10.1333333333vw 10.1333333333vw;
    grid-gap: 4vw 4.8vw;
    gap: 4vw 4.8vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 89.3333333333vw;
    margin: 8vw auto 0;
  }
  .mediaPerformance__logoItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .mediaPerformance__logoItem:nth-child(n+5):nth-child(-n+6) {
    grid-column: span 2;
  }
  .mediaPerformance__logoItem:nth-child(n+7) {
    grid-row: 3;
    grid-column: 2/4;
  }
}
.mediaPerformance__timeline {
  width: min(84.1176470588vw, 858px);
  margin: min(2.9411764706vw, 30px) auto 0;
}
.mediaPerformance__timelineYear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.mediaPerformance__timelineYear::before {
  content: "";
  display: block;
  position: absolute;
  top: min(0.9803921569vw, 10px);
  left: min(12.2549019608vw, 125px);
  width: 2px;
  height: 100%;
  background-color: #3190FE;
}
.mediaPerformance__timelineYear + .mediaPerformance__timelineYear {
  position: relative;
  margin-top: min(5vw, 51px);
}
.mediaPerformance__timelineYear + .mediaPerformance__timelineYear::after {
  content: "";
  display: block;
  position: absolute;
  top: max(-4.1176470588vw, -42px);
  left: min(12.2549019608vw, 125px);
  width: 2px;
  height: min(5vw, 51px);
  background-color: #3190FE;
}
.mediaPerformance__timelineDate {
  position: relative;
  width: min(11.9607843137vw, 122px);
  color: #83B8F6;
  font-family: "Oswald", sans-serif;
  font-size: max(30px, min(3.9215686275vw, 40px));
  font-weight: normal;
  font-weight: initial;
  line-height: 1.2;
}
.mediaPerformance__timelineDate::before {
  content: "";
  position: absolute;
  top: min(0.7843137255vw, 8px);
  right: max(-0.7843137255vw, -8px);
  width: min(0.7843137255vw, 8px);
  height: min(0.7843137255vw, 8px);
  background-color: #3190FE;
  border-radius: 100vmax;
}
.mediaPerformance__timelineEventItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 min(1.4705882353vw, 15px);
}
.mediaPerformance__timelineEventItem + .mediaPerformance__timelineEventItem {
  margin-top: min(1.4705882353vw, 15px);
}
.mediaPerformance__timelineEventMonth {
  width: min(6.3725490196vw, 65px);
  font-size: max(14px, min(1.7647058824vw, 18px));
  font-weight: bold;
  text-align: right;
}
.mediaPerformance__timelineEventDetailText {
  font-size: max(12px, min(1.568627451vw, 16px));
  line-height: 1.6;
}
.mediaPerformance__timelineEventDetailAttention {
  color: #999;
  font-size: max(10px, min(1.1764705882vw, 12px));
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .mediaPerformance__timeline {
    width: 100%;
    margin-top: 8.5333333333vw;
    padding-left: 12vw;
  }
  .mediaPerformance__timelineYear {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
  }
  .mediaPerformance__timelineYear::before {
    left: -5.3333333333vw;
  }
  .mediaPerformance__timelineYear + .mediaPerformance__timelineYear {
    margin-top: 8vw;
  }
  .mediaPerformance__timelineYear + .mediaPerformance__timelineYear::after {
    top: -7.4666666667vw;
    left: -5.3333333333vw;
    height: 8.5333333333vw;
  }
  .mediaPerformance__timelineDate {
    width: revert;
    font-size: 10.6666666667vw;
  }
  .mediaPerformance__timelineDate::before {
    right: revert;
    top: 5.8666666667vw;
    left: -6.1333333333vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
  .mediaPerformance__timelineEventItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.3333333333vw;
  }
  .mediaPerformance__timelineEventMonth {
    width: revert;
    font-size: 4.8vw;
    text-align: revert;
  }
  .mediaPerformance__timelineEventDetailText {
    font-size: 4.2666666667vw;
  }
  .mediaPerformance__timelineEventDetailText + .mediaPerformance__timelineEventDetailText {
    margin-top: 4vw;
  }
  .mediaPerformance__timelineEventDetailAttention {
    font-size: 3.2vw;
  }
}
.mediaPerformance--2 {
  background-color: #F4F4F4;
}
.mediaPerformance--2 .mediaPerformance__logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: min(0.9803921569vw, 10px) min(1.9607843137vw, 20px);
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .mediaPerformance--2 .mediaPerformance__logo {
    padding: min(5.3333333333vw, 20px);
  }
}
.mediaPerformance--3 {
  background-color: #E5E4E4;
}
.mediaPerformance--3 .mediaPerformance__title {
  color: #1E4C8C;
}
.mediaPerformance--3 .mediaPerformance__logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: min(0.9803921569vw, 10px) min(1.9607843137vw, 20px);
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .mediaPerformance--3 .mediaPerformance__logo {
    padding: min(5.3333333333vw, 20px);
  }
}
.mediaPerformance--3 .mediaPerformance__timelineYear::before {
  background-color: #1E4C8C;
}
.mediaPerformance--3 .mediaPerformance__timelineYear + .mediaPerformance__timelineYear::after {
  background-color: #1E4C8C;
}
.mediaPerformance--3 .mediaPerformance__timelineDate {
  color: #6690C9;
}
.mediaPerformance--3 .mediaPerformance__timelineDate::before {
  background-color: #1E4C8C;
}

.stepsToAdmission {
  background-color: #F4F4F4;
  letter-spacing: 0.05em;
}
.stepsToAdmission__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__wrapper {
    padding: 21.3333333333vw 5.3333333333vw;
  }
}
.stepsToAdmission__lead {
  font-size: max(15px, min(1.9607843137vw, 20px));
  text-align: center;
}
.stepsToAdmission__lead span {
  color: #0267DC;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__lead {
    font-size: 5.3333333333vw;
  }
}
.stepsToAdmission__title {
  margin-top: min(1.568627451vw, 16px);
  color: #0267DC;
  font-size: max(27px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__title {
    margin-top: 2.1333333333vw;
    font-size: 9.6vw;
  }
}
.stepsToAdmission__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(5.8823529412vw, 60px);
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.stepsToAdmission__item {
  width: min(14.8039215686vw, 151px);
  background-color: #fff;
  border-radius: min(0.4901960784vw, 5px);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.stepsToAdmission__itemWrapper {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 100%;
}
.stepsToAdmission__itemHead {
  color: #fff;
  background-color: #83B8F6;
  border-radius: min(0.4901960784vw, 5px) min(0.4901960784vw, 5px) 0 0;
  font-family: "Oswald", sans-serif;
  font-size: max(12px, min(1.568627451vw, 16px));
  font-weight: 500;
  text-align: center;
  line-height: min(3.431372549vw, 35px);
}
.stepsToAdmission__itemBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(0.9803921569vw, 10px) 0 min(1.9607843137vw, 20px);
  border-radius: 0 0 min(0.4901960784vw, 5px) min(0.4901960784vw, 5px);
}
.stepsToAdmission__itemImage {
  width: min(9.8039215686vw, 100px);
  margin-left: auto;
  margin-right: auto;
}
.stepsToAdmission__itemImage img {
  width: 100%;
  height: auto;
}
.stepsToAdmission__itemText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: min(3.3333333333vw, 34px);
  font-size: max(11px, min(1.3725490196vw, 14px));
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__item {
    width: 100%;
    border-radius: 1.3333333333vw;
  }
  .stepsToAdmission__itemWrapper {
    grid-template-rows: auto;
    grid-template-columns: 14.1333333333vw auto;
  }
  .stepsToAdmission__itemHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1.3333333333vw 0 0 1.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.2;
  }
  .stepsToAdmission__itemBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: revert;
        -ms-flex-direction: revert;
            flex-direction: revert;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 3.7333333333vw 2.6666666667vw;
  }
  .stepsToAdmission__itemImage {
    width: 18.6666666667vw;
    margin: 0;
  }
  .stepsToAdmission__itemText {
    height: revert;
    font-size: 4.8vw;
  }
}
.stepsToAdmission__attention {
  margin-top: 20px;
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__attention {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.stepsToAdmission__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(4.9019607843vw, 50px) auto 0;
}
@media screen and (max-width: 767px) {
  .stepsToAdmission__button {
    margin-top: 10.6666666667vw;
  }
}
.stepsToAdmission--2 {
  background-color: #E4F1FF;
}
.stepsToAdmission--3 {
  background-color: #E4F1FF;
}
.stepsToAdmission--3 .stepsToAdmission__lead span {
  color: #1E4C8C;
}
.stepsToAdmission--3 .stepsToAdmission__title {
  color: #1E4C8C;
}

.footer {
  background-color: #E4F1FF;
  letter-spacing: 0.05em;
}
.footer__inquiry {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px 100px;
}
@media screen and (max-width: 767px) {
  .footer__inquiry {
    padding: 16vw 5.3333333333vw;
  }
}
.footer__title {
  color: #0267DC;
  font-size: max(37px, min(4.9019607843vw, 50px));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer__title {
    font-size: 9.6vw;
  }
}
.footer__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(2.9411764706vw, 30px);
  gap: min(2.9411764706vw, 30px);
  width: min(85.2941176471vw, 870px);
  margin: min(5.8823529412vw, 60px) auto 0;
}
@media screen and (max-width: 767px) {
  .footer__list {
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr;
    gap: 3.4666666667vw;
    width: 100%;
    margin-top: 8vw;
  }
}
.footer__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(1.6666666667vw, 17px) min(0.9803921569vw, 10px);
  background-color: #fff;
  border-radius: min(0.4901960784vw, 5px);
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .footer__item {
    width: 100%;
    padding: 4.5333333333vw 5.3333333333vw;
  }
}
.footer__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 min(0.7843137255vw, 8px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  color: #0267DC;
  font-family: "Oswald", sans-serif;
  font-size: max(22px, min(2.9411764706vw, 30px));
  line-height: 1.1;
}
.footer__contact svg {
  margin-top: min(0.5882352941vw, 6px);
}
.footer__contact--tel svg {
  margin-top: min(0.4901960784vw, 5px);
}
@media screen and (max-width: 767px) {
  .footer__contact {
    font-size: 8vw;
    gap: 0 2.1333333333vw;
  }
  .footer__contact svg {
    width: 8vw;
    height: 5.3333333333vw;
    margin-top: 2.1333333333vw;
  }
  .footer__contact--tel svg {
    width: 8.5333333333vw;
    height: 5.8666666667vw;
    margin-top: 1.8666666667vw;
  }
}
.footer__receptionHours {
  margin-top: min(0.3921568627vw, 4px);
  font-size: max(12px, min(1.3725490196vw, 14px));
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .footer__receptionHours {
    margin-top: 1.0666666667vw;
    font-size: 3.7333333333vw;
  }
}
.footer__attention {
  margin-top: min(0.6862745098vw, 7px);
  color: #999;
  font-size: max(10px, min(1.1764705882vw, 12px));
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .footer__attention {
    margin-top: 1.8666666667vw;
    font-size: 3.2vw;
  }
}
.footer__infomation {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .footer__infomation {
    padding: 16vw 5.3333333333vw;
  }
}
.footer__company {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__companyLogo {
  width: min(13.431372549vw, 137px);
}
.footer__companyLogo img {
  width: 100%;
  height: auto;
}
.footer__companyMember {
  margin-left: min(1.9607843137vw, 20px);
  font-size: max(12px, min(1.3725490196vw, 14px));
  line-height: 1.6;
}
.footer__companyGptw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.568627451vw, 16px);
  margin-left: min(1.4705882353vw, 15px);
}
.footer__companyGptwLogo {
  width: min(2.0588235294vw, 21px);
}
.footer__companyGptwLogo img {
  width: 100%;
  height: auto;
}
.footer__companyGptwText {
  font-size: max(12px, min(1.3725490196vw, 14px));
}
@media screen and (max-width: 767px) {
  .footer__company {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__companyLogo {
    width: 71.7333333333vw;
  }
  .footer__companyMember {
    margin-top: 2.4vw;
    margin-left: 0;
    font-size: 3.7333333333vw;
  }
  .footer__companyGptw {
    gap: 4.8vw;
    margin-top: 5.3333333333vw;
    margin-left: 0;
  }
  .footer__companyGptwLogo {
    width: 5.6vw;
  }
  .footer__companyGptwText {
    font-size: 3.2vw;
    letter-spacing: 0em;
  }
}
.footer__navi {
  margin-top: 40px;
}
.footer__naviList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(1.1764705882vw, 12px);
}
.footer__naviItem {
  font-size: max(11px, min(1.1764705882vw, 12px));
}
.footer__naviItemLink {
  position: relative;
  color: #999;
  position: relative;
}
.footer__naviItemLink::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
@media (hover: hover) {
  .footer__naviItemLink:hover::before {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__navi {
    margin-top: 10.6666666667vw;
  }
  .footer__naviList {
    width: 77.0666666667vw;
    gap: 0.2666666667vw 2.6666666667vw;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }
  .footer__naviItem {
    font-size: 3.2vw;
  }
}
.footer__copyright {
  margin-top: min(2.9411764706vw, 30px);
  color: #999;
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    margin-top: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
.footer--2 {
  background-color: #F4F4F4;
}
.footer--3 {
  background-color: #E5E4E4;
}
.footer--3 .footer__title {
  color: #1E4C8C;
}
.footer--3 .footer__contact {
  color: #1E4C8C;
}

.tuitionFee3 {
  padding-bottom: 116px;
  background-color: #ededed;
  background-position: 10px 10px;
  background-size: 50px 50px;
  background-repeat: repeat;
  background-image: url(../image/tuitionfee3_bg.webp);
}
@media screen and (max-width: 767px) {
  .tuitionFee3 {
    background-size: max(25px, min(3.4722222222vw, 50px)) max(25px, min(3.4722222222vw, 50px));
    padding-bottom: 0;
    padding-top: 0;
  }
}
.tuitionFee3__wrapper {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tuitionFee3__wrapper {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .tuitionFee3__wrapper {
    margin-right: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    padding-top: 10.6666666667vw;
    padding-bottom: 10.4vw;
    background-size: 3.4722222222vw 3.4722222222vw;
  }
}
.tuitionFee3__title {
  position: relative;
  margin-bottom: 96px;
  font-size: min(4.3137254902vw, 44px);
  text-align: center;
  font-weight: bold;
}
.tuitionFee3__title::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #3d56b2;
}
.tuitionFee3__title span {
  color: #15289b;
}
@media screen and (max-width: 767px) {
  .tuitionFee3__title {
    font-size: max(30px, min(8vw, 60px));
    margin-bottom: 18.4vw;
  }
  .tuitionFee3__title::after {
    bottom: -5.3vw;
    width: 12vw;
  }
}
.tuitionFee3 em {
  font-family: "Oswald";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: normal;
  letter-spacing: 0.05em;
}
.tuitionFee3__price--normal {
  position: relative;
  padding-top: 55px;
  padding-right: 45px;
  padding-bottom: 54px;
  padding-left: 45px;
  background-color: #fff;
}
.tuitionFee3__price--normal .tuitionFee3__head {
  background-color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tuitionFee3__price--normal {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tuitionFee3__price--normal {
    padding-top: 11.7333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    padding-left: 5.3333333333vw;
  }
}
.tuitionFee3__price--total .tuitionFee3__num {
  gap: 23px;
  margin-top: 10px;
  padding-top: 26px;
  border-top: 2px solid #e6e6e6;
}
@media screen and (min-width: 768px) {
  .tuitionFee3__price--total .tuitionFee3__num {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.tuitionFee3__price--total .tuitionFee3__numText {
  font-size: min(2.5490196078vw, 26px);
}
.tuitionFee3__price--total .tuitionFee3__numPrice {
  font-size: min(2.7450980392vw, 28px);
}
@media screen and (min-width: 768px) {
  .tuitionFee3__price--total .tuitionFee3__numPrice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.tuitionFee3__price--total .tuitionFee3__numPrice em {
  font-size: 5rem;
}
.tuitionFee3__price--total .tuitionFee3__numPrice small {
  margin-left: 8px;
}
.tuitionFee3__price--total .tuitionFee3__numPrice small em {
  font-size: 1.6rem;
}
.tuitionFee3__price--total .tuitionFee3__numValue {
  padding-top: 24px;
  padding-right: 30px;
  padding-bottom: 24px;
  padding-left: 30px;
  background-color: #15289b;
  border-radius: 5px;
  color: #fff;
  font-size: min(2.3529411765vw, 24px);
  letter-spacing: 0.05em;
  line-height: 1;
}
.tuitionFee3__price--total .tuitionFee3__numValue span {
  font-size: min(3.5294117647vw, 36px);
}
@media screen and (max-width: 767px) {
  .tuitionFee3__price--total .tuitionFee3__num {
    margin-top: 2.4vw;
    padding-top: 4vw;
  }
  .tuitionFee3__price--total .tuitionFee3__numText {
    font-size: max(20px, min(5.3333333333vw, 40px));
  }
  .tuitionFee3__price--total .tuitionFee3__numPrice {
    font-size: max(21px, min(5.6vw, 42px));
  }
  .tuitionFee3__price--total .tuitionFee3__numPrice em {
    font-size: max(30px, min(9.3333333333vw, 70px));
  }
  .tuitionFee3__price--total .tuitionFee3__numPrice small {
    font-size: max(12px, min(3.2vw, 24px));
  }
  .tuitionFee3__price--total .tuitionFee3__numPrice small em {
    font-size: max(12px, min(3.2vw, 24px));
  }
  .tuitionFee3__price--total .tuitionFee3__numValue {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-top: 4.2666666667vw;
    padding-right: 2.6666666667vw;
    padding-bottom: 4.2666666667vw;
    padding-left: 2.6666666667vw;
    font-size: max(12px, min(4vw, 30px));
  }
  .tuitionFee3__price--total .tuitionFee3__numValue span {
    font-size: max(18px, min(5.6vw, 42px));
  }
}
.tuitionFee3__head {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 40px;
  padding-right: 49px;
  padding-left: 48px;
  border-radius: 25px;
  color: #fff;
  font-size: min(1.9607843137vw, 20px);
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .tuitionFee3__head {
    top: -4.6666666667vw;
    height: 9.3333333333vw;
    padding-right: 15.4666666667vw;
    padding-left: 15.4666666667vw;
    border-radius: 4.6666666667vw;
    font-size: max(18px, min(4.8vw, 36px));
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .tuitionFee3__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .tuitionFee3__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-image: url(../image/tuitionfee3_plus.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.tuitionFee3__num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 20px;
  position: relative;
  padding-left: 37px;
  line-height: 1;
}
.tuitionFee3__num + .tuitionFee3__num {
  padding-right: 10px;
  padding-left: 0;
}
.tuitionFee3__numText {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  font-size: min(1.7647058824vw, 18px);
  letter-spacing: 0.075em;
}
.tuitionFee3__numPrice {
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
}
.tuitionFee3__numPrice em {
  font-size: min(3.9215686275vw, 40px);
}
.tuitionFee3__numPrice small {
  display: block;
  margin-top: 8px;
  color: #828282;
  font-size: min(1.568627451vw, 16px);
  font-weight: normal;
  text-align: right;
}
.tuitionFee3__numPrice small em {
  font-size: min(1.568627451vw, 16px);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tuitionFee3__num {
    padding-left: 20px;
  }
  .tuitionFee3__num + .tuitionFee3__num {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .tuitionFee3__num {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3.3333333333vw;
    padding-left: 0;
  }
  .tuitionFee3__num + .tuitionFee3__num {
    margin-top: 2.6666666667vw;
    padding-top: 2.6666666667vw;
    padding-right: 0;
    border-top: 1px solid #e6e6e6;
  }
  .tuitionFee3__numText {
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
  .tuitionFee3__numPrice {
    font-size: max(15px, min(4vw, 30px));
  }
  .tuitionFee3__numPrice em {
    font-size: max(24px, min(7.7333333333vw, 58px));
  }
  .tuitionFee3__numPrice small {
    margin-top: 0.6944444444vw;
    font-size: max(12px, min(3.2vw, 24px));
  }
  .tuitionFee3__numPrice small em {
    font-size: max(12px, min(3.2vw, 24px));
  }
}
.tuitionFee3__msg {
  margin-top: 10px;
  text-align: right;
}

.gfsLecture2 {
  background-color: #dde3fb;
}
.gfsLecture2__wrapper {
  padding-top: 100px;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__wrapper {
    padding-top: 75px;
    padding-bottom: 0;
  }
}
.gfsLecture2__title {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 44px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__title {
    margin-bottom: 100px;
    font-size: max(30px, min(8vw, 60px));
  }
}
.gfsLecture2__titleLead {
  color: #14279B;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__titleLead {
    font-size: max(18px, min(4.8vw, 36px));
  }
}
.gfsLecture2__title::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #14279B;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__title::after {
    bottom: -40px;
    width: 90px;
  }
}
.gfsLecture2__lead {
  text-align: center;
  font-weight: bold;
  color: #14279b;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__lead {
    line-height: 1.4;
    font-size: max(20px, min(5.3333333333vw, 40px));
  }
}
.gfsLecture2__leadImage {
  max-width: 580px;
  width: 580px;
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__leadImage {
    width: 670px;
    margin-top: 40px;
  }
}
.gfsLecture2__about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  max-width: 960px;
  width: 960px;
  margin: -40px auto 0;
  padding: 62px 50px;
  background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .gfsLecture2__about {
    width: 100%;
    gap: 55px;
  }
}
@media screen and (max-width: 767px) {
  .gfsLecture2__about {
    display: block;
    width: 100%;
    margin-top: -45px;
    padding-top: 75px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
.gfsLecture2__aboutSupport {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.gfsLecture2__aboutSupportText {
  line-height: 2.83;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutSupportText {
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
@media screen and (max-width: 320px) {
  .gfsLecture2__aboutSupportText {
    font-size: max(15px, min(4vw, 30px));
  }
}
.gfsLecture2__aboutSupportItem {
  position: relative;
  padding-left: 28px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutSupportItem {
    padding-left: 32px;
    line-height: 1.59;
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
@media screen and (max-width: 320px) {
  .gfsLecture2__aboutSupportItem {
    font-size: max(15px, min(4vw, 30px));
  }
}
.gfsLecture2__aboutSupportItem:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #13289b;
  border-radius: 9999px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutSupportItem:before {
    top: 26%;
    width: 20px;
    height: 20px;
  }
}
.gfsLecture2__aboutSupportItem + .gfsLecture2__aboutSupportItem {
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutSupportItem + .gfsLecture2__aboutSupportItem {
    margin-top: 20px;
  }
}
.gfsLecture2__aboutAnytime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  gap: 20px;
  margin-top: 6px;
  padding-left: 45px;
  border-left: 2px dotted #d8d8d8;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytime {
    position: relative;
    margin-top: 30px;
    padding-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
    border-left: none;
  }
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytime::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: radial-gradient(circle farthest-side, #d8d8d8, #d8d8d8 50%, transparent 50%, transparent);
    background-size: 4px 4px;
  }
}
.gfsLecture2__aboutAnytimeImage {
  margin-top: 15px;
  -webkit-flex-basis: 80px;
      -ms-flex-preferred-size: 80px;
          flex-basis: 80px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytimeImage {
    margin-top: 0;
  }
}
.gfsLecture2__aboutAnytimeContent {
  -webkit-flex-basis: calc(100% - 80px);
      -ms-flex-preferred-size: calc(100% - 80px);
          flex-basis: calc(100% - 80px);
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytimeContent {
    margin-top: 10px;
  }
}
.gfsLecture2__aboutAnytimeTitle {
  font-weight: bold;
  color: #5c7aea;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytimeTitle {
    font-size: max(18px, min(4.8vw, 36px));
  }
}
@media screen and (max-width: 320px) {
  .gfsLecture2__aboutAnytimeTitle {
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
.gfsLecture2__aboutAnytimeText {
  margin-top: 12px;
  line-height: 1.56;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__aboutAnytimeText {
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
@media screen and (max-width: 320px) {
  .gfsLecture2__aboutAnytimeText {
    font-size: max(15px, min(4vw, 30px));
  }
}
.gfsLecture2__aboutAnytimeText > em {
  color: #5c7aea;
}
.gfsLecture2__content {
  max-width: 960px;
  width: 100vw;
  margin: -40px auto 0;
  padding-top: 65px;
  padding-right: 50px;
  padding-bottom: 40px;
  padding-left: 50px;
  background-color: #fff;
}
@media screen and (max-width: 960px) {
  .gfsLecture2__content {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gfsLecture2__content {
    margin-top: -6vw;
    padding-top: 10vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 11.3333333333vw;
    padding-left: 5.3333333333vw;
  }
}
.gfsLecture2__contentImage {
  display: block;
  width: 100%;
  margin-top: min(1.568627451vw, 16px);
  margin-left: auto;
  margin-right: auto;
}
.gfsLecture2__contentImage img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.gfsLecture2__contentText {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__contentText {
    margin-bottom: 9.3333333333vw;
    font-size: max(14px, min(4.2666666667vw, 32px));
    line-height: 1.6;
  }
}
.gfsLecture2__contentAnytime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px dotted #d3d9db;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__contentAnytime {
    gap: 5.0666666667vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.gfsLecture2__contentAnytimeImage {
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__contentAnytimeImage {
    -webkit-flex-basis: 7.2222222222vw;
        -ms-flex-preferred-size: 7.2222222222vw;
            flex-basis: 7.2222222222vw;
  }
}
.gfsLecture2__contentAnytimeTitle {
  color: #5c7aea;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__contentAnytimeTitle {
    font-size: max(16px, min(4.8vw, 36px));
  }
}
.gfsLecture2__contentAnytimeText {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .gfsLecture2__contentAnytimeText {
    margin-top: 4vw;
    font-size: max(14px, min(4.2666666667vw, 32px));
    line-height: 1.44;
  }
}
.gfsLecture2__contentAnytimeText em {
  color: #5c7aea;
}
.gfsLecture2--2 {
  background-color: #82bcf6;
}
.gfsLecture2--2 .gfsLecture2__title {
  color: #fff;
}
.gfsLecture2--2 .gfsLecture2__title::after {
  background-color: #fff;
}
.gfsLecture2--2 .gfsLecture2__titleLead {
  color: #fff;
}
.gfsLecture2--2 .gfsLecture2__lead {
  color: #fff;
}
.gfsLecture2--2 .gfsLecture2__leadImage {
  position: relative;
  max-width: 960px;
  width: min(100vw, 960px);
  height: min(32.2916666667vw, 310px);
  margin-top: min(3.6458333333vw, 35px);
  margin-right: auto;
  margin-left: auto;
}
.gfsLecture2--2 .gfsLecture2__leadImageComment {
  position: absolute;
  top: 0;
  left: 0;
  width: min(46.4583333333vw, 446px);
  height: auto;
  z-index: 1;
}
.gfsLecture2--2 .gfsLecture2__leadImageCharacter {
  position: absolute;
  bottom: 0;
  left: min(37.9166666667vw, 364px);
  width: min(26.3541666667vw, 253px);
}
@media screen and (min-width: 769px) {
  .gfsLecture2--2 .gfsLecture2__leadImage::after {
    content: "";
    display: block;
    position: absolute;
    top: min(5.7291666667vw, 55px);
    right: min(12.9166666667vw, 124px);
    width: min(21.3541666667vw, 205px);
    height: min(14.2708333333vw, 137px);
    background: url(../image/gfslecture2_image04.webp) no-repeat left top/cover;
  }
}
@media screen and (max-width: 767px) {
  .gfsLecture2--2 .gfsLecture2__leadImage {
    position: revert;
    width: 100%;
    height: auto;
    margin-top: 5.8666666667vw;
  }
  .gfsLecture2--2 .gfsLecture2__leadImageComment {
    position: revert;
    width: min(89.3333333333vw, 670px);
    margin: 0 auto;
  }
  .gfsLecture2--2 .gfsLecture2__leadImageCharacter {
    display: block;
    position: revert;
    width: 90%;
    max-width: 253px;
    margin: 0 auto;
  }
}
.gfsLecture2--2 .gfsLecture2__content {
  margin-top: max(-12.5vw, -120px);
  padding-top: min(13.5416666667vw, 130px);
}
@media screen and (max-width: 767px) {
  .gfsLecture2--2 .gfsLecture2__content {
    margin-top: -22.6388888889vw;
    padding-top: 31.25vw;
  }
}
.gfsLecture2--3 {
  background-color: #E5E4E4;
}
.gfsLecture2--3 .gfsLecture2__title {
  color: #333;
}
.gfsLecture2--3 .gfsLecture2__title::after {
  background-color: #1E4C8C;
}
.gfsLecture2--3 .gfsLecture2__titleLead {
  color: #333;
}
@media screen and (max-width: 767px) {
  .gfsLecture2--3 .gfsLecture2__title {
    margin-bottom: 10.6666666667vw;
  }
  .gfsLecture2--3 .gfsLecture2__title::after {
    bottom: -5.0666666667vw;
    width: 12vw;
  }
}
.gfsLecture2--3 .gfsLecture2__lead {
  color: #333;
}
.gfsLecture2--3 .gfsLecture2__leadImage {
  position: relative;
  max-width: 960px;
  width: min(100vw, 960px);
  height: min(35vw, 336px);
  margin-top: min(3.6458333333vw, 35px);
  margin-right: auto;
  margin-left: auto;
}
.gfsLecture2--3 .gfsLecture2__leadImageComment {
  position: absolute;
  top: 0;
  left: 0;
  width: min(45.8333333333vw, 440px);
  height: auto;
  z-index: 1;
}
.gfsLecture2--3 .gfsLecture2__leadImageCharacter {
  position: absolute;
  bottom: 0;
  left: min(38.3333333333vw, 368px);
  width: min(27.1875vw, 261px);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 769px) {
  .gfsLecture2--3 .gfsLecture2__leadImage::after {
    content: "";
    display: block;
    position: absolute;
    top: min(8.4375vw, 81px);
    right: min(11.4583333333vw, 110px);
    width: min(21.25vw, 204px);
    height: min(14.2708333333vw, 137px);
    background: url(../image/gfslecture2_image05.webp) no-repeat left top/cover;
  }
}
@media screen and (max-width: 767px) {
  .gfsLecture2--3 .gfsLecture2__leadImage {
    position: revert;
    width: 100%;
    height: auto;
    margin-top: 5.8666666667vw;
  }
  .gfsLecture2--3 .gfsLecture2__leadImageComment {
    position: revert;
    width: min(89.3333333333vw, 670px);
    margin: 0 auto;
  }
  .gfsLecture2--3 .gfsLecture2__leadImageCharacter {
    display: block;
    position: revert;
    width: 90%;
    max-width: 253px;
    margin: 0 auto;
  }
}
.gfsLecture2--3 .gfsLecture2__content {
  margin-top: max(-12.5vw, -120px);
  padding-top: min(13.5416666667vw, 130px);
}
@media screen and (max-width: 767px) {
  .gfsLecture2--3 .gfsLecture2__content {
    margin-top: -22.6388888889vw;
    padding-top: 31.25vw;
  }
}
.gfsLecture2--3 .gfsLecture2__contentAnytimeTitle {
  color: #1E4C8C;
}
.gfsLecture2--3 .gfsLecture2__contentAnytimeText em {
  color: #1E4C8C;
}

.lectureContent__flow {
  background-color: #f3f3ff;
}
.lectureContent__actual {
  background-color: #fff;
}
.lectureContent__actual .lectureContent__title {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px) {
  .lectureContent__actual .lectureContent__title {
    margin-bottom: 14.1333333333vw;
  }
}
.lectureContent__wrapper {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__wrapper {
    margin-right: 5.3vw;
    margin-left: 5.3vw;
    padding-top: 10.7vw;
    padding-bottom: 10.7vw;
  }
}
.lectureContent__title {
  position: relative;
  margin-bottom: 72px;
  font-size: 4.4rem;
  text-align: center;
  font-weight: bold;
}
.lectureContent__title::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #3d56b2;
}
@media screen and (max-width: 767px) {
  .lectureContent__title {
    margin-bottom: 13.3333333333vw;
    font-size: max(30px, min(8vw, 60px));
  }
  .lectureContent__title::after {
    bottom: -5.3333333333vw;
    width: 12vw;
  }
}
.lectureContent__text {
  margin: -10px 0 65px;
  font-size: 1.8rem;
  line-height: 2.8125vw;
  text-align: center;
}
.lectureContent__text em {
  color: #3d56b2;
}
@media screen and (max-width: 767px) {
  .lectureContent__text {
    margin-top: 5.3333333333vw;
    font-size: 2.2rem;
    line-height: 1.6;
    text-align: left;
  }
}
.lectureContent__listWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
.lectureContent__listWrap + .lectureContent__listWrap .lectureContent__accordion {
  border-top: 0;
}
.lectureContent__listWrap .lectureContent__listTitle {
  height: 46px;
  background-color: transparent;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 21px;
  border-radius: 0;
  line-height: 2.2916666667vw;
  font-size: max(18px, min(1.5277777778vw, 22px));
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap .lectureContent__listTitle {
    height: 8vw;
    margin-left: 0;
    padding-left: 5.3vw;
    font-size: max(18px, min(4.8vw, 36px));
  }
}
.lectureContent__listWrap:last-child .lectureContent__listData {
  border-bottom: 1px solid #d8d8d8;
}
.lectureContent__listWrap .lectureContent__accordionTitle {
  font-weight: normal;
}
.lectureContent__listWrap .lectureContent__accordionItem::before {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}
.lectureContent__listWrap--base {
  padding-bottom: 0;
}
.lectureContent__listWrap--base .lectureContent__listData {
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base .lectureContent__listData:first-child {
    border-top: 1px solid #d8d8d8;
  }
}
.lectureContent__listWrap--base .lectureContent__listOrder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 11px 0;
}
.lectureContent__listWrap--base .lectureContent__listOrderItem {
  font-size: 1.6rem;
  line-height: 2.5vw;
  letter-spacing: 7.8125vw;
}
.lectureContent__listWrap--base .lectureContent__listOrderItem:nth-child(odd) {
  width: 53%;
}
.lectureContent__listWrap--base .lectureContent__listOrderItem:nth-child(even) {
  width: 47%;
}
.lectureContent__listWrap--base .lectureContent__listOrderUnit {
  padding-right: 6px;
  color: #4fb5ba;
  font-weight: bold;
}
.lectureContent__listWrap--base .lectureContent__listNote {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 3.75vw;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base .lectureContent__listNote {
    margin-top: 2.0833333333vw;
    font-size: max(14px, min(3.7333333333vw, 28px));
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base .lectureContent__listInner {
    margin-top: 5.3333333333vw;
  }
}
.lectureContent__listWrap--base .lectureContent__accordionButton {
  background-color: #fff;
}
.lectureContent__listWrap--base .lectureContent__accordionItem {
  line-height: 1.4;
}
.lectureContent__listWrap--base .lectureContent__accordionItem::before {
  background-color: #4fb5ba;
}
.lectureContent__listWrap--base01 .lectureContent__listTitle {
  border-left: 6px solid #4fb5ba;
  color: #4fb5ba;
}
.lectureContent__listWrap--base01 .lectureContent__listData:first-child {
  border-top: 1px solid #d8d8d8;
}
.lectureContent__listWrap--base01 .lectureContent__accordionTitle::after {
  border-right: 2px solid #4fb5ba;
  border-bottom: 2px solid #4fb5ba;
}
.lectureContent__listWrap--base01 .lectureContent__accordionItem::before {
  background-color: #4fb5ba;
}
.lectureContent__listWrap--base02 .lectureContent__listTitle {
  border-left: 6px solid #387f8b;
  color: #387f8b;
}
.lectureContent__listWrap--base02 .lectureContent__accordionTitle::after {
  border-right: 2px solid #387f8b;
  border-bottom: 2px solid #387f8b;
}
.lectureContent__listWrap--base02 .lectureContent__accordionItem::before {
  background-color: #387f8b;
}
.lectureContent__listWrap--base03 .lectureContent__listTitle {
  border-left: 6px solid #00535c;
  color: #00535c;
}
.lectureContent__listWrap--base03 .lectureContent__accordionTitle::after {
  border-right: 2px solid #00535c;
  border-bottom: 2px solid #00535c;
}
.lectureContent__listWrap--base03 .lectureContent__accordionItem::before {
  background-color: #00535c;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 + .lectureContent__listWrap--base04 {
    margin-top: 10.6666666667vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__listTitle {
  border-left: 6px solid #5c7aea;
  color: #5c7aea;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__listTitle {
    border-left-width: 1.1vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordion[open] {
  padding-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordion[open] {
    padding-bottom: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionTitle {
    padding-left: 2.6666666667vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionTitle::after {
  border-right: 2px solid #5c7aea;
  border-bottom: 2px solid #5c7aea;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionTitle::after {
    border-right-width: 0.53vw;
    border-bottom-width: 0.53vw;
    right: 2.7vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionInner {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionInner {
    margin-top: 5.3333333333vw;
    margin-left: 2.6666666667vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionHead {
  color: #5c7aea;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionHead {
    margin-bottom: 3.2vw;
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
@media screen and (min-width: 768px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionList {
    gap: 4px;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionList + .lectureContent__accordionHead {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionList + .lectureContent__accordionHead {
    margin-top: 6.4vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionItem {
  line-height: 1.6;
}
.lectureContent__listWrap--base04 .lectureContent__accordionItem::before {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionItem::before {
    -webkit-transform: translateY(1.9vw);
            transform: translateY(1.9vw);
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionItem + .lectureContent__accordionItem {
    margin-top: 0.5555555556vw;
  }
}
.lectureContent__listWrap--base04 .lectureContent__accordionMore {
  line-height: 1.6;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--base04 .lectureContent__accordionMore {
    margin-top: 4.8vw;
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
.lectureContent__listWrap--course .lectureContent__accordionItem::before {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap--course .lectureContent__accordionItem::before {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
.lectureContent__listWrap--beginner .lectureContent__listTitle {
  border-left: 6px solid #5c7aea;
  color: #5c7aea;
}
.lectureContent__listWrap--beginner .lectureContent__accordionTitle::after {
  border-right: 2px solid #5c7aea;
  border-bottom: 2px solid #5c7aea;
}
.lectureContent__listWrap--beginner .lectureContent__accordionItem::before {
  background-color: #5c7aea;
}
.lectureContent__listWrap--intermediate .lectureContent__listTitle {
  border-left: 6px solid #3d56b2;
  color: #3d56b2;
}
.lectureContent__listWrap--intermediate .lectureContent__accordionTitle::after {
  border-right: 2px solid #3d56b2;
  border-bottom: 2px solid #3d56b2;
}
.lectureContent__listWrap--intermediate .lectureContent__accordionItem::before {
  background-color: #3d56b2;
}
.lectureContent__listWrap--advanced .lectureContent__listTitle {
  border-left: 6px solid #14279b;
  color: #14279b;
}
.lectureContent__listWrap--advanced .lectureContent__listData:last-child {
  border-bottom: 1px solid #d8d8d8;
}
.lectureContent__listWrap--advanced .lectureContent__accordionTitle::after {
  border-right: 2px solid #14279b;
  border-bottom: 2px solid #14279b;
}
.lectureContent__listWrap--advanced .lectureContent__accordionItem::before {
  background-color: #14279b;
}
.lectureContent__listTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-basis: 172px;
      -ms-flex-preferred-size: 172px;
          flex-basis: 172px;
  height: 50px;
  background-color: #5c7aea;
  border-radius: 5px;
  color: #fff;
  font-size: 2.6rem;
}
.lectureContent__listTitle--0 {
  background-color: #4fb5ba;
}
.lectureContent__listTitle--1 {
  background-color: #5c7aea;
}
.lectureContent__listTitle--2 {
  background-color: #3d56b2;
}
.lectureContent__listTitle--3 {
  background-color: #14279b;
}
.lectureContent__listInner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lectureContent__listData {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.lectureContent__listData + .lectureContent__listData {
  border-top: 0;
}
.lectureContent__listData:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  .lectureContent__listWrap {
    display: block;
  }
  .lectureContent__listWrap + .lectureContent__listWrap {
    margin-top: 9.3vw;
  }
  .lectureContent__listWrap--base {
    padding-bottom: 0;
  }
  .lectureContent__listWrap--base .lectureContent__listTitle {
    position: relative;
    z-index: 99;
  }
  .lectureContent__listWrap--base .lectureContent__listInner {
    margin-top: -6.25vw;
  }
  .lectureContent__listWrap--base .lectureContent__listOrder {
    gap: 1.3888888889vw 0;
  }
  .lectureContent__listWrap--base .lectureContent__listOrderItem {
    font-size: max(16px, min(4.2666666667vw, 32px));
    letter-spacing: 10vw;
    line-height: 1.5;
  }
  .lectureContent__listWrap--base .lectureContent__listOrderItem:nth-child(odd) {
    width: 100%;
  }
  .lectureContent__listWrap--base .lectureContent__listOrderItem:nth-child(even) {
    width: 100%;
  }
  .lectureContent__listWrap--base .lectureContent__listData {
    padding: 16vw 5.3333333333vw 5.3333333333vw;
  }
  .lectureContent__listTitle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 8vw;
    margin-left: -5.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: max(18px, min(4.8vw, 36px));
  }
  .lectureContent__listInner {
    margin-top: 5.3333333333vw;
  }
  .lectureContent__listData:last-child {
    border-bottom: 1px solid #d8d8d8;
  }
}
.lectureContent__explain {
  position: relative;
  height: 160px;
  margin-bottom: 40px;
  padding: 0 248px 0 0;
  letter-spacing: 0.01em;
}
.lectureContent__explain::before, .lectureContent__explain::after {
  content: "";
  position: absolute;
}
.lectureContent__explain::before {
  display: block;
  top: 0;
  right: 62px;
  width: 131px;
  height: 122px;
  background-image: url(../image/lecturecontent_image02.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.lectureContent__explain--0::before {
  display: block;
  top: 0;
  width: 156px;
  height: 120px;
  background-image: url(../image/lecturecontent_image01.webp);
}
.lectureContent__explain--0 .lectureContent__explainTitle {
  border-bottom: 2px solid #4fb5ba;
  color: #4fb5ba;
}
.lectureContent__explainTitle {
  padding-bottom: 20px;
  border-bottom: 2px solid #5c7aea;
  color: #5c7aea;
  font-size: 3.4rem;
}
.lectureContent__explainText {
  margin-top: 12px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .lectureContent__explain {
    height: auto;
    margin-bottom: 9.3vw;
    padding-top: 6.7vw;
    padding-right: 0;
    padding-bottom: 6.7vw;
    padding-left: 0;
  }
  .lectureContent__explain::before {
    top: calc(-6.6vw + 20px);
    right: 5.3vw;
    width: 21.9vw;
    height: 20.3vw;
  }
  .lectureContent__explain::after {
    width: 10.6666666667vw;
    height: 4vw;
  }
  .lectureContent__explain--0::before {
    top: calc(-6.6vw + 31px);
    width: 25.9vw;
    height: 20vw;
  }
  .lectureContent__explainTitle {
    font-size: max(25px, min(6.6666666667vw, 50px));
  }
  .lectureContent__explainText {
    margin-top: 3.4666666667vw;
    font-size: max(14px, min(4.2666666667vw, 32px));
    line-height: 1.56;
  }
}
.lectureContent__step {
  position: relative;
  margin: 0 auto 60px;
  padding: 0 63px 63px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__step {
    padding: 0 6vw 63px;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__step {
    margin: 0 auto 15.5vw;
    border-radius: 2.7vw;
    padding: 0 5.3vw 60vw;
  }
}
.lectureContent__step::after {
  content: "";
  display: block;
  width: 359px;
  height: 150px;
  position: absolute;
  bottom: 0;
  right: 63px;
  background: url(../image/lecturecontent_image03__pc.webp) center/contain no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__step::after {
    width: 4.8162230672vw;
    height: 1.9011406844vw;
    right: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__step::after {
    width: 81.5vw;
    height: 49.9vw;
    right: 50%;
    -webkit-transform: translateX(53%);
            transform: translateX(53%);
    background: url(../image/lecturecontent_image03__sp.webp) center/contain no-repeat;
  }
}
.lectureContent__stepTitle {
  width: 290px;
  margin: 0 auto 23px;
  padding: 12px 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #4fb5ba;
  border-radius: 5px;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepTitle {
    width: 66.7vw;
    margin: 0 auto 5.3vw;
    border-radius: 1.3vw;
    font-size: 1.8rem;
  }
}
.lectureContent__stepText {
  margin-bottom: 20px;
  font-size: 2rem;
  color: #4fb5ba;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepText {
    margin-bottom: 4vw;
    font-size: max(16px, min(4.5333333333vw, 34px));
  }
}
.lectureContent__stepWrapper {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 3px dotted #ccc;
}
.lectureContent__stepSlide {
  position: relative;
  width: calc(83.5vw - 120px);
  max-width: 714px;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepSlide {
    width: 73.3vw;
  }
}
.lectureContent__stepList {
  margin-bottom: 20px;
}
.lectureContent__stepItem {
  margin: 0 auto;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.lectureContent__stepImage {
  display: block;
  width: 100%;
  margin-top: min(1.568627451vw, 16px);
  margin-left: auto;
  margin-right: auto;
}
.lectureContent__stepImage img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepImage {
    width: 49.5vw;
  }
}
.lectureContent__step .swiper-wrapper {
  height: auto;
}
.lectureContent__stepInfo {
  position: relative;
  width: 100%;
  max-width: 216px;
  min-height: 73px;
  padding: 16px 8px;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center;
  background-color: #f3f3ff;
  border-radius: 5px;
  font-size: 1.4rem;
  line-height: 1.43;
  text-align: center;
  word-break: keep-all;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__stepInfo {
    max-width: none;
    font-size: max(12px, min(1.3671875vw, 14px));
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__stepInfo {
    width: 68vw;
    max-width: none;
    min-height: 60px;
    padding: 13px 8px;
    border-radius: 1.3vw;
    line-height: 1.2;
  }
}
.lectureContent__stepInfo::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  width: 12px;
  height: 9px;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #f3f3ff;
}
.lectureContent__stepPagination {
  text-align: center;
}
.lectureContent__stepPagination .swiper-pagination-bullet {
  background-color: #d1d1d1;
}
.lectureContent__stepPagination .swiper-pagination-bullet-active {
  background-color: #4fb5ba;
}
.lectureContent__stepSlidePrev, .lectureContent__stepSlideNext {
  position: absolute;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center;
  top: 158px;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: #4fb5ba;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  z-index: 1;
}
.lectureContent__stepSlidePrev::before, .lectureContent__stepSlidePrev::after, .lectureContent__stepSlideNext::before, .lectureContent__stepSlideNext::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 11px;
  width: 13px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
}
.lectureContent__stepSlidePrev::before, .lectureContent__stepSlideNext::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% + 1px);
}
.lectureContent__stepSlidePrev::after, .lectureContent__stepSlideNext::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 5px);
}
.lectureContent__stepSlidePrev:hover, .lectureContent__stepSlideNext:hover {
  background-color: rgba(79, 181, 186, 0.6);
}
.lectureContent__stepSlideNext {
  left: auto;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lectureContent__stepFlow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 33px 56px;
  gap: 33px 56px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__stepFlow {
    gap: 33px 5vw;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlow {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.lectureContent__stepFlowItem {
  position: relative;
  padding-left: 80px;
}
.lectureContent__stepFlowItem:last-child {
  margin-top: -20px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureContent__stepFlowItem:last-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlowItem:last-child {
    margin-top: 0;
  }
}
.lectureContent__stepFlowItem::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.lectureContent__stepFlowItem--01::before {
  background-image: url(../image/lecturecontent_icon01.webp);
}
.lectureContent__stepFlowItem--02::before {
  background-image: url(../image/lecturecontent_icon02.webp);
}
.lectureContent__stepFlowItem--03::before {
  background-image: url(../image/lecturecontent_icon03.webp);
}
.lectureContent__stepFlowItem--04::before {
  background-image: url(../image/lecturecontent_icon04.webp);
}
.lectureContent__stepFlowItem--05::before {
  background-image: url(../image/lecturecontent_icon05.webp);
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlowItem::after {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 30px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 122px;
    background-color: #4fb5ba;
  }
  .lectureContent__stepFlowItem--05::after {
    display: none;
  }
}
.lectureContent__stepFlowNumber {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 13px;
  padding: 7px 19px 7px 23px;
  background-color: #f3f3ff;
  border-radius: 13px 13px 13px 0;
  font-size: 1.3rem;
  color: #4fb5ba;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlowNumber {
    margin-bottom: 9px;
    padding: 7px 17px 7px 18px;
  }
}
.lectureContent__stepFlowNumber em {
  font-size: 1.6rem;
}
.lectureContent__stepFlowTitle {
  margin-bottom: 13px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlowTitle {
    font-size: 1.9rem;
  }
}
.lectureContent__stepFlowTitleMark {
  color: #4fb5ba;
  font-weight: bold;
  border-bottom: 1px solid #4fb5ba;
}
@media screen and (max-width: 767px) {
  .lectureContent__stepFlowText {
    line-height: 1.59;
  }
}
.lectureContent__note {
  margin-top: 20px;
  font-size: 1.2rem;
  text-align: right;
  color: #666;
}
@media screen and (max-width: 767px) {
  .lectureContent__note {
    margin-top: 5.3333333333vw;
    font-size: max(10px, min(2.6666666667vw, 20px));
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.lectureContent__accordion[open] {
  padding-bottom: 30px;
}
.lectureContent__accordion[open] .lectureContent__accordionTitle::after {
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.lectureContent__accordionTitle {
  position: relative;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  list-style: none;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: bold;
}
.lectureContent__accordionTitle::-webkit-details-marker {
  display: none;
}
.lectureContent__accordionTitle::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}
.lectureContent__accordionInner {
  margin-top: 20px;
  margin-left: 20px;
}
.lectureContent__accordionHead {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 1.6rem;
}
.lectureContent__accordionHead--02 {
  color: #5c7aea;
}
.lectureContent__accordionList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
.lectureContent__accordionList + .lectureContent__accordionHead {
  margin-top: 30px;
}
.lectureContent__accordionItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: calc(50% - 10px);
      -ms-flex-preferred-size: calc(50% - 10px);
          flex-basis: calc(50% - 10px);
  gap: 6px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lectureContent__accordionItem::before {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  border-radius: 10px;
  background-color: #5c7aea;
}
.lectureContent__accordionMore {
  margin-top: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .lectureContent__accordionTitle {
    padding-top: 4.8vw;
    padding-left: 5.3333333333vw;
    padding-bottom: 4.8vw;
    font-size: max(18px, min(4.8vw, 36px));
  }
  .lectureContent__accordionInner {
    margin-top: 5.3333333333vw;
    margin-left: 5.3333333333vw;
  }
  .lectureContent__accordionList {
    display: block;
  }
  .lectureContent__accordionItem {
    gap: 0.6944444444vw;
    font-size: max(16px, min(4.2666666667vw, 32px));
    line-height: 1.5;
  }
  .lectureContent__accordionItem::before {
    -webkit-transform: translateY(0.9722222222vw);
            transform: translateY(0.9722222222vw);
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 2.7vw;
  }
  .lectureContent__accordionItem + .lectureContent__accordionItem {
    margin-top: 2.4vw;
  }
}
.lectureContent__accordion--base .lectureContent__accordion {
  position: relative;
}
.lectureContent__accordion--base .lectureContent__accordionButton {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(100%, 25.0666666667vw);
  min-height: 39px;
  margin: 27px auto 0;
  padding-right: 21px;
  background: #f3f3ff;
}
.lectureContent__accordion--base .lectureContent__accordionButton:hover {
  cursor: pointer;
}
.lectureContent__accordion--base .lectureContent__accordionButton::before {
  width: 100%;
  text-align: center;
  content: "もっと見る";
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #5c7aea;
}
.lectureContent__accordion--base .lectureContent__accordionButton::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 23px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-right: 2px solid #5c7aea;
  border-bottom: 2px solid #5c7aea;
}
.lectureContent__accordion--base[open] {
  margin-top: 10px;
  padding-bottom: 65px;
}
.lectureContent__accordion--base[open] .lectureContent__accordionButton {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lectureContent__accordion--base[open] .lectureContent__accordionButton::before {
  content: "閉じる";
}
.lectureContent__accordion--base[open] .lectureContent__accordionButton::after {
  top: calc(50% + 5px);
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .lectureContent__accordion--base .lectureContent__accordionButton {
    width: 18.0555555556vw;
    min-height: 4.1666666667vw;
    margin: 4vw auto 0;
    padding-right: 0;
  }
  .lectureContent__accordion--base .lectureContent__accordionButton::before {
    font-size: max(14px, min(3.7333333333vw, 28px));
    line-height: 1.93;
    letter-spacing: 0.025em;
  }
  .lectureContent__accordion--base .lectureContent__accordionButton::after {
    top: calc(50% - 0.2666666667vw);
    right: 2.9333333333vw;
    width: 1.6vw;
    height: 1.6vw;
  }
  .lectureContent__accordion--base[open] {
    padding-bottom: 12vw;
  }
  .lectureContent__accordion--base[open] .lectureContent__accordionButton {
    bottom: 5.3333333333vw;
    margin: 0 auto;
  }
  .lectureContent__accordion--base[open] .lectureContent__accordionButton::after {
    top: calc(50% + 0.2666666667vw);
  }
}
.lectureContent__stepList {
  height: auto;
}
@media screen and (min-width: 768px) {
  .lectureContent .lectureContent__explain--0 + .lectureContent__listWrap--base .lectureContent__listData:first-child {
    border-top: 1px solid #d8d8d8;
  }
}
.lectureContent .lectureContent__listWrap--base + .lectureContent__explain {
  margin-top: 60px;
}
.lectureContent__stepFlowText {
  font-size: 1.6rem;
}
.lectureContent--2 .lectureContent__flow {
  background-color: #E4F1FF;
}
.lectureContent--2 .lectureContent__title::after {
  background-color: #1E4C8C;
}
.lectureContent--2 .lectureContent__text em {
  color: #1E4C8C;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
}
.lectureContent--2 .lectureContent__stepInfo {
  background-color: #EDF5F5;
}
.lectureContent--2 .lectureContent__stepFlowNumber {
  padding: 4px 12px 4px 16px;
  background-color: #EDF5F5;
}

.lectureCurriculum {
  padding: 101px 20px;
  background-color: #efefef;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum {
    padding: 11.2vw 0 10.7vw;
  }
}
.lectureCurriculum__wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__wrapper {
    padding: 0 5.3vw;
  }
}
.lectureCurriculum__title {
  position: relative;
  margin-bottom: 72px;
  line-height: 1.4;
  font-size: 4.4rem;
  text-align: center;
  font-weight: bold;
}
.lectureCurriculum__title > em {
  color: #14279b;
}
.lectureCurriculum__title::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #3d56b2;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__title {
    margin-bottom: 13.3vw;
    line-height: 1.38;
    font-size: max(24px, min(6.4vw, 48px));
    text-align: left;
  }
  .lectureCurriculum__title::after {
    bottom: -5.3vw;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 12vw;
  }
}
.lectureCurriculum__text {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__text {
    text-align: left;
    font-size: max(16px, min(4.2666666667vw, 32px));
    line-height: 1.56;
  }
}
.lectureCurriculum__step {
  max-width: 840px;
  margin: 30px auto 0;
}
.lectureCurriculum__textEmphasis {
  color: #14279b;
  font-weight: bold;
}
.lectureCurriculum table {
  width: 100%;
  table-layout: fixed;
}
.lectureCurriculum table tr th:first-child {
  width: 80px;
}
.lectureCurriculum table tr td:first-child {
  width: 80px;
}
.lectureCurriculum table td {
  vertical-align: middle;
}
.lectureCurriculum__table {
  max-width: 845px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  border-spacing: 6px 10px;
  border-collapse: separate;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__table {
    margin: 7.1vw -1.3vw 0;
  }
}
.lectureCurriculum__tableBody tr:nth-of-type(1) .lectureCurriculum__tableDataDate {
  background-color: #4fb5ba;
  line-height: 1.43;
}
.lectureCurriculum__tableBody tr:nth-of-type(1) .lectureCurriculum__tableDataItem:before {
  background-color: #4fb5ba;
}
.lectureCurriculum__tableBody tr:nth-of-type(2) .lectureCurriculum__tableDataDate {
  background-color: #52a9c4;
}
.lectureCurriculum__tableBody tr:nth-of-type(2) .lectureCurriculum__tableDataItem:before {
  background-color: #52a9c4;
}
.lectureCurriculum__tableBody tr:nth-of-type(3) .lectureCurriculum__tableDataDate {
  background-color: #549dcd;
}
.lectureCurriculum__tableBody tr:nth-of-type(3) .lectureCurriculum__tableDataItem:before {
  background-color: #549dcd;
}
.lectureCurriculum__tableBody tr:nth-of-type(4) .lectureCurriculum__tableDataDate {
  background-color: #5792d7;
}
.lectureCurriculum__tableBody tr:nth-of-type(4) .lectureCurriculum__tableDataItem:before {
  background-color: #5792d7;
}
.lectureCurriculum__tableBody tr:nth-of-type(5) .lectureCurriculum__tableDataDate {
  background-color: #5986e0;
}
.lectureCurriculum__tableBody tr:nth-of-type(5) .lectureCurriculum__tableDataItem:before {
  background-color: #5986e0;
}
.lectureCurriculum__tableBody tr:nth-of-type(6) .lectureCurriculum__tableDataDate {
  padding: 10px 0;
  background-color: #5c7aea;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
}
.lectureCurriculum__tableBody tr:nth-of-type(6) .lectureCurriculum__tableDataItem:first-child {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.lectureCurriculum__tableBody tr:nth-of-type(6) .lectureCurriculum__tableDataItem:before {
  background-color: #5c7aea;
}
.lectureCurriculum__tableBody tr:nth-of-type(7) .lectureCurriculum__tableDataDate {
  padding: 20px 0;
  background-color: #5c7aea;
  -webkit-clip-path: none;
          clip-path: none;
  vertical-align: baseline;
}
.lectureCurriculum__tableBody tr:nth-of-type(7) .lectureCurriculum__tableDataItem {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
.lectureCurriculum__tableBody tr:nth-of-type(7) .lectureCurriculum__tableDataItem:before {
  background-color: #5c7aea;
}
.lectureCurriculum__tableBody .lectureCurriculum__tableDataDate {
  min-height: 78px;
  padding: 10px 0 20px;
}
.lectureCurriculum__tableBody .lectureCurriculum__tableDataText {
  padding: 30px 20px;
}
.lectureCurriculum__tableBody .lectureCurriculum__tableDataItem {
  line-height: 1;
}
.lectureCurriculum__tableBody .lectureCurriculum__tableDataItem::before {
  top: 0.3em;
}
.lectureCurriculum__tableRow--head {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tableRow--head {
    -webkit-transform: translateY(-0.6944444444vw);
            transform: translateY(-0.6944444444vw);
  }
}
.lectureCurriculum__tabelHeadDate {
  padding: 9px 0 10px;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 1px solid #3d56b2;
  color: #3d56b2;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tabelHeadDate {
    padding: 1.0416666667vw 0;
    font-size: max(12px, min(3.2vw, 24px));
  }
}
.lectureCurriculum__tabelHeadText {
  padding: 0 20px;
  background-color: #d8d8d8;
  -moz-text-align-last: left;
       text-align-last: left;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tabelHeadText {
    font-size: max(14px, min(3.7333333333vw, 28px));
  }
}
.lectureCurriculum__tableDataDate {
  padding: 15px 0 30px;
  color: #fff;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
          clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
  text-align: center;
  font-size: 1.68rem;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tableDataDate {
    width: 9.0277777778vw;
    -webkit-clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
            clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
    font-size: max(14px, min(3.7333333333vw, 28px));
  }
}
.lectureCurriculum__tableDataText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: calc(100% - 80px - 5px);
      -ms-flex-preferred-size: calc(100% - 80px - 5px);
          flex-basis: calc(100% - 80px - 5px);
  padding: 20px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tableDataText {
    display: block;
    padding: 2.7777777778vw 2.2222222222vw;
  }
}
.lectureCurriculum__tableDataList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 750px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tableDataList {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}
.lectureCurriculum__tableDataItem {
  position: relative;
  padding-left: 16px;
  font-size: 1.8rem;
  line-height: 1.4;
}
.lectureCurriculum__tableDataItem::before {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0.4em;
  background-color: #3d56b2;
  border-radius: 50%;
  display: block;
  content: "";
}
.lectureCurriculum__tableDataItem:first-child {
  -webkit-flex-basis: 180px;
      -ms-flex-preferred-size: 180px;
          flex-basis: 180px;
}
.lectureCurriculum__tableDataItem + .lectureCurriculum__tableDataItem {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .lectureCurriculum__tableDataItem {
    padding-left: 2.0833333333vw;
    font-size: max(16px, min(4.2666666667vw, 32px));
    line-height: 1.4;
  }
  .lectureCurriculum__tableDataItem::before {
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
  .lectureCurriculum__tableDataItem + .lectureCurriculum__tableDataItem {
    margin-top: 1.0416666667vw;
    margin-left: 0;
  }
}
.lectureCurriculum__stepImage {
  display: block;
  width: 100%;
  margin-top: min(1.568627451vw, 16px);
  margin-left: auto;
  margin-right: auto;
}
.lectureCurriculum__stepImage img {
  width: 100%;
  height: auto;
}
.lectureCurriculum table tr th:first-child {
  text-align: center;
}
.lectureCurriculum--2 {
  background-color: #fff;
}
.lectureCurriculum--2 .lectureCurriculum__title em {
  color: #1E4C8C;
}
.lectureCurriculum--2 .lectureCurriculum__textEmphasis {
  color: #1E4C8C;
}
.lectureCurriculum--2 .lectureCurriculum__tableDataText {
  background-color: #F4F4F4;
}

.lectureMovie {
  background-color: #fff;
}
.lectureMovie__title {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px) {
  .lectureMovie__title {
    margin-bottom: 14.1333333333vw;
  }
}
.lectureMovie__wrapper {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .lectureMovie__wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lectureMovie__wrapper {
    margin-right: 5.3vw;
    margin-left: 5.3vw;
    padding-top: 10.7vw;
    padding-bottom: 10.7vw;
  }
}
.lectureMovie__title {
  position: relative;
  margin-bottom: 72px;
  font-size: 4.4rem;
  text-align: center;
  font-weight: bold;
}
.lectureMovie__title::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #3d56b2;
}
@media screen and (max-width: 767px) {
  .lectureMovie__title {
    margin-bottom: 13.3333333333vw;
    font-size: max(30px, min(8vw, 60px));
  }
  .lectureMovie__title::after {
    bottom: -5.3333333333vw;
    width: 12vw;
  }
}
.lectureMovie__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.lectureMovie__contentItem {
  position: relative;
  -webkit-flex-basis: 450px;
      -ms-flex-preferred-size: 450px;
          flex-basis: 450px;
  padding-right: 33px;
}
.lectureMovie__contentItem + .lectureMovie__contentItem {
  padding-right: 0;
  padding-left: 30px;
  border-left: 3px dotted #d8d8d8;
}
.lectureMovie__contentItem iframe {
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: 10px;
}
.lectureMovie__contentItemText {
  margin-top: 20px;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lectureMovie__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .lectureMovie__contentItem {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    padding-right: 0;
  }
  .lectureMovie__contentItem + .lectureMovie__contentItem {
    margin-top: 5.3333333333vw;
    margin-left: 0;
    padding-top: 2.7777777778vw;
    padding-left: 0;
    border-top: 2px dotted #d8d8d8;
    border-left: 0;
  }
  .lectureMovie__contentItemText {
    margin-top: 4vw;
    font-size: max(16px, min(4.2666666667vw, 32px));
  }
}
.lectureMovie--2 .lectureMovie__title::after {
  background-color: #0949A3;
}

.investmentAwareness {
  background-color: #fff;
}
.investmentAwareness__wrapper {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: min(3.9215686275vw, 40px) 20px min(9.8039215686vw, 100px);
}
@media screen and (max-width: 767px) {
  .investmentAwareness__wrapper {
    padding: 8vw 5.3333333333vw 21.3333333333vw;
  }
}
.investmentAwareness__title {
  color: #1E4C8C;
  font-size: min(3.9215686275vw, 40px);
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__title {
    font-size: 8vw;
    line-height: 1.3;
  }
}
.investmentAwareness__titleSub {
  display: block;
  color: #333;
  font-size: min(2.9411764706vw, 30px);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__titleSub {
    font-size: 4.8vw;
  }
}
.investmentAwareness__title em {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
}
.investmentAwareness__content {
  display: grid;
  grid-template-columns: 1fr 365px;
  grid-gap: 30px;
  gap: 30px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__content {
    grid-template-columns: 1fr;
  }
}
.investmentAwareness__contentText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.investmentAwareness__contentTextItem {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__contentTextItem {
    font-size: 4.2666666667vw;
  }
}
.investmentAwareness__contentTextItem--main {
  font-size: min(1.9607843137vw, 20px);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__contentTextItem--main {
    font-size: 5.3333333333vw;
  }
}
.investmentAwareness__contentTextItem em {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E4F1FF));
  background: linear-gradient(transparent 50%, #E4F1FF 50%);
  padding-bottom: 0.2em;
  color: #1E4C8C;
}
.investmentAwareness__contentImage img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.investmentAwareness__button {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .investmentAwareness__button {
    margin-top: 8vw;
  }
}