@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  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;
  line-height: 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 {
  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;
  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;
  /* 2 */
  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;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

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

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

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

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 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. Change font properties to `inherit` in Safari.
 */
::-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] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

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

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

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  font-size: 12px;
}

body {
  margin: 0;
  overflow: auto;
}

img {
  max-width: 100%;
}

.header {
  width: 100%;
  height: 60px;
  background-color: #333333;
}

.header--items {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
}

.panel {
  background-image: url(panel.png);
  height: 1020px;
}

.panel--catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 170px;
}

.search {
  display: block;
  margin: -120px auto 0 auto;
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .inline-pc {
    display: inline-block;
  }

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

  .sp {
    display: block;
  }

  .inline-pc {
    display: none;
  }

  .inline-sp {
    display: inline-block;
  }
}
.pc .Content {
  max-width: 1000px;
  margin: 0 auto;
}

.pc .Content.--top {
  padding-top: 100px;
}

.sp .Content {
  width: 100vw;
}

.l-footer {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .c-footer__intro {
    padding: 82px 0 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__intro {
    padding: 55px 0 54px 0;
  }
}
.c-footer__intro .c-footer__logo {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-footer__intro .c-footer__logo {
    max-width: 1000px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__intro .c-footer__logo img {
    width: 443.5px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__intro .c-footer__logo img {
    width: 47.928vw !important;
  }
}

.c-footer__social {
  background-color: #f9f9f9;
}
@media screen and (min-width: 768px) {
  .c-footer__social {
    padding: 32px 0 29px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__social {
    padding: 22px 0 18px 0;
  }
}
.c-footer__social .c-footer__socialNav {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-footer__social .c-footer__socialNav {
    max-width: 1000px;
  }
}
.c-footer__social .c-footer__socialNav .c-footer__socialList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList {
    margin-right: 2px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem {
    margin: 0 24px;
  }
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem:first-child {
    margin-right: 23px;
  }
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem:nth-child(2) {
    margin-left: 23px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem {
    margin: 0 5.5px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem > a {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem > a:hover {
    opacity: 0.7;
  }
}
.c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem > a img {
  -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 768px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem > a img {
    width: 96px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem > a img {
    width: 57px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem:first-child > a img.u-sp {
    width: 54px;
  }
  .c-footer__social .c-footer__socialNav .c-footer__socialList .c-footer__socialItem:nth-child(2) > a img.u-sp {
    width: 56px;
  }
}

.c-footer__local {
  background-color: #eee;
}
@media screen and (min-width: 768px) {
  .c-footer__local {
    padding: 23px 20px 65px 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__local {
    padding: 25px 0 49px 0;
  }
}
.c-footer__local .c-footer__localNav {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav {
    max-width: 970px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH {
  font-weight: 600;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH {
    margin: 25px 0 0 25px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH {
    margin: 20px 0 0 40px;
    font-size: 14px;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH > a {
  position: relative;
  padding-left: 20px;
  text-indent: -20px;
  color: #777;
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH > a {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH > a:hover {
    opacity: 0.7;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH > a::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -18px;
  width: 3px;
  height: 12px;
  background-color: #777;
  border-radius: 100px;
  transform: rotate(-45deg);
}
.c-footer__local .c-footer__localNav .c-footer__localListH .c-footer__localItemH > a::after {
  content: "";
  position: absolute;
  top: 8px;
  left: -18px;
  width: 3px;
  height: 12px;
  background-color: #777;
  border-radius: 100px;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListL {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__local .c-footer__localNav .c-footer__localListL {
    margin: 15px 0 0 0;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL {
    margin: 14px 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL {
    margin: 10px 0 0 18px;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL > a {
  position: relative;
  padding-left: 15px;
  text-indent: -15px;
  color: #777;
}
@media screen and (min-width: 768px) {
  .c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL > a {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL > a:hover {
    opacity: 0.7;
  }
}
.c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL > a::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -12px;
  width: 2px;
  height: 9px;
  background-color: #777;
  border-radius: 100px;
  transform: rotate(-45deg);
}
.c-footer__local .c-footer__localNav .c-footer__localListL .c-footer__localItemL > a::after {
  content: "";
  position: absolute;
  top: 8px;
  left: -12px;
  width: 2px;
  height: 9px;
  background-color: #777;
  border-radius: 100px;
  transform: rotate(45deg);
}

.c-footer__2nd {
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd {
    padding: 100px 20px 27px 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd {
    padding: 41px 0 100px 0;
  }
}
.c-footer__2nd .c-footer__2ndLogo {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__2ndLogo {
    width: 284.88px;
    min-height: 58.27px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__2ndLogo {
    width: 200px;
    min-height: 41.19px;
  }
}
.c-footer__2nd .c-footer__2ndLogo img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__2ndNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px;
    margin: 77px auto 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__2ndNav {
    margin-top: 29px;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndListWrapper > .c-footer__2ndList + .c-footer__2ndList {
    margin-top: 47px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
  }
}
.c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem {
  margin: 14px 0 0 20px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem {
    width: calc(47.5% - 40px);
    margin: 14px 20px 0 20px;
  }
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem:nth-child(2n) {
    width: calc(52.5% - 40px);
  }
}
.c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem a {
  padding-left: 12px;
  color: #777;
  text-indent: -12px;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem a {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem a:hover {
    opacity: 0.7;
  }
}
.c-footer__2nd .c-footer__2ndNav .c-footer__2ndList .c-footer__2ndItem a::before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 1px;
  background-color: #777;
  vertical-align: middle;
  margin: 0 7px 0 0;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__copyright {
    margin-top: 114px;
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__copyright {
    margin-top: 31px;
  }
}
.c-footer__2nd .c-footer__copyright p {
  font-weight: 300;
  text-align: center;
}
.c-footer__2nd .c-footer__copyright p small {
  color: #777;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .c-footer__2nd .c-footer__copyright p small {
    font-size: 9.5px;
  }
  .c-footer__2nd .c-footer__copyright p small > span {
    display: inline-block;
    -webkit-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
}
@media screen and (max-width: 767px) {
  .c-footer__2nd .c-footer__copyright p small {
    font-size: 12px;
  }
  .c-footer__2nd .c-footer__copyright p small > span {
    display: inline-block;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

@media screen and (min-width: 768px) {
  .l-FloatFooter {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-FloatFooter {
    position: fixed;
    z-index: 99;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100vw;
  }
  .l-FloatFooter.float-footer-off {
    display: none;
  }
  .l-FloatFooter__tel {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-FloatFooter__trial {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.p-gh__wrapper.eysKidsStelam {
  position: fixed;
  top: 0;
  z-index: 100;
}
.p-gh__wrapper.eysKidsStelam.header-scroll {
  position: absolute;
}

.HeaderMenu__checkLabel {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .HeaderMenu__checkLabel {
    height: 60px;
    width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .HeaderMenu__checkLabel {
    height: 100px;
    width: 100px;
  }
}
.HeaderMenu__checkLabel span,
.HeaderMenu__checkLabel span:before,
.HeaderMenu__checkLabel span:after {
  content: "";
  display: block;
  height: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
@media screen and (max-width: 767px) {
  .HeaderMenu__checkLabel span,
.HeaderMenu__checkLabel span:before,
.HeaderMenu__checkLabel span:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) {
  .HeaderMenu__checkLabel span,
.HeaderMenu__checkLabel span:before,
.HeaderMenu__checkLabel span:after {
    width: 50px;
  }
}
@media screen and (max-width: 767px) {
  .HeaderMenu__checkLabel span:before {
    bottom: 8px;
  }
}
@media screen and (min-width: 768px) {
  .HeaderMenu__checkLabel span:before {
    bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .HeaderMenu__checkLabel span:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .HeaderMenu__checkLabel span:after {
    top: 16px;
  }
}
.HeaderMenu__checkLabel.-checked span {
  background-color: rgba(255, 255, 255, 0);
}
.HeaderMenu__checkLabel.-checked span:before {
  bottom: 0;
  transform: rotate(45deg);
}
.HeaderMenu__checkLabel.-checked span:after {
  top: 0;
  transform: rotate(-45deg);
}

.pc .c-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 100;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
.pc .c-header__intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #fff;
  width: 50%;
  height: 100px;
  margin-top: 10px;
}
.pc .c-header__intro .c-header__logo a img {
  width: 150px;
}
.pc .c-header__intro .c-header__logo {
  margin-left: 25px;
  padding: 0 5px;
  width: 200px;
  text-align: center;
}
.pc .c-header__intro .c-header__logo > em {
  display: block;
  color: #d14f97;
  margin: 14px 0 13px;
  font-size: 12px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.2em;
}
.pc .c-header__intro .c-header__logo a {
  padding: 5px 10px;
  display: block;
}
.pc .c-header__intro .c-header__logo .u-opacity > img {
  width: 100px;
}
.pc .c-header__intro .c-header__tagline {
  margin: 1px 1.8vw 0 2.6vw;
  padding: 0 5px;
  color: #666;
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.1em;
}
.pc .c-header__inner {
  top: 100px;
  width: 100%;
  max-width: 1240px;
  height: 100px;
}
@media screen and (max-width: 767px) {
  .pc .c-header__inner {
    width: calc(100% - 30px);
    margin: 0 20px;
  }
}
.pc .HeaderMenu {
  display: inline-flex;
  justify-content: center;
  position: fixed;
  top: 90px;
  left: 50%;
  height: 120px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}
.pc .HeaderMenu.header-scroll {
  position: absolute;
}
.pc .HeaderMenu__oneWorld {
  display: inline-block;
  width: 620px;
}
.pc .HeaderMenu__experienceButton {
  display: inline-block;
  width: 250px;
  text-align: center;
}
.pc .HeaderMenu__telButton {
  display: inline-block;
  width: 260px;
  text-align: center;
}
.pc .HeaderMenu__menuButton {
  display: inline-block;
  cursor: pointer;
  width: 100px;
  height: 100px;
  margin-top: 8px;
  background-color: #66bbcc;
  border-radius: 50%;
}
.pc .HeaderMenu__check {
  display: none;
}
.pc .HeaderMenu__checkLabel {
  position: fixed;
  display: flex;
  height: 100px;
  width: 100px;
  justify-content: center;
  align-items: center;
  z-index: 12;
}

.sp .HeaderWrapper {
  width: 95%;
  margin: 0 auto;
}
.sp .HeaderMenu {
  display: flex;
  position: fixed;
  top: 70px;
  z-index: 99;
  border-radius: 25px;
  height: 50px;
  background: white;
  text-align: center;
  align-items: center;
  width: 95%;
}
.sp .HeaderMenu.header-scroll {
  position: absolute;
}
.sp .HeaderMenu__title__stelam {
  padding-left: 10vw;
}
.sp .HeaderMenu__title__stelamImage {
  padding-right: 15vw;
  width: 32vw;
}
.sp .HeaderMenu__title__stelamImage3 {
  width: 12vw;
}
.sp .HeaderMenu.menuHeight {
  height: 13.33vw;
}
.sp .HeaderMenu__title {
  padding-left: 15px;
}
.sp .HeaderMenu__titleImage {
  width: 107px;
}
.sp .HeaderMenu__text {
  flex-grow: 2;
  color: #666;
}
.sp .HeaderMenu__buttonArea {
  width: 60px;
  height: 50px;
  background-color: #66bbcc;
  border-radius: 0 25px 25px 0;
  padding-left: 10px;
  align-items: center;
  display: flex;
}
.sp .HeaderMenu__check {
  display: none;
}

.headerNav__container {
  display: none;
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 80;
  overflow-y: scroll;
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.headerNav__menu {
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .headerNav__menu {
    max-width: 400px;
    padding-top: 150px;
  }
}
@media screen and (min-width: 768px) {
  .headerNav__menu {
    max-width: 800px;
    padding-top: 230px;
  }
}
.headerNav__menuBtn {
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
.headerNav__menuBtn.d-none {
  display: none;
}
.headerNav__menu .w93 {
  width: 93%;
}
@media screen and (max-width: 767px) {
  .headerNav__menu ul {
    padding: 0 20px;
  }
  .headerNav__menu ul li a {
    font-size: 1.2rem;
  }
  .headerNav__menuMore {
    padding: 0 30px;
  }
}
.headerNav__menuUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 760px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .headerNav__menuList {
    width: 100%;
    margin: 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .headerNav__menuList {
    width: 47%;
    margin: 0 0 20px;
  }
}
.headerNav__menu .curriculum {
  width: calc(100% - 10px);
  margin: 10px auto 15px;
  padding-bottom: 10px;
  border: 3px solid #C8E6EC;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .headerNav__menu .curriculum {
    width: 47%;
    margin: 0 40px 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .headerNav__menu .curriculum {
    background: #C8E6EC;
  }
}
.headerNav__menu .curriculum__header {
  margin-bottom: 10px;
  padding: 18px 0 8px;
  background: #fff;
  text-align: center;
  font-family: "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #5d5d5d;
}
@media screen and (min-width: 768px) {
  .headerNav__menu .curriculum__header {
    margin-bottom: 20px;
    padding: 18px 0;
    border-bottom: 3px solid #C8E6EC;
    font-size: 18px;
  }
}
.headerNav__menu .curriculum__header span {
  margin-top: 8px;
  font-size: 11px;
  color: #777;
  display: block;
}
@media screen and (min-width: 768px) {
  .headerNav__menu .curriculum__header span {
    font-size: 13px;
  }
}
.headerNav__menu .curriculum > ul {
  padding: 0 15px;
}
.headerNav__menu .curriculum .headerNav__menuList {
  width: 100%;
}
.headerNav__menu .button-wrap > ul {
  padding: 0;
}
.headerNav__menu .button-wrap .headerNav__menuList {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .headerNav__menu .button-wrap {
    width: 47%;
  }
  .headerNav__menu .button-wrap.mr-30 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .headerNav__menu .headerNav__menuList.bottom {
    width: 90%;
    margin: 0 auto 10px;
  }
  .headerNav__menu .headerNav__menuList.bottom.recruit {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .headerNav__menu .headerNav__menuList.bottom {
    margin: 60px 0 20px;
  }
}
.headerNav__menu .comming_soon {
  position: relative;
  align-self: flex-start;
}
.headerNav__menu .comming_soon::before {
  content: "Comming Soon";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: rgba(206, 206, 206, 0.9);
  color: #fff;
  font-family: "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  font-size: 16px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .headerNav__menu .comming_soon::before {
    border-radius: 30px;
    font-size: 20px;
  }
}
.headerNav__menu li.headerNav__menuList.egaq-display-none {
  display: none;
}
.headerNav__menu li.headerNav__submenu .subs a.egaq-display-none {
  display: none;
}
.headerNav__submenu {
  display: none;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu {
    position: absolute;
    z-index: 2;
    margin: -138px 0 0 336px;
  }
}
.headerNav__submenu_img {
  margin: 5px -10px -10px -10px;
  max-width: 355px;
  width: 106%;
}
.headerNav__submenu .subs {
  margin: 20px 0 15px;
  border-radius: 20px;
  background: #fff;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs {
    min-width: 335px;
    margin: 0;
    padding: 20px;
  }
}
.headerNav__submenu .subs::before {
  content: "▲";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%) scaleY(0.85);
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs::before {
    content: "◀︎";
    position: absolute;
    left: -18px;
    top: 72px;
    transform: none;
  }
}
.headerNav__submenu .subs > a {
  display: block;
  font-family: -apple-system, "A-OTF Shin Maru Go Pr6N", sans-serif;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a {
    background: #fff;
  }
}
.headerNav__submenu .subs > a.level1 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-align: left;
  color: #5d5d5d;
}
.headerNav__submenu .subs > a.level1:first-child {
  border-radius: 20px 20px 0 0;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level1:hover {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level1 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    color: #5d5d5d;
  }
}
.headerNav__submenu .subs > a.level2 {
  font-size: 13px;
  font-weight: normal;
  color: #ee9966;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level2 {
    font-size: 18px;
    letter-spacing: 0.9px;
    text-align: left;
  }
}
.headerNav__submenu .subs > a.level2:last-child {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.headerNav__submenu .subs > a.level2 span {
  padding: 10px 7px 10px 38px;
  border-top: 1px dotted #bbb;
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level2 span {
    width: calc(100% - 22px);
    margin-left: 22px;
    padding-left: 40px;
  }
}
.headerNav__submenu .subs > a.level2 span::before {
  content: "●";
  font-size: 10px;
  position: absolute;
  left: 20px;
  top: 12px;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level2 span::before {
    top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level2:hover span {
    display: block;
    background-color: #F9DFD0;
  }
}
.headerNav__submenu .subs > a.level2.top_margin {
  margin-top: -6px;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs > a.level2.top_margin {
    margin-top: 15px;
  }
}
.headerNav__submenu .subs.subs-english {
  border: 2px solid #EE9966;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs.subs-english {
    background: rgba(238, 153, 102, 0.95);
  }
}
.headerNav__submenu .subs.subs-english::before {
  color: #EE9966;
}
.headerNav__submenu .subs.subs-english > a.level1:not(.input) {
  border-bottom: 2px solid #EE9966;
  background: url(../image/menu/arrow_orange.png) no-repeat right 20px center;
  background-size: 10px auto;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs.subs-english > a.level1:not(.input) {
    background-color: #fff;
  }
  .headerNav__submenu .subs.subs-english > a.level1:not(.input):hover {
    background-color: #F9DFD0;
  }
}
.headerNav__submenu .subs.subs-english > a.level1.input {
  pointer-events: none;
  cursor: default;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs.subs-english > a.level1.input:hover {
    background: #fff;
  }
}
.headerNav__submenu .subs.subs-art {
  border: 2px solid #4499CC;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs.subs-art {
    background: rgba(68, 153, 204, 0.95);
  }
}
.headerNav__submenu .subs.subs-art::before {
  color: #4499CC;
}
.headerNav__submenu .subs.subs-art > a.level1 {
  background: #fff url(../image/menu/arrow_blue.png) no-repeat right 20px center;
  background-size: 10px auto;
}
@media screen and (min-width: 768px) {
  .headerNav__submenu .subs.subs-art > a.level1:hover {
    background-color: #E5F1F8;
  }
}
.headerNav__submenu .subs.subs-art > a.level1:not(:last-child) {
  border-bottom: 2px solid #4499CC;
}
.headerNav__submenu .subs.subs-art > a.level1:last-child {
  border-radius: 0 0 20px 20px;
}
.headerNav__submenu.d-block {
  display: block;
}
.headerNav__experienceButton {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  text-align: center;
  padding: 20px;
  margin-bottom: 50px;
}
.headerNav__experienceButton a {
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  .headerNav__experienceButton a {
    padding: 20px 10px;
  }
}
.headerNav__experienceButton.egaq {
  margin-top: 400px;
}
.headerNav__footerMenu {
  height: 60px;
  width: 100vw;
  background-color: rgba(102, 187, 204, 0.2);
  font-size: 18px;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.headerNav__footerMenuList {
  color: #5d5d5d;
}
.headerNav__footerMenuList:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 5px;
}

.l-Header__toTopButton {
  all: unset;
  position: fixed;
  right: 20px;
  bottom: 80px;
  cursor: pointer;
  font: bold 2rem monospace;
  color: black;
  display: none;
  cursor: pointer;
  width: 16vw;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  .l-Header__toTopButton {
    width: 100px;
    margin-right: 100px;
    bottom: 20px;
  }
}

#HeaderMenu__check {
  display: none;
}

.BreadCrumb {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  border-radius: 15px;
  position: absolute;
  z-index: 7;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .BreadCrumb {
    font-size: 10px;
    top: 130px;
    left: 3%;
    height: 20px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .BreadCrumb {
    font-size: 12px;
    transform: translate(-50%, -50%);
    top: 221px;
    left: calc(50% - 300px);
    height: 30px;
    padding: 0 15px;
  }
}
.BreadCrumb__lists {
  display: inline-block;
}
.BreadCrumb__list {
  display: inline-block;
}
.BreadCrumb__list::before {
  content: " > ";
  color: rgba(255, 255, 255, 0.5);
  white-space: pre-wrap;
}
.BreadCrumb__list:first-child::before {
  content: "";
}
.BreadCrumb__list a {
  color: rgba(255, 255, 255, 0.5);
}

.p-Form {
  font-size: 16px;
  line-height: 1.2em;
}
.p-FormWrapper {
  margin: 0 10px;
}
@media screen and (min-width: 768px) {
  .p-Form__pcFlex {
    display: flex;
    flex-wrap: nowrap;
  }
  .p-Form__pcFlexLeft {
    width: 30%;
  }
  .p-Form__pcFlexRight {
    width: 70%;
  }
}
.p-FormFlow {
  background-color: rgba(100, 182, 200, 0.4);
  text-align: center;
  padding: 20px;
}
.p-FormFlow.-step {
  background-color: rgba(100, 182, 200, 0.2);
}
.p-FormFlow__guide {
  color: #666666;
  text-align: center;
  line-height: 2em;
}
.p-FormFlow__guideRequired {
  color: #ff6666;
}
.p-FormSubTitle {
  border-radius: 20px;
  background-color: #64b6c8;
  color: white;
  height: 30px;
  position: relative;
  margin: 20px auto;
}
.p-FormSubTitle__text {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.p-FormOpenDate__label {
  padding: 5px;
}
.p-FormOpenDate__item {
  margin-left: 30px;
  padding: 5px;
}
.p-FormOpenDate__line {
  color: #707070;
  margin: 10px 0;
}
.p-FormPrivacyPolicy {
  margin-top: 50px;
}
.p-FormPrivacyPolicy__title {
  text-align: center;
}
.p-FormPrivacyPolicy__content {
  height: 200px;
  padding: 20px;
  overflow-y: scroll;
  background-color: #f5f5f5;
  border: solid 1px #c7c7c7;
  border-radius: 8px;
  font-size: 14px;
}
.p-FormPrivacyPolicy__contentTitle {
  font-size: 18px;
  text-align: center;
}
.p-FormAddChild {
  display: none;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.p-FormAddChild#add_child_area_0 {
  display: flex;
}
.p-FormAddChild__text {
  font-weight: bold;
  font-size: 12px;
}
.p-FormAddChild__arrow {
  width: 20%;
  text-align: center;
}
.p-FormAddChild__button {
  min-width: 120px;
}
@media screen and (min-width: 768px) {
  .p-FormAddChild__button {
    min-width: 200px;
  }
}
.p-Form__submitButton {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.p-Form__input {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  border: solid 1px #c7c7c7;
  background-color: #f5f5f5;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .p-Form__input {
    width: 70%;
    margin: 15px 0 15px auto;
  }
}
.p-Form__input.-childInfo {
  height: 100px;
  font-size: 20px;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  .p-Form__input.-childInfo {
    height: 66px;
  }
}
.p-Form__input.-center {
  text-align: center;
}
.p-Form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 160px;
  background-color: white;
  border: solid 1px #c7c7c7;
  border-radius: 8px;
  background-image: url(/ste-lam/one-world/image/form/down.svg);
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-position: right 10px center;
  text-indent: 10%;
}
.p-Form__select::-ms-expand {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-Form__select {
    width: 200px;
  }
}
.p-Form__textArea {
  height: 200px;
  border-radius: 8px;
  border: solid 1px #c7c7c7;
  background-color: #f5f5f5;
  text-align: left;
  vertical-align: top;
}
.p-Form__label {
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .p-Form__label {
    float: left;
  }
  .p-Form__label.-noFloat {
    float: none;
  }
}
.p-Form__label.-required::before {
  content: "● ";
  color: #ff6666;
}
.p-Form__label.-green {
  color: #44bb99;
}
.p-Form__label.-green::before {
  content: "";
}
.p-Form__label.-blue {
  color: #4499cc;
}
.p-Form__label.-blue::before {
  content: "";
}
@media screen and (max-width: 767px) {
  .p-Form__label.-blue::after {
    content: "\a";
    white-space: pre;
  }
}
.p-Form__label.-purple {
  color: #aa88ee;
}
.p-Form__label.-purple::before {
  content: "";
}
@media screen and (max-width: 767px) {
  .p-Form__label.-purple::after {
    content: "\a";
    white-space: pre;
  }
}
.p-Form__dateName {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .p-Form__text.-grade::before {
    content: "\a";
    white-space: pre;
  }
}
@media screen and (min-width: 768px) {
  .p-Form__text.-grade {
    margin-left: 50px;
  }
}
.p-Form__additionalChild {
  border: solid 1px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.p-Form__deleteChild {
  position: relative;
  text-align: center;
  height: 1px;
}
.p-Form__deleteChildButton {
  position: absolute;
  top: -7px;
}
.p-FormConfirm {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-FormConfirm {
    margin-top: 170px;
  }
}
@media screen and (min-width: 768px) {
  .p-FormConfirm {
    margin-top: 280px;
  }
}
.p-FormConfirmWrapper {
  width: 90%;
  margin: 0 auto;
}
.p-FormConfirmInfo {
  display: flex;
  flex-wrap: wrap;
  background-color: #64b6c8;
  border: 1px solid #ccc;
  border-top: none;
}
.p-FormConfirmInfo__label {
  width: 30%;
  color: white;
  padding: 5px;
  border-top: 1px solid #ccc;
}
.p-FormConfirmInfo__value {
  width: 70%;
  padding: 5px;
  background-color: white;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.p-FormConfirmInfo__children {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.p-FormConfirm__buttonArea {
  text-align: center;
}
.p-FormConfirm__buttonArea a {
  margin: 10px;
  cursor: pointer;
}

.p-RecruitForm__wrapper {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-RecruitForm__wrapper {
    width: 90%;
  }
}
.p-RecruitForm__label {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-RecruitForm__label {
    width: 260px;
  }
}
.p-RecruitForm__label.-required::before {
  content: "● ";
  color: #ff6666;
}
.p-RecruitForm__input {
  background-color: #f5f5f5;
  border-radius: 5px;
  border: solid 1px #dddddd;
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .p-RecruitForm__input {
    width: 630px;
    height: 50px;
    margin-left: auto;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-RecruitForm__input {
    width: 100%;
    height: 50px;
    margin: 8px 0;
  }
}
.p-RecruitForm__file {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-RecruitForm__fileName:before {
    content: "\a";
    white-space: pre;
  }
}
.p-RecruitForm__fileClear {
  padding-left: 20px;
  display: none;
  font-weight: bold;
  color: #64b6c8;
}
.p-RecruitForm__fileButton {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-RecruitForm__fileButton {
    width: 180px;
  }
}
.p-RecruitForm__submitArea {
  margin-top: 20px;
  text-align: center;
}
.p-RecruitForm__privacyArea {
  margin: 0 auto;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-RecruitForm__privacyArea {
    width: 80%;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-RecruitForm__privacyArea {
    width: 100%;
    padding-bottom: 30px;
  }
}
.p-RecruitForm__submitArea {
  text-align: center;
}
.p-RecruitForm__submitButton {
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .p-RecruitForm__submitButton {
    width: 335px;
    padding: 5px 70px;
  }
}

.u-img {
  margin-left: auto;
  margin-right: auto;
}

.u-center {
  text-align: center;
}

.u-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .u-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .u-pcBr {
    white-space: norawp;
  }
}
@media screen and (min-width: 768px) {
  .u-pcBr::after {
    content: "\a";
    white-space: pre;
  }
}

.u-campaign__wrapper {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-campaign__wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .u-campaign__wrapper {
    padding: 22px 0 33px;
  }
}

.u-Shadow {
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  transform: translateZ(0);
}
.u-Shadow--light {
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}

.u-mt10 {
  margin-top: 0.625em;
}

.u-mt20 {
  margin-top: 1.25em;
}

.u-mt100 {
  margin-top: 100px;
}

@media screen and (min-width: 768px) {
  .u-mt15 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .u-mt15 {
    margin-top: 0.9375em;
  }
}
.c-KeyVisual {
  overflow: hidden;
  position: relative;
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
}
.c-KeyVisualSlides {
  display: flex;
}
.c-KeyVisualSlides__item {
  width: 100%;
}
.c-KeyVisualSlides__item--01.lazyloaded {
  background-image: url("/ste-lam/one-world/image/art/kv_slide_01_bg.png"), url("/ste-lam/one-world/image/art/kv_slide_01_bg_02.png");
  background-repeat: no-repeat, no-repeat;
}
.c-KeyVisualSlides__item--01 .s1-title__img {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.c-KeyVisualSlides__item--01 .s1-body {
  position: relative;
  overflow: hidden;
}
.c-KeyVisualSlides__item--01 .s1-body__set {
  display: block;
  position: absolute;
}
.c-KeyVisualSlides__item--01 .s1-body__set a {
  outline: none;
}
.c-KeyVisualSlides__item--01 .s1-footer {
  position: relative;
  text-align: center;
}
.c-KeyVisualSlides__item--01 .s1-footer__title {
  margin: 0 auto 20px auto;
}
.c-KeyVisualSlides__item--01 .s1-footer__steLamSystem {
  display: inline-flex;
  justify-content: flex-start;
}
.c-KeyVisualSlides__item--02 {
  text-align: center;
}
.c-KeyVisualSlides__item--02 .s2-title__img {
  margin-left: auto;
  margin-right: auto;
}
.c-KeyVisualSlides__item--02 .s2-body {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.c-KeyVisualSlides__item--02 .s2-body__set a {
  outline: none;
}
.c-KeyVisualSlides__item--03 {
  width: 100%;
}
.c-KeyVisualSlides__item--03 .s3-title__img {
  margin-left: auto;
  margin-right: auto;
}
.c-KeyVisualSlides__item--03 .s3-body {
  display: flex;
  justify-content: center;
  position: relative;
}
.c-KeyVisualSlides__item--03 .s3-body__set a {
  outline: none;
}
.c-KeyVisualSlides__item--04 .s4-title__img {
  margin-left: auto;
  margin-right: auto;
}
.c-KeyVisualSlides__item--04 .s4-body {
  display: flex;
  justify-content: center;
}
.c-KeyVisualSlides__item--04 .s4-body__set a {
  outline: none;
}
.c-KeyVisual .swiper-pagination {
  display: inline-flex;
  justify-content: center;
}
.c-KeyVisual .swiper-pagination-bullets.u-imp {
  left: 50%;
  bottom: 98px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.c-KeyVisual .swiper-pagination-bullet {
  cursor: pointer;
  width: 60px;
  height: 6px;
  border-radius: 3px;
  background-color: #AAAAAA;
  opacity: 1;
}
.c-KeyVisual .swiper-pagination-bullet:not(:first-of-type) {
  margin-left: 20px;
}
.c-KeyVisual .swiper-pagination-bullet-active {
  background-color: #4499CC;
}
@media screen and (min-width: 768px) {
  .c-KeyVisual {
    max-height: 960px;
    padding-top: 80px;
  }
  .c-KeyVisualSlides__item {
    min-height: 880px;
  }
  .c-KeyVisualSlides__item--01 {
    padding-top: 175px;
  }
  .c-KeyVisualSlides__item--01.lazyloaded {
    background-position: calc(50% + 20px) 65px, center 180px;
    background-size: 867px 801px, 480px 480px;
  }
  .c-KeyVisualSlides__item--01 .s1-title__img--01 {
    width: 500px;
  }
  .c-KeyVisualSlides__item--01 .s1-title__img--02 {
    margin-top: 15px;
    width: 262.5px;
  }
  .c-KeyVisualSlides__item--01 .s1-body {
    min-height: 480px;
    margin-top: -115px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--01 {
    left: calc(50% - 252px);
    top: calc(50% + 10px);
    width: 158.5px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--02 {
    left: 50%;
    top: calc(50% + 33px);
    width: 220px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--03 {
    left: calc(50% + 258px);
    top: calc(50% + 10px);
    width: 156.5px;
  }
  .c-KeyVisualSlides__item--01 .s1-footer {
    margin-top: -65px;
    padding-bottom: 110px;
  }
  .c-KeyVisualSlides__item--01 .s1-footer__title {
    max-width: 268.5px;
  }
  .c-KeyVisualSlides__item--01 .s1-footer__steLamSystem a {
    outline: none;
  }
  .c-KeyVisualSlides__item--01 .s1-footer__steLamSystem a img {
    min-width: 135px;
    max-width: 135px;
  }
  .c-KeyVisualSlides__item--01 .s1-footer__steLamSystem a:not(:first-of-type) {
    margin-left: -10px;
  }
  .c-KeyVisualSlides__item--02 {
    padding-top: 195px;
    padding-bottom: 75px;
  }
  .c-KeyVisualSlides__item--02.lazyloaded {
    background: url("/ste-lam/one-world/image/art/kv_slide_02_bg.png") no-repeat;
    background-position: 50% 133px;
    background-size: 884px 607px;
  }
  .c-KeyVisualSlides__item--02 .s2-title {
    margin-bottom: 28px;
  }
  .c-KeyVisualSlides__item--02 .s2-title__img {
    max-width: 676px;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set {
    width: 219px;
    min-width: 140px;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:not(:first-of-type) {
    margin-left: 20px;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(odd) {
    margin-top: 83px;
  }
  .c-KeyVisualSlides__item--02 .s2-footer {
    margin-top: 20px;
  }
  .c-KeyVisualSlides__item--02 .s2-footer__img {
    margin-left: auto;
    margin-right: auto;
    width: 392.5px;
  }
  .c-KeyVisualSlides__item--03 {
    padding-top: 200px;
  }
  .c-KeyVisualSlides__item--03.lazyloaded {
    background-image: url("/ste-lam/one-world/image/art/kv_slide_03_bg.png"), url("/ste-lam/one-world/image/art/kv_slide_03_bg_circle.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 224px, 50% 178px;
    background-size: 983.5px 467.5px, 1023.5px 501px;
  }
  .c-KeyVisualSlides__item--03 .s3-title__img {
    width: 532px;
  }
  .c-KeyVisualSlides__item--03 .s3-body {
    margin-top: -10px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--01 {
    width: 299px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--02 {
    width: 248.5px;
    margin: 148px 0 0 -20px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--03 {
    width: 293.5px;
    margin: 23px 0 0 -20px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--04 {
    width: 253px;
    margin: 155px 0 0 -15px;
  }
  .c-KeyVisualSlides__item--03 .s3-footer {
    margin-top: 13px;
    padding-bottom: 80px;
  }
  .c-KeyVisualSlides__item--03 .s3-footer__img {
    margin-left: auto;
    margin-right: auto;
    width: 542.5px;
  }
  .c-KeyVisualSlides__item--04 {
    padding-top: 200px;
  }
  .c-KeyVisualSlides__item--04 .s4-title__img {
    width: 452.5px;
  }
  .c-KeyVisualSlides__item--04 .s4-body {
    margin-top: 10px;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--01 {
    width: 338px;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--02 {
    margin-top: 20px;
    width: 372px;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--03 {
    margin-left: 20px;
    width: 291px;
  }
  .c-KeyVisualSlides__item--04 .s4-footer {
    margin-top: 17px;
    padding-bottom: 110px;
  }
  .c-KeyVisualSlides__item--04 .s4-footer__img {
    margin-left: auto;
    margin-right: auto;
    width: 735.5px;
  }
  .c-KeyVisual .swiper-pagination-bullets.u-imp {
    bottom: 98px;
  }
}
@media screen and (max-width: 767px) {
  .c-KeyVisual {
    max-height: 669px;
    padding-top: 60px;
  }
  .c-KeyVisualSlides__item {
    min-height: 609px;
  }
  .c-KeyVisualSlides__item--01 {
    padding-top: 85px;
  }
  .c-KeyVisualSlides__item--01.lazyloaded {
    background-position: calc(50% + 5px) 22px, center 85px;
    background-size: 653px 603px, 382px 382px;
  }
  .c-KeyVisualSlides__item--01 .s1-title__img--01 {
    width: 219px;
  }
  .c-KeyVisualSlides__item--01 .s1-title__img--02 {
    margin-top: 5px;
    width: 184px;
  }
  .c-KeyVisualSlides__item--01 .s1-body {
    margin-top: 11px;
    min-height: 257px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .c-KeyVisualSlides__item--01 .s1-body__set img {
    object-fit: cover;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--01 {
    left: calc(50% - 134px);
    top: 80px;
    width: 127px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--02 {
    left: 50%;
    /*n*/
    top: 0;
    width: 174px;
  }
  .c-KeyVisualSlides__item--01 .s1-body__set--03 {
    left: calc(50% + 134px);
    top: 80px;
    width: 127px;
  }
  .c-KeyVisualSlides__item--01 .s1-footer {
    margin-top: -5px;
    padding-bottom: 42px;
    overflow: hidden;
  }
  .c-KeyVisualSlides__item--01 .s1-footer__title {
    max-width: 186.5px;
    /*c*/
  }
  .c-KeyVisualSlides__item--01 .s1-footer__steLamSystem {
    display: none;
  }
  .c-KeyVisualSlides__item--02 {
    padding-top: 90px;
    padding-bottom: 85px;
  }
  .c-KeyVisualSlides__item--02.lazyloaded {
    background: url("/ste-lam/one-world/image/art/kv_slide_02_bg_sp.png") no-repeat;
    background-position: calc(50% + 12px) 106px;
    background-size: 360px 488.5px;
  }
  .c-KeyVisualSlides__item--02 .s2-title {
    margin-bottom: 8px;
  }
  .c-KeyVisualSlides__item--02 .s2-title__img {
    max-width: 244px;
  }
  .c-KeyVisualSlides__item--02 .s2-body {
    max-width: 434px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set {
    width: 140px;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:not(:first-of-type) {
    margin-left: 0;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(odd) {
    margin-top: 0;
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(even) {
    margin-left: 15px;
    -webkit-transform: translate(0, 8px);
    -ms-transform: translate(0, 8px);
    transform: translate(0, 8px);
  }
  .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(n+3) {
    margin-top: -10px;
  }
  .c-KeyVisualSlides__item--03 {
    padding-top: 92px;
  }
  .c-KeyVisualSlides__item--03.lazyloaded {
    background-image: url("/ste-lam/one-world/image/art/kv_slide_03_bg_sp.png"), url("/ste-lam/one-world/image/art/kv_slide_03_bg_circle_sp.png");
    background-repeat: no-repeat, no-repeat;
    background-position: calc(50% + 5px) 96px, calc(50% - 5px) -23px;
    background-size: 328px 483px, 288px 527px;
  }
  .c-KeyVisualSlides__item--03 .s3-title__img {
    max-width: 200px;
  }
  .c-KeyVisualSlides__item--03 .s3-body {
    margin-top: -16px;
    min-height: 359px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set {
    margin: 0;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--01 {
    width: 130.5px;
    left: calc(50% - 91px);
    top: 20px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--02 {
    width: 210px;
    left: calc(50% - 91px);
    top: 164px;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--03 {
    width: 199px;
    left: calc(50% + 79px);
    top: 0;
  }
  .c-KeyVisualSlides__item--03 .s3-body__set--04 {
    width: 112px;
    left: calc(50% + 82px);
    top: 208px;
  }
  .c-KeyVisualSlides__item--04 {
    padding-top: 92px;
  }
  .c-KeyVisualSlides__item--04 .s4-title__img {
    width: 269px;
  }
  .c-KeyVisualSlides__item--04 .s4-body {
    position: relative;
    min-height: 344px;
    margin-top: 18px;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--01 {
    z-index: 3;
    width: 211.5px;
    left: calc(50% + 8px);
    top: 0;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--02 {
    z-index: 2;
    width: 194.5px;
    left: calc(50% - 80px);
    top: 85px;
  }
  .c-KeyVisualSlides__item--04 .s4-body__set--03 {
    z-index: 1;
    width: 179px;
    left: calc(50% + 67px);
    top: 128px;
  }
  .c-KeyVisual .swiper-pagination-bullets.u-imp {
    bottom: 84px;
  }
}

.c-button {
  background-color: #4499cc;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  border-radius: 50px;
  position: relative;
  white-space: nowrap;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.c-button::after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 2px;
  border-color: #ffffff;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
}
.c-button--orange {
  background-color: #ee9966;
}
.c-button--red {
  background-color: #ee6666;
}
.c-button--pink {
  background-color: #dd77bb;
}
.c-button--gray {
  background-color: #999999;
}
.c-button--white-orange {
  color: #ee9966;
  border-color: #ee9966;
  background-color: white;
}
.c-button--back::after {
  display: none;
}
.c-button--back::before {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 2px;
  border-color: #ffffff;
  transform: translateY(-50%) rotate(225deg);
  -webkit-transform: translateY(-50%) rotate(225deg);
  -ms-transform: translateY(-50%) rotate(225deg);
}
@media screen and (min-width: 768px) {
  .c-button--back::before {
    width: 16px;
    height: 16px;
    left: 22px;
    border-top: 4px solid;
    border-right: 4px solid;
  }
}
@media screen and (max-width: 767px) {
  .c-button--back::before {
    width: 11px;
    height: 11px;
    left: 18px;
    border-top: 3px solid;
    border-right: 3px solid;
  }
}
.c-button--colorful {
  background: #64b6c8;
  background: -moz-linear-gradient(90deg, #64b6c8 0%, #44bb99 33%, #aa88ee 66%, #dd77bb 100%);
  background: -webkit-linear-gradient(90deg, #64b6c8 0%, #44bb99 33%, #aa88ee 66%, #dd77bb 100%);
  background: linear-gradient(90deg, #64b6c8 0%, #44bb99 33%, #aa88ee 66%, #dd77bb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64b6c8",endColorstr="#dd77bb",GradientType=1);
}
.c-button--wide {
  width: 335px;
}
@media screen and (min-width: 768px) {
  .c-button--wide {
    width: 360px;
  }
}
.c-button.u-fs12 {
  font-size: 12px;
  line-height: 1.67;
  min-height: 40px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-button {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.8px;
    text-indent: -10px;
    min-height: 60px;
    min-width: 260px;
  }
  .c-button--pd {
    padding: 0 30px 0 40px;
  }
  .c-button::after {
    width: 11.5px;
    height: 11.5px;
    right: 13px;
    border-top: 3px solid;
    border-right: 3px solid;
  }
}
@media screen and (max-width: 767px) {
  .c-button {
    font-size: 13px;
    line-height: 1.6923;
    letter-spacing: 1.5px;
    text-indent: -8px;
    min-height: 41px;
    min-width: 260px;
  }
  .c-button--pd {
    padding: 0 28px 0 28px;
  }
  .c-button::after {
    width: 11px;
    height: 11px;
    right: 18px;
    border-top: 3px solid;
    border-right: 3px solid;
  }
}

.sp .c-ExperienceBanner__banner {
  position: relative;
}
.sp .c-ExperienceBanner__button {
  position: absolute;
  top: 95vw;
  left: 10vw;
  width: 80%;
}

.pc .c-ExperienceBanner__banner {
  position: relative;
  width: 1065px;
}
.pc .c-ExperienceBanner__button {
  position: absolute;
  top: 240px;
  left: 500px;
  width: 460px;
}

.c-scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #C9C6C6;
}
.c-scrollbar::-webkit-scrollbar {
  width: 10px;
}
.c-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #64B6C8;
}

.c-campaign {
  background-color: #ffffff;
  background-image: url(/ste-lam/one-world/image/campaign/campaign_bg_boy.png), url(/ste-lam/one-world/image/campaign/campaign_bg_girl.png);
  background-position: top 18% left, top 24% right;
  background-repeat: no-repeat;
  background-size: 22.4%, 21.9%;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  border-radius: 30px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.c-campaign__footer img {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media screen and (min-width: 768px) {
  .c-campaign {
    max-width: 1000px;
  }
  .c-campaign__title {
    width: auto;
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__title {
    padding-top: 1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__title {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__title img {
    margin: 0 auto;
    max-width: 168px;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__subtitle {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__subtitle {
    padding-top: 1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__subtitle {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__subtitle {
    padding-bottom: 1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__subtitle {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__subtitle img {
    margin: 0 auto;
    max-width: 476px;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__text {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__text {
    padding-top: 1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__text {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__text {
    padding-bottom: 1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__text {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__text img {
    margin: 0 auto;
    max-width: 476px;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__content {
    width: auto;
    padding-top: 10px;
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__content {
    padding-top: 0.8064516129vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__content {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__content {
    padding-top: 0.8064516129vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__content {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__content img {
    margin: 0 auto;
    max-width: 550px;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__footer {
    width: 1000px;
    padding-top: 0px;
    margin-top: -20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__footer {
    width: 80.6451612903vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__footer {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__footer {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__footer {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__footer {
    margin-top: -1.6129032258vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__footer {
    margin-top: -5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__footer__mark {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circle {
    position: absolute;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circle {
    width: 11.2903225806vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circle {
    width: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circle {
    height: 11.2903225806vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circle {
    height: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circle--01 {
    background-color: #DD77BB;
    color: #ffffff;
    left: 0;
    top: -40px;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circle--01 {
    top: -3.2258064516vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circle--01 {
    top: -10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circle--02 {
    background-color: #ffffff;
    border: 1px solid #EEEEEE;
    color: #DD77BB;
    left: 62px;
    top: 70px;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circle--02 {
    left: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circle--02 {
    left: 16.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circle--02 {
    top: 5.6451612903vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circle--02 {
    top: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleCondition {
    display: block;
    background-color: #ffffff;
    color: #DD77BB;
    font-size: 14px;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px;
    border-radius: 30px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleCondition {
    font-size: 1.1290322581vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleCondition {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleLast {
    display: block;
    color: #ffffff;
    font-family: Roboto, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 2px;
    padding-top: 4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleLast {
    font-size: 3.2258064516vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleLast {
    font-size: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleText {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleText {
    font-size: 0.9677419355vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleText {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleUntil {
    color: #777777;
    display: block;
    font-size: 12px;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleUntil {
    font-size: 0.9677419355vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleUntil {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleRemaining {
    color: #777777;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    padding-top: 7px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleRemaining {
    font-size: 0.9677419355vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleRemaining {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__circleRemaining em {
    font-family: Roboto, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #DD77BB;
    line-height: 0.84;
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__circleRemaining em {
    font-size: 1.935483871vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__circleRemaining em {
    font-size: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  .c-campaign__calledCount {
    position: absolute;
    top: 58px;
    font-weight: bold;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  .c-campaign__calledCount {
    top: 4.6774193548vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .c-campaign__calledCount {
    top: 15.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-campaign {
    border-radius: 8vw;
    background-image: inherit;
  }
  .c-campaign__title {
    width: 78.533vw;
    padding-top: 6.933vw;
  }
  .c-campaign__title > img {
    width: 50.14%;
    margin: 0 auto;
  }
  .c-campaign__subtitle {
    width: 78.533vw;
    padding: 15px 0;
  }
  .c-campaign__subtitle > img {
    width: 85.07%;
    margin: 0 auto;
  }
  .c-campaign__text {
    width: 78.533vw;
    padding: 15px 0;
  }
  .c-campaign__text > img {
    width: 85.07%;
    margin: 0 auto;
  }
  .c-campaign__content {
    width: 100%;
    padding: 15px 0 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
  }
  .c-campaign__content > img {
    margin: 0 auto;
  }
  .c-campaign__content__Center {
    order: 2;
    max-width: 160px;
    width: 100%;
  }
  .c-campaign__content__Left {
    order: 1;
    transform: translateX(10%);
    max-width: 123px;
    width: 100%;
  }
  .c-campaign__content__Right {
    order: 3;
    transform: translateY(5.867vw);
    max-width: 103px;
    width: 100%;
  }
  .c-campaign__footer {
    max-width: 89.333vw;
    padding-top: 5.867vw;
    position: relative;
  }
  .c-campaign__footer img {
    border-bottom-left-radius: 8vw;
    border-bottom-right-radius: 8vw;
  }
  .c-campaign__footer__mark {
    display: block;
    position: absolute;
    top: -4%;
    left: -4%;
  }
  .c-campaign__circle {
    position: absolute;
    border-radius: 50%;
    width: 25.333vw;
    height: 25.333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  }
  .c-campaign__circle--01 {
    background-color: #DD77BB;
    color: #ffffff;
    left: -2.667vw;
    top: -10.667vw;
    z-index: 2;
  }
  .c-campaign__circle--02 {
    background-color: #ffffff;
    border: 1px solid #EEEEEE;
    color: #DD77BB;
    left: 19.2vw;
    top: -3.2vw;
    z-index: 1;
  }
  .c-campaign__circleCondition {
    display: block;
    background-color: #ffffff;
    color: #DD77BB;
    font-size: 3.2vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: -0.133vw;
    line-height: 5.6vw;
    border-radius: 8vw;
    padding: 0 1.067vw;
    margin-top: 1.6vw;
  }
  .c-campaign__circleLast {
    display: block;
    color: #ffffff;
    font-family: Roboto, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 6.933vw;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.533vw;
    padding-top: 1.333vw;
  }
  .c-campaign__circleText {
    display: block;
    color: #ffffff;
    font-size: 2.667vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .c-campaign__circleUntil {
    color: #777777;
    display: block;
    font-size: 2.667vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.6;
  }
  .c-campaign__circleRemaining {
    color: #777777;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1.6;
    padding-top: 0.8vw;
  }
  .c-campaign__circleRemaining em {
    font-family: Roboto, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 4.8vw;
    font-weight: 600;
    color: #DD77BB;
    line-height: 0.8;
    letter-spacing: 0.427vw;
  }
}

.c-free_trial_1__container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__container {
    max-width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__container {
    max-width: 266.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__container {
    max-width: 768px;
  }
}
.c-free_trial_1 .text-image > img {
  width: 100%;
}
.c-free_trial_1__section-1 {
  padding-top: 60px;
  padding-bottom: 47.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 {
    padding-top: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 {
    padding-top: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 {
    padding-bottom: 3.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 {
    padding-bottom: 12.6933333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 {
    padding-top: 5.3333333333vw;
    padding-bottom: 0;
  }
}
.c-free_trial_1__section-1 .content {
  position: relative;
  width: 1000px;
  height: 498.75px;
  background-repeat: no-repeat;
  background-size: 279.38px 258.07px;
  background-position-x: 107.3px;
  background-position-y: 185.7px;
  background-image: url("/ste-lam/one-world/image/free_trial_1/shape-1.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content {
    height: 40.2217741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    height: 133vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content {
    background-size: 22.5306451613vw 20.8120967742vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    background-size: 74.5013333333vw 68.8186666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content {
    background-position-x: 8.6532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    background-position-x: 28.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content {
    background-position-y: 14.9758064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    background-position-y: 49.52vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content {
    width: 100vw;
    height: 86.3173333333vw;
    background-size: 43.5813333333vw 40.8666666667vw;
    background-position-x: 5.3333333333vw;
    background-position-y: 15.3866666667vw;
    background-image: url("/ste-lam/one-world/image/free_trial_1/shape-1_sp.svg");
  }
}
.c-free_trial_1__section-1 .content > .pill {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #dd77bb;
  border-radius: 60px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill {
    border-radius: 500px;
    box-shadow: none;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-1 {
  width: 262px;
  height: 100px;
  top: 54.7px;
  left: 388.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    width: 21.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    width: 69.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    height: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    top: 4.4112903226vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    top: 14.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    left: 31.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    left: 103.6266666667vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
  width: 174.1px;
  height: 49.32px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
    width: 14.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
    width: 46.4266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
    height: 3.9774193548vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
    height: 13.152vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-1::before {
  content: "";
  display: block;
  position: absolute;
  width: 86.74px;
  height: 86.74px;
  top: -54.7px;
  right: -64.2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/free_trial_1/lines.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    width: 6.9951612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    width: 23.1306666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    height: 6.9951612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    height: 23.1306666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    top: -4.4112903226vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    top: -14.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    right: -5.1774193548vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    right: -17.12vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-2 {
  width: 220px;
  height: 129px;
  top: 80px;
  left: 60px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    height: 10.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    height: 34.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    top: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    top: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    left: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    left: 16vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
  width: 114.61px;
  height: 81.26px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
    width: 9.2427419355vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
    width: 30.5626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
    height: 6.5532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
    height: 21.6693333333vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-3 {
  width: 242px;
  height: 98.09px;
  top: 116.4px;
  left: 618px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    width: 19.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    width: 64.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    height: 7.910483871vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    height: 26.1573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    top: 9.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    top: 31.04vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    left: 49.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    left: 164.8vw;
  }
}
.c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
  width: 154.21px;
  height: 48.83px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
    width: 12.4362903226vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
    width: 41.1226666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
    height: 3.9379032258vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
    height: 13.0213333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-1 {
    width: 28.2666666667vw;
    height: 28.2666666667vw;
    top: 13.6vw;
    left: 38.2666666667vw;
  }
  .c-free_trial_1__section-1 .content > .pill.pill-1 > .text-image-1 {
    width: 17.0533333333vw;
    height: 11.4933333333vw;
  }
  .c-free_trial_1__section-1 .content > .pill.pill-1::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-2 {
    width: 28vw;
    height: 28vw;
    top: 0vw;
    left: 18.5333333333vw;
  }
  .c-free_trial_1__section-1 .content > .pill.pill-2 > .text-image-1 {
    width: 20.3733333333vw;
    height: 11.6026666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .pill.pill-3 {
    width: 29.6vw;
    height: 29.6vw;
    top: 15.68vw;
    left: 63.3333333333vw;
  }
  .c-free_trial_1__section-1 .content > .pill.pill-3 > .text-image-1 {
    width: 16.5946666667vw;
    height: 15.6933333333vw;
  }
  .c-free_trial_1__section-1 .content > .pill.pill-3::before {
    content: "";
    display: block;
    position: absolute;
    width: 16.904vw;
    height: 12.1946666667vw;
    top: -11.2533333333vw;
    right: -1.7333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("/ste-lam/one-world/image/free_trial_1/lines_sp.svg");
  }
}
.c-free_trial_1__section-1 .content > .cloud {
  width: 1000px;
  height: 321.3px;
  position: absolute;
  top: 177.2px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud {
    height: 25.9112903226vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud {
    height: 85.68vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud {
    top: 14.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud {
    top: 47.2533333333vw;
  }
}
.c-free_trial_1__section-1 .content > .cloud.lazyloaded {
  background-image: url("/ste-lam/one-world/image/free_trial_1/cloud.svg");
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud {
    width: 100vw;
    height: 65.072vw;
    top: 26.5866666667vw;
  }
  .c-free_trial_1__section-1 .content > .cloud.lazyloaded {
    background-image: url("/ste-lam/one-world/image/free_trial_1/cloud_sp.svg");
  }
}
.c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
  position: absolute;
  width: 369.9px;
  height: 76.99px;
  left: 458.6px;
  bottom: 138.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    width: 29.8306451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    width: 98.64vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    height: 6.2088709677vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    height: 20.5306666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    left: 36.9838709677vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    left: 122.2933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    bottom: 11.1693548387vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    bottom: 36.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .cloud > .text-image-1 {
    width: 43.856vw;
    height: 24.8453333333vw;
    left: 33.9733333333vw;
    bottom: 21.5466666667vw;
  }
}
.c-free_trial_1__section-1 .content > .child {
  position: absolute;
  width: 197.65px;
  height: 514.97px;
  top: 52px;
  left: 257px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .child {
    width: 15.939516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .child {
    width: 52.7066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .child {
    height: 41.5298387097vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .child {
    height: 137.3253333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .child {
    top: 4.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .child {
    top: 13.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-1 .content > .child {
    left: 20.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .child {
    left: 68.5333333333vw;
  }
}
.c-free_trial_1__section-1 .content > .child.lazyloaded {
  background-image: url("/ste-lam/one-world/image/free_trial_1/child.png");
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-1 .content > .child {
    width: 27.048vw;
    height: 70.496vw;
    left: 5.3333333333vw;
    top: 19.2vw;
  }
}
.c-free_trial_1__section-2 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 {
    padding-top: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 {
    padding-top: 8.2666666667vw;
    padding-bottom: 7.2vw;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 100vw;
  }
}
.c-free_trial_1__section-2 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 30px;
  background-color: #fff;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content {
    padding: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content {
    padding: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content {
    flex-direction: column;
    width: 89.3333333333vw;
    height: 115.2vw;
    padding: 5.3333333333vw 2.6666666667vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.c-free_trial_1__section-2 .content::after {
  content: "";
  display: block;
  position: absolute;
  width: 140px;
  height: 140px;
  top: -50px;
  right: -50px;
  transform: rotate(15deg);
  background-color: #ee9966;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 102.38px 52.46px;
  background-image: url("/ste-lam/one-world/image/free_trial_1/text-9.svg");
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    width: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    width: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    height: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    height: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    top: -4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    top: -13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    right: -4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    right: -13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    background-size: 8.2564516129vw 4.2306451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    background-size: 27.3013333333vw 13.9893333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content::after {
    right: unset;
    left: 0;
    top: -6.5866666667vw;
    width: 25.6693333333vw;
    height: 25.6693333333vw;
    background-size: 18.2026666667vw 9.328vw;
    transform: rotate(-21deg);
  }
}
.c-free_trial_1__section-2 .content > .content-image {
  width: 420px;
  height: 280px;
  border-width: 4px;
  border-style: solid;
  border-color: #ee9966;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-image {
    width: 33.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-image {
    width: 112vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-image {
    height: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-image {
    height: 74.6666666667vw;
  }
}
.c-free_trial_1__section-2 .content > .content-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-image {
    width: 78.6666666667vw;
    height: 45.8666666667vw;
    border-radius: 16px;
    border: none;
  }
}
.c-free_trial_1__section-2 .content > .content-body {
  width: 460px;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body {
    width: 122.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body {
    height: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body {
    height: 74.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body {
    width: 84vw;
    height: 54.4vw;
    align-items: center;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
  width: 378.05px;
  height: 78.23px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
    width: 30.4879032258vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
    width: 100.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
    height: 6.3088709677vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
    height: 20.8613333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-1 {
    width: 74.0853333333vw;
    height: 14.24vw;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
  width: 365.13px;
  height: 32.42px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
    width: 29.4459677419vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
    width: 97.368vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
    height: 2.614516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
    height: 8.6453333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .text-image-2 {
    width: 71.392vw;
    height: 5.2373333333vw;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action {
  position: relative;
  width: 460px;
  height: 124px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action {
    width: 122.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action {
    height: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action {
    height: 33.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action {
    width: 84.2666666667vw;
    height: 25.3333333333vw;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
  position: absolute;
  top: 0;
  left: calc(50% - 150px);
  width: 300px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  z-index: 1;
  background-color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    left: calc(50% - 12.0967741935vw);
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    left: calc(50% - 40vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    width: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption {
    width: 21.0666666667vw;
    height: 10.9333333333vw;
    left: calc(50% - 10.5333333333vw);
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
  width: 262.47px;
  height: 12.27px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
    width: 21.1669354839vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
    width: 69.992vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
    height: 0.989516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
    height: 3.272vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-caption > .text-image-1 {
    width: 12.392vw;
    height: 3.3466666667vw;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ee9966;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  width: 460px;
  height: 100px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
    width: 122.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
    height: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn {
    width: 84vw;
    height: 18.4vw;
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/ste-lam/one-world/image/common/chevron-right.svg");
  width: 12.11px;
  height: 20px;
  top: calc(50% - 10px);
  right: 19.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    width: 0.9766129032vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    width: 3.2293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    height: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    height: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    top: calc(50% - 0.8064516129vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    right: 1.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    right: 5.2533333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn::before {
    width: 2.2186666667vw;
    height: 3.6666666667vw;
    right: 3.5733333333vw;
    top: calc(50% - 1.8333333333vw);
  }
}
.c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
  width: 382.34px;
  height: 23.06px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
    width: 30.8338709677vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
    width: 101.9573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
    height: 1.8596774194vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
    height: 6.1493333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_1__section-2 .content > .content-body > .content-action > .action-btn > .text-image-1 {
    width: 55.1733333333vw;
    height: 4.1013333333vw;
  }
}

.c-free_trial_2__container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__container {
    max-width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__container {
    max-width: 266.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__container {
    max-width: 768px;
  }
}
.c-free_trial_2 .text-image > img {
  width: 100%;
}
.c-free_trial_2__section-1 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_50.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 {
    padding-top: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 {
    padding-top: 8.2666666667vw;
    padding-bottom: 7.2vw;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("/ste-lam/one-world/image/free_trial_1/bg_sp.png");
  }
}
.c-free_trial_2__section-1 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 30px;
  background-color: #fff;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content {
    padding: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content {
    padding: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content {
    flex-direction: column;
    width: 89.3333333333vw;
    padding: 5.3333333333vw 2.6666666667vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.c-free_trial_2__section-1 .content::after {
  content: "";
  display: block;
  position: absolute;
  width: 140px;
  height: 140px;
  top: -50px;
  right: -50px;
  transform: rotate(15deg);
  background-color: #ee9966;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 102.38px 52.46px;
  background-image: url("/ste-lam/one-world/image/free_trial_1/text-9.svg");
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    width: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    width: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    height: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    height: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    top: -4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    top: -13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    right: -4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    right: -13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    background-size: 8.2564516129vw 4.2306451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    background-size: 27.3013333333vw 13.9893333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content::after {
    right: unset;
    left: 0;
    top: -6.5866666667vw;
    width: 25.6693333333vw;
    height: 25.6693333333vw;
    background-size: 18.2026666667vw 9.328vw;
    transform: rotate(-21deg);
  }
}
.c-free_trial_2__section-1 .content > .content-image {
  width: 420px;
  height: 280px;
  border-width: 4px;
  border-style: solid;
  border-color: #ee9966;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-image {
    width: 33.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-image {
    width: 112vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-image {
    height: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-image {
    height: 74.6666666667vw;
  }
}
.c-free_trial_2__section-1 .content > .content-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-image {
    width: 78.6666666667vw;
    height: 45.8666666667vw;
    border-radius: 16px;
    border: none;
  }
}
.c-free_trial_2__section-1 .content > .content-body {
  width: 460px;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body {
    width: 122.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body {
    height: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body {
    height: 74.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body {
    width: 84vw;
    height: 34.6666666667vw;
    align-items: center;
  }
}
.c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
  width: 429.7px;
  height: 79.58px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
    width: 34.6532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
    width: 114.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
    height: 6.4177419355vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
    height: 21.2213333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-1 {
    width: 74.0853333333vw;
    height: 14.24vw;
  }
}
.c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
  margin-top: 29.8px;
  width: 435.04px;
  height: 32.42px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    margin-top: 2.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    margin-top: 7.9466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    width: 35.0838709677vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    width: 116.0106666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    height: 2.614516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    height: 8.6453333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-body > .text-image-2 {
    margin-top: 4.4266666667vw;
    width: 71.392vw;
    height: 5.2373333333vw;
  }
}
.c-free_trial_2__section-1 .content > .content-break {
  flex-basis: 100%;
  height: 0;
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-break {
    flex-basis: unset;
  }
}
.c-free_trial_2__section-1 .content > .content-action {
  position: relative;
  width: 100%;
  height: 140px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action {
    height: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action {
    height: 37.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action {
    height: 25.3333333333vw;
  }
}
.c-free_trial_2__section-1 .content > .content-action > .action-caption {
  position: absolute;
  top: 0;
  left: calc(50% - 57.5px);
  width: 115px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  z-index: 1;
  background-color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    left: calc(50% - 4.6370967742vw);
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    left: calc(50% - 15.3333333333vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    width: 9.2741935484vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    width: 30.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    height: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption {
    width: 21.0666666667vw;
    height: 10.9333333333vw;
    left: calc(50% - 10.5333333333vw);
  }
}
.c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
  width: 71.5px;
  height: 19.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
    width: 5.7661290323vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
    width: 19.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
    height: 1.5564516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
    height: 5.1466666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-caption > .text-image-1 {
    width: 12.392vw;
    height: 3.3466666667vw;
  }
}
.c-free_trial_2__section-1 .content > .content-action > .action-btn {
  position: absolute;
  bottom: 0;
  left: calc(50% - 230px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ee9966;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  width: 460px;
  height: 100px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    left: calc(50% - 18.5483870968vw);
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    left: calc(50% - 61.3333333333vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    width: 122.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    height: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn {
    width: 100%;
    height: 18.4vw;
    left: 0;
    right: 0;
  }
}
.c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/ste-lam/one-world/image/common/chevron-right.svg");
  width: 12.11px;
  height: 20px;
  top: calc(50% - 10px);
  right: 19.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    width: 0.9766129032vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    width: 3.2293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    height: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    height: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    top: calc(50% - 0.8064516129vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    right: 1.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    right: 5.2533333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn::before {
    width: 2.2186666667vw;
    height: 3.6666666667vw;
    right: 3.5733333333vw;
    top: calc(50% - 1.8333333333vw);
  }
}
.c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
  width: 310.34px;
  height: 23.06px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
    width: 25.0274193548vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
    width: 82.7573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
    height: 1.8596774194vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
    height: 6.1493333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-free_trial_2__section-1 .content > .content-action > .action-btn > .text-image-1 {
    width: 55.1733333333vw;
    height: 4.1013333333vw;
  }
}

.u-img {
  margin-left: auto;
  margin-right: auto;
}

.u-center {
  text-align: center;
}

.u-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .u-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .u-pcBr {
    white-space: norawp;
  }
}
@media screen and (min-width: 768px) {
  .u-pcBr::after {
    content: "\a";
    white-space: pre;
  }
}

.u-campaign__wrapper {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-campaign__wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .u-campaign__wrapper {
    padding: 22px 0 33px;
  }
}

.u-Shadow {
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  transform: translateZ(0);
}
.u-Shadow--light {
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}

.shadow-sp {
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  -moz-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}

.u-mt10 {
  margin-top: 0.625em;
}

.u-mt20 {
  margin-top: 1.25em;
}

.u-mt100 {
  margin-top: 100px;
}

@media screen and (min-width: 768px) {
  .u-mt15 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .u-mt15 {
    margin-top: 0.9375em;
  }
}
#top {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #top .WideKeyVisual__Container {
    margin-top: 60px;
  }
  #top .WideKeyVisual__Container .KeyVisual__SliderPC {
    width: 1000px;
    margin: 0 auto;
  }
  #top .WideKeyVisual__Container .KeyVisual__SliderPC .swiper-wrapper {
    height: 720px;
    width: 1920px;
    margin: 0 -460px;
  }
  #top .WideKeyVisual__Container .KeyVisual__SliderPC .swiper-wrapper .swiper-slide {
    min-width: 1920px;
  }
}
@media screen and (max-width: 767px) {
  #top .WideKeyVisual__Container {
    margin-top: 60px;
  }
}
#top .KeyVisual__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #top .KeyVisual__wrapper {
    padding-top: 110px;
  }
  #top .KeyVisual__title {
    margin-top: -30px;
  }
}
@media screen and (max-width: 767px) {
  #top .KeyVisual__wrapper {
    padding-top: 60px;
    min-height: 553px;
  }
}
#top .Campaign {
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #top .Campaign {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #top .Campaign.lazyloaded {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .Campaign.lazyloaded {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
#top .Campaign__Circles {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top .Campaign {
    min-height: 285px;
  }
  #top .Campaign__Circles {
    min-height: 400px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #top .Campaign__CirclesItem {
    position: inherit;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  #top .Campaign__CirclesItem--AfterKinderGarden {
    width: 400px;
    top: 0;
    left: calc(50% - 250px);
  }
  #top .Campaign__CirclesItem--AfterSchool {
    width: 400px;
    top: 0;
    left: calc(50% + 250px);
  }
  #top .Campaign__CirclesItem--FreeFacility {
    width: 220px;
    left: 50%;
    bottom: -30px;
  }
}
@media screen and (max-width: 767px) {
  #top .Campaign__Circles {
    min-height: 71.2vw;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #top .Campaign__CirclesItem {
    position: inherit;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  #top .Campaign__CirclesItem--AfterKinderGarden {
    width: 42.667vw;
    top: 100px;
    left: calc(50% - 23.467vw);
  }
  #top .Campaign__CirclesItem--AfterSchool {
    width: 42.667vw;
    top: 100px;
    left: calc(50% + 23.467vw);
  }
  #top .Campaign__CirclesItem--FreeFacility {
    width: 34.133vw;
    left: 50%;
    bottom: 0;
  }
  #top .Campaign .c-campaign {
    margin-top: 41.333vw;
    border-radius: 10.667vw;
  }
  #top .Campaign .c-campaign__title {
    max-width: 78.533vw;
    padding-top: 6.933vw;
  }
  #top .Campaign .c-campaign__content {
    max-width: 69.333vw;
    padding-top: 6.933vw;
  }
  #top .Campaign .c-campaign__footer {
    max-width: 89.333vw;
    padding-top: 5.867vw;
  }
  #top .Campaign .c-campaign .u-sp {
    top: 26.667vw !important;
  }
  #top .Campaign .c-campaign .u-sp > span {
    font-size: 6.133vw !important;
  }
  #top .Campaign .c-autumnBanner {
    padding-top: 20px;
  }
  #top .Campaign .c-autumnBanner img {
    margin-right: auto;
    margin-left: auto;
  }
}
#top .Contents__items ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #top .Contents__Title {
    padding-top: 90px;
  }
  #top .Contents__TitleImage {
    margin-left: auto;
    margin-right: auto;
  }
  #top .Contents__items {
    min-height: 878px;
    margin-top: -26px;
    margin-bottom: -200px;
  }
  #top .Contents__items.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_contents_bg_icon.png") no-repeat;
    background-position: calc(50% - 10px) 0;
    background-size: 1161.5px 878px;
  }
  #top .Contents__items ul {
    flex-wrap: nowrap;
  }
  #top .Contents__items ul:nth-child(1) {
    padding-top: 50px;
  }
  #top .Contents__items ul:nth-child(1) li {
    max-width: 340px;
  }
  #top .Contents__items ul:nth-child(2) li {
    max-width: 225px;
    margin-left: -10px;
    margin-right: -10px;
  }
  #top .Contents__items ul:nth-child(2) li:nth-child(odd) {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@media screen and (max-width: 767px) {
  #top .Contents__title {
    padding-top: 11.2vw;
  }
  #top .Contents__TitleImage {
    /*width: 85.464vw;
    height: 17.499vw;*/
    margin-left: auto;
    margin-right: auto;
  }
  #top .Contents__items {
    padding-top: 8.667vw;
    margin-bottom: -34.667vw;
  }
  #top .Contents__items.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_contents_bg_icon_sp.png") no-repeat;
    background-position: calc(50% - 4.533vw) 0;
    background-size: 108.8vw 491.867vw;
  }
  #top .Contents__items ul {
    flex-wrap: wrap;
  }
  #top .Contents__items ul:nth-child(1) li {
    width: 89.333vw;
  }
  #top .Contents__items ul:nth-child(1) li:not(:first-of-type) {
    margin-top: -8vw;
  }
  #top .Contents__items ul:nth-child(2) {
    margin-top: -8vw;
    padding-bottom: 2.667vw;
  }
  #top .Contents__items ul:nth-child(2) li {
    width: 53.6vw;
  }
  #top .Contents__items ul:nth-child(2) li:nth-child(2n+3) {
    margin-top: -32.8vw;
  }
  #top .Contents__items ul:nth-child(2) li:nth-child(odd) {
    -webkit-transform: translateX(-24vw);
    -ms-transform: translateX(-24vw);
    transform: translateX(-24vw);
  }
  #top .Contents__items ul:nth-child(2) li:nth-child(even) {
    margin-top: -44vw;
    -webkit-transform: translateX(22.667vw);
    -ms-transform: translateX(22.667vw);
    transform: translateX(22.667vw);
  }
}
@media screen and (min-width: 768px) {
  #top .Curriculum__Title {
    margin-top: 100px;
  }
  #top .Curriculum__Title.top-minus-30 {
    margin-top: -30px;
  }
  #top .Curriculum__Title.top-0 {
    margin-top: 0;
  }
  #top .Curriculum__TitleImage {
    margin-left: auto;
    margin-right: auto;
  }
  #top .Curriculum__Image {
    max-width: 1000px;
  }
  #top .Curriculum .program-button-pc {
    top: 830px;
    left: 305px;
  }
}
@media screen and (max-width: 767px) {
  #top .Curriculum {
    /* padding-top: 34.667vw;
    margin-bottom: -22.400vw; */
  }
  #top .Curriculum__Title {
    margin-top: 10px;
  }
  #top .Curriculum__Title.top-50-sp {
    margin-top: 50px;
  }
  #top .Curriculum__Title.top-0-sp {
    margin-top: 0;
  }
  #top .Curriculum__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 84.427vw;
    height: 12.539vw;
  }
  #top .Curriculum__Image {
    /* margin-top: 3vw;
    margin-left: -2vw; */
  }
  #top .Curriculum__Image img {
    /*width: 95vw;*/
    margin: 0 auto;
  }
}
#top .Curriculum.back-purple {
  background-color: #f7f3fe;
}
@media screen and (min-width: 768px) {
  #top .Curriculum.back-purple {
    background-image: url("/ste-lam/one-world/image/top_pc/art-bg-svg.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
#top .Curriculum.back-bottom-purple {
  background-image: linear-gradient(transparent 0% 85%, #f7f3fe 85% 100%);
}
#top .Curriculum.back-top-purple {
  background-image: linear-gradient(#f7f3fe 0% 15%, #d5c5f7 15% 100%);
}
@media screen and (max-width: 767px) {
  #top .Curriculum.back-top-purple {
    background-image: linear-gradient(#fcece1 0% 9%, #d5c5f7 9% 100%);
  }
}
#top .Curriculum.back-to-after {
  background-image: linear-gradient(transparent 0% 25%, #f7eef6 25% 100%);
}
@media screen and (max-width: 767px) {
  #top .Curriculum.back-to-after {
    background-image: linear-gradient(transparent 0% 40%, #f7eef6 40% 100%);
  }
}
#top .Curriculum.back-after-to-pre {
  background-image: linear-gradient(#f7eef6, #e9f1fc);
}
@media screen and (max-width: 767px) {
  #top .Curriculum.back-after-to-pre {
    margin-top: 0;
    padding-top: 20px;
  }
}
#top .Curriculum.back-pre-to-full {
  background-image: linear-gradient(#e9f1fc, #e9f5fa);
}
#top .Curriculum.back-full {
  background-image: linear-gradient(#e9f5fa, #e9f6fa);
}
@media screen and (max-width: 767px) {
  #top .StelamEducation__Timeline {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 174vw;
  }
}
@media screen and (min-width: 768px) {
  #top .StelamEducation__Timeline {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .StelamEducation {
    padding-top: 140px;
    margin-bottom: -110px;
  }
  #top .StelamEducation__MainTitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 624.42px;
    height: 84.74px;
  }
  #top .StelamEducation__TitleImage {
    max-width: 999px;
    margin-top: 27px;
  }
  #top .StelamEducation__Chart {
    margin-top: 34px;
  }
  #top .StelamEducation__Chart.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_stelam_education_chart_bg.png") no-repeat;
    background-size: 901.5px 768px;
    background-position: calc(50% + 30px) 0;
  }
  #top .StelamEducation__Chart figure {
    padding-top: 2px;
    display: inline-block;
    max-width: 880px;
  }
  #top .StelamEducation__Stemla {
    margin-top: 46px;
    padding-bottom: 68px;
    position: relative;
  }
  #top .StelamEducation__Stemla figure {
    max-width: 1004px;
  }
  #top .StelamEducation__StemlaItem {
    position: absolute;
    display: inline-block;
  }
  #top .StelamEducation__StemlaItem--stem {
    left: calc(50% - 250px);
    top: calc(50% - 83px);
  }
  #top .StelamEducation__StemlaItem--language {
    left: calc(50% + 260px);
    top: calc(50% + 54px);
  }
  #top .StelamEducation__StemlaItem--art {
    left: 50%;
    bottom: 7.5%;
  }
  #top .StelamEducation__StemlaItem a {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #top .StelamEducation__Timeline {
    padding-top: 30px;
    padding-bottom: 16px;
  }
  #top .StelamEducation__TimelineImage {
    max-width: 1015px;
  }
}
@media screen and (max-width: 767px) {
  #top .StelamEducation {
    padding-top: 40px;
    margin-bottom: -17.333vw;
  }
  #top .StelamEducation__MainTitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 88.24vw;
    height: 12.613vw;
  }
  #top .StelamEducation__TitleImage {
    max-width: 89.067vw;
    margin-top: 6.4vw;
  }
  #top .StelamEducation__Chart {
    margin-top: 6.667vw;
  }
  #top .StelamEducation__Chart figure {
    max-width: 97.333vw;
  }
  #top .StelamEducation__Stemla {
    padding-bottom: 8vw;
  }
  #top .StelamEducation__StemlaItem a {
    margin-top: 4vw;
    min-width: 69.333vw;
    min-height: 10.667vw;
    font-size: 3.2vw;
  }
  #top .StelamEducation__StemlaItem--stem {
    margin-top: 3vw;
  }
  #top .StelamEducation__StemlaItem--stem.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_stelam_education_stem_01_bg.png") no-repeat;
    background-size: 124.4vw 124.8vw;
    background-position: calc(50% - 2.667vw) 0;
  }
  #top .StelamEducation__StemlaItem--stem img {
    max-width: 89.333vw;
  }
  #top .StelamEducation__StemlaItem--language {
    padding-top: 13.333vw;
    margin-top: 3.2vw;
  }
  #top .StelamEducation__StemlaItem--language.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_stelam_education_language_02_bg.png") no-repeat;
    background-size: 150.933vw 148.8vw;
    background-position: calc(50% - 1.6vw) 0;
  }
  #top .StelamEducation__StemlaItem--language img {
    max-width: 91.867vw;
  }
  #top .StelamEducation__StemlaItem--art {
    padding-top: 10.133vw;
    margin-top: 4vw;
  }
  #top .StelamEducation__StemlaItem--art.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_stelam_education_art_03_bg.png") no-repeat;
    background-size: 138.533vw 160.133vw;
    background-position: calc(50% + 7.467vw) 0;
  }
  #top .StelamEducation__StemlaItem--art img {
    max-width: 84vw;
  }
  #top .StelamEducation__Timeline {
    padding-top: 8vw;
    padding-bottom: 5.333vw;
  }
  #top .StelamEducation__TimelineImage {
    width: 100vw;
  }
  #top .StelamEducation__TimelineImage > img:last-of-type {
    max-width: 104vw;
    margin-left: -3vw;
  }
  #top .StelamEducation .c-title figure {
    margin-bottom: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  #top .StelamEducation .edu-arrow-sv {
    margin-top: -2vw;
    width: 67.618vw;
    height: 47.174vw;
  }
}
@media screen and (max-width: 767px) {
  #top .Fivesenses__Oneday {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 100vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Fivesenses__Oneday {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .Fivesenses {
    padding-top: 202px;
    margin-bottom: -110px;
  }
  #top .Fivesenses__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 568.58px;
    height: 84.96px;
  }
  #top .Fivesenses__Content {
    padding-bottom: 50px;
  }
  #top .Fivesenses__ContentImage {
    max-width: 1000px;
    margin-top: 13px;
    position: relative;
  }
  #top .Fivesenses__ContentImageTop {
    position: relative;
    z-index: 1;
  }
  #top .Fivesenses__ContentImageBottom {
    margin-top: -46px;
    position: relative;
    z-index: 0;
  }
  #top .Fivesenses__ContentImageButton {
    position: absolute;
    bottom: 24px;
    right: 238px;
    display: block;
    z-index: 2;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #top .Fivesenses__ContentImageButton {
    bottom: 2.4vw;
    right: 23.8vw;
  }
  #top .Fivesenses__ContentImageButton img {
    width: 20vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Fivesenses__Oneday {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  #top .Fivesenses__OnedayImage {
    max-width: 1000px;
    position: relative;
  }
  #top .Fivesenses__OnedayImageArrow {
    position: absolute;
    right: -26px;
    bottom: 84px;
  }
  #top .Fivesenses__OnedayImagePanel {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 30px;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
  #top .Fivesenses__OnedayImagePanelButton {
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
}
@media screen and (max-width: 767px) {
  #top .Fivesenses {
    padding-top: 32.333vw;
    margin-bottom: -19.2vw;
  }
  #top .Fivesenses__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 80.501vw;
    height: 12.645vw;
  }
  #top .Fivesenses__ContentCourse--01 {
    padding-top: 17.333vw;
    margin-top: -8.533vw;
  }
  #top .Fivesenses__ContentCourse--01.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_fivesense_01_bg_sp.png") no-repeat;
    background-size: 135.733vw 138.267vw;
    background-position: calc(50% + 5.333vw) 0;
  }
  #top .Fivesenses__ContentCourse--01 img {
    max-width: 89.333vw;
  }
  #top .Fivesenses__ContentCourse--02 {
    margin-top: -1.6vw;
  }
  #top .Fivesenses__ContentCourse--02.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_fivesense_02_bg_sp.png") no-repeat;
    background-size: 115.467vw 115.467vw;
    background-position: center 4.267vw;
  }
  #top .Fivesenses__ContentCourse--02 img {
    max-width: 89.333vw;
  }
  #top .Fivesenses__ContentCourse--03.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_fivesense_03_bg_sp.png") no-repeat;
    background-size: 461px 474px;
    background-position: calc(50% + 15px) 11px;
  }
  #top .Fivesenses__ContentCourse--03 img {
    max-width: 89.333vw;
  }
  #top .Fivesenses__ContentCourse--04 {
    margin-top: 6.133vw;
    padding-bottom: 0.8vw;
  }
  #top .Fivesenses__ContentCourse--04 .Fivesenses__ContentCourse--Button {
    display: block;
    margin: 16px auto 11px;
    width: max-content;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
  #top .Fivesenses__Oneday {
    padding-top: 8.5vw;
    padding-bottom: 19vw;
  }
  #top .Fivesenses__OnedayAccordionHeigth {
    padding-bottom: 58vw;
    background-size: cover;
  }
  #top .Fivesenses__OnedayList ul {
    display: inline-block;
    margin: 0 auto;
  }
  #top .Fivesenses__OnedayList ul li span {
    display: block;
    position: relative;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
    color: #ffffff;
    background-color: #66BBCC;
    width: 90.66vw;
    max-width: 355px;
    border-radius: 10px;
  }
  #top .Fivesenses__OnedayList ul li span::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #ffffff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #top .Fivesenses__OnedayList ul li:hover img {
    display: block;
  }
  #top .Fivesenses__OnedayList ul li:hover span {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  #top .Fivesenses__OnedayList ul li:hover span::after {
    -webkit-transform: translateX(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) rotate(-135deg);
    transform: translateX(-50%) rotate(-135deg);
  }
  #top .Fivesenses__OnedayList ul li:not(:first-of-type) {
    margin-top: 6px;
  }
  #top .Fivesenses__OnedayList ul li img {
    display: none;
    max-width: 355px;
    width: 90.66vw;
  }
  #top .Fivesenses__OnedayListTitle {
    max-width: 303px;
    margin-bottom: 27px;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container {
    width: 100%;
    height: 164.8vw;
    padding: 0 2.66667vw;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container p {
    font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-size: 4.267vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 7.467vw;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu {
    width: 100%;
    height: 107.467vw;
    margin: 21.5px auto 0;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu input[type=radio] {
    display: none;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu label {
    display: block;
    line-height: 12.533vw;
    padding: 0 4vw 0 5.33vw;
    position: relative;
    cursor: pointer;
    width: 94.7vw;
    height: 12vw;
    margin: 2.6vw 0 0;
    border-radius: 2.667vw;
    background-color: #66bbcc;
    font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-size: 4.3vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu label::before {
    content: "";
    position: absolute;
    right: 4.7vw;
    top: 4.8vw;
    display: block;
    width: 0.8vw;
    height: 2.7vw;
    background-color: #fff;
    border-radius: 13.3333vw;
    transform: rotate(-135deg);
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu label::after {
    content: "";
    position: absolute;
    right: 6.1333vw;
    top: 4.8vw;
    display: block;
    width: 0.8vw;
    height: 2.7vw;
    background-color: #fff;
    border-radius: 13.3333vw;
    transform: rotate(135deg);
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content {
    max-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content .inner {
    position: relative;
    width: 94.7vw;
    background-color: rgba(255, 255, 255, 0.49);
    border-bottom-left-radius: 2.667vw;
    border-bottom-right-radius: 2.667vw;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content .inner-img {
    width: 94.7vw;
    border-bottom-left-radius: 2.667vw;
    border-bottom-right-radius: 2.667vw;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content .inner-arrow {
    position: absolute;
    right: 4px;
    bottom: 148px;
    z-index: 2;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content .inner .inner-image_panel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 315px;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu .content .inner .inner-image_panelButton {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label + .content {
    max-height: 533.333vw;
    height: auto;
    width: 94.7vw;
  }
  #top .Fivesenses__Oneday .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
  #top .Fivesenses .fsense-txt {
    margin-top: 7vw;
  }
}
#top .Fivesenses .fsense-tle {
  margin-top: 3vw;
  margin-left: 1.8vw;
}
@media screen and (max-width: 767px) {
  #top .Fivesenses .fsense-tle > .u-sp {
    width: 80.533vw;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #top .FullSupportSystem__Oneday {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 125vw;
  }
}
@media screen and (min-width: 768px) {
  #top .FullSupportSystem__Oneday {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .FullSupportSystem {
    padding-top: 197px;
    margin-bottom: -150px;
  }
  #top .FullSupportSystem__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 705.2px;
    height: 34.88px;
  }
  #top .FullSupportSystem__Features {
    margin-top: -10px;
  }
  #top .FullSupportSystem__Features ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 23px;
  }
  #top .FullSupportSystem__Features ul.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_fullsupportsystem_feature_bg.png") no-repeat;
    background-size: 1129px 263px;
    background-position: calc(50% - 10px) 0;
  }
  #top .FullSupportSystem__Features ul li {
    max-width: 380px;
    margin: 0 -20px;
  }
  #top .FullSupportSystem__Oneday {
    padding-top: 30px;
    padding-bottom: 24px;
  }
  #top .FullSupportSystem__Oneday figure {
    max-width: 957.5px;
  }
  #top .FullSupportSystem > h2 {
    margin-top: -10px;
  }
}
@media screen and (max-width: 767px) {
  #top .FullSupportSystem {
    padding-top: 32vw;
    margin-bottom: -18.667vw;
  }
  #top .FullSupportSystem__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 49.728vw;
    height: 12.581vw;
  }
  #top .FullSupportSystem__Features {
    margin-top: -4.533vw;
    text-align: center;
  }
  #top .FullSupportSystem__Features ul {
    display: inline-block;
    padding-top: 32px;
  }
  #top .FullSupportSystem__Features ul.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_fullsupportsystem_feature_bg_sp.png") no-repeat;
    background-size: 96.133vw 162.133vw;
    background-position: calc(50% + 0.533vw) 0;
  }
  #top .FullSupportSystem__Features ul li {
    max-width: 100vw;
  }
  #top .FullSupportSystem__Features ul li:not(:first-of-type) {
    margin-top: -8vw;
  }
  #top .FullSupportSystem__Oneday {
    padding-top: 8vw;
    padding-bottom: 6.933vw;
  }
  #top .FullSupportSystem__Oneday figure {
    max-width: 94.4vw;
  }
}
#top .ItCommunitySystem .ItCommunitySystem__Title {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #top .ItCommunitySystem {
    padding-top: 200px;
    /* margin-bottom: -135px;*/
  }
  #top .ItCommunitySystem__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 748.87px;
    height: 34.63px;
  }
  #top .ItCommunitySystem__Image {
    margin-top: 11px;
    margin-left: -18px;
  }
  #top .ItCommunitySystem__Image img {
    max-width: 1014px;
  }
}
@media screen and (max-width: 767px) {
  #top .ItCommunitySystem {
    padding-top: 32vw;
    margin-bottom: 45px;
  }
  #top .ItCommunitySystem__Title img {
    margin-left: auto;
    margin-right: auto;
  }
  #top .ItCommunitySystem__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 54.843vw;
    height: 12.448vw;
  }
  #top .ItCommunitySystem__Image {
    margin-top: 4vw;
  }
  #top .ItCommunitySystem__Image.lazyloaded {
    background: url("/ste-lam/one-world/image/top/top_it_community_bg_sp.png") no-repeat;
    background-size: 98.267vw 384.667vw;
    background-position: calc(50% + 13.333vw) 64.8vw;
  }
  #top .ItCommunitySystem__Image img {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #top .Instructors__Rooms {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 114vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__Rooms {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors {
    padding-top: 110px;
  }
  #top .Instructors__TitleImage {
    margin-left: auto;
    margin-right: auto;
  }
  #top .Instructors__Teachers {
    margin-top: 20px;
  }
  #top .Instructors__Teachers figure {
    max-width: 1000px;
  }
  #top .Instructors__TeachersList {
    display: none;
  }
  #top .Instructors__Rooms {
    padding-top: 30px;
    margin-top: 19px;
  }
  #top .Instructors__RoomsTitle {
    max-width: 540px;
  }
  #top .Instructors__RoomsGallery {
    position: relative;
    height: 720px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #top .Instructors__RoomsGallery {
    height: 58.064516129vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .Instructors__RoomsGallery {
    height: 192vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryItem {
    width: 1000px;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #top .Instructors__RoomsGalleryItem {
    width: 80.6451612903vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryItem {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryItem.swiper-slide-active {
    visibility: visible;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryThumb {
    padding: 12px 0;
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    outline: none;
  }
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    display: inline-flex;
    width: 150px;
    height: 150px;
    opacity: 1;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 10px;
    outline: none;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    width: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    width: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    height: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryThumb .forRoomThumb.swiper-pagination-bullet-active {
    border: 8px solid #ffffff;
    box-sizing: content-box;
    margin: 0 2px;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryPrev, #top .Instructors__RoomsGalleryNext {
    position: absolute;
    top: calc(50% - 110px);
    width: 36px;
    height: 60px;
    cursor: pointer;
    z-index: 10;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryPrev {
    left: 50%;
    margin-left: -587px;
    margin-top: -20px;
  }
  #top .Instructors__RoomsGalleryPrev.lazyloaded {
    background: url("/ste-lam/one-world/image/top/arrow-left.png") no-repeat;
    background-size: 36px 60px;
    filter: none;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__RoomsGalleryNext {
    left: 50%;
    margin-left: 548px;
    margin-top: -20px;
  }
  #top .Instructors__RoomsGalleryNext.lazyloaded {
    background: url("/ste-lam/one-world/image/top/arrow-right.png") no-repeat;
    background-size: 36px 60px;
    filter: none;
  }
}
@media screen and (min-width: 768px) {
  #top .Instructors__More {
    margin-top: 30px;
    max-width: 1045px;
    position: relative;
  }
  #top .Instructors__MoreButton {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 90px;
    left: 50%;
  }
  #top .Instructors__More > img:first-of-type {
    margin-left: -15px;
  }
}
@media screen and (max-width: 767px) {
  #top .Instructors {
    padding-top: 30px;
    margin-bottom: -20vw;
  }
  #top .Instructors__TitleImage {
    margin-left: auto;
    margin-right: auto;
    /*width: 58.453vw;
    height: 12.587vw;*/
  }
  #top .Instructors__Teachers {
    margin-top: 6.667vw;
  }
  #top .Instructors__Teachers figure {
    max-width: 94.667vw;
  }
  #top .Instructors__TeachersList {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  #top .Instructors__TeachersListItem {
    width: 42.4vw;
    max-width: 42.4vw;
    min-width: 42.4vw;
    margin: 0 -6vw;
  }
  #top .Instructors__Teachers .swiper-container {
    position: relative;
    margin-top: -12.8vw;
  }
  #top .Instructors__Teachers .swiper-container .sw-teacher-btn-next,
#top .Instructors__Teachers .swiper-container .sw-teacher-btn-prev {
    position: absolute;
    top: calc(50% - 10.667vw);
    width: 13.333vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    outline: none;
  }
  #top .Instructors__Teachers .swiper-container .sw-teacher-btn-prev {
    left: 0;
  }
  #top .Instructors__Teachers .swiper-container .sw-teacher-btn-next {
    right: 0;
  }
  #top .Instructors__Rooms {
    padding-top: 7.467vw;
    height: 162vw;
  }
  #top .Instructors__RoomsTitle {
    max-width: 79.333vw;
  }
  #top .Instructors__RoomsGallery {
    position: relative;
    height: 131.2vw;
    margin-top: 8vw;
  }
  #top .Instructors__RoomsGallery .swiper-wrapper {
    height: 100%;
  }
  #top .Instructors__RoomsGalleryPrev, #top .Instructors__RoomsGalleryNext {
    position: absolute;
    top: calc(50% - 29.333vw);
    width: 9.6vw;
    height: 16vw;
    cursor: pointer;
    z-index: 10;
  }
  #top .Instructors__RoomsGalleryPrev {
    left: 50%;
    margin-left: -48vw;
    margin-top: 4.533vw;
  }
  #top .Instructors__RoomsGalleryPrev.lazyloaded {
    background: url("/ste-lam/one-world/image/top/arrow-left.png") no-repeat;
    background-size: 5.333vw 8.8vw;
  }
  #top .Instructors__RoomsGalleryNext {
    left: 50%;
    margin-left: 41.733vw;
    margin-top: 4.533vw;
  }
  #top .Instructors__RoomsGalleryNext.lazyloaded {
    background: url("/ste-lam/one-world/image/top/arrow-right.png") no-repeat;
    background-size: 5.333vw 8.8vw;
  }
  #top .Instructors__RoomsGalleryItem {
    max-width: 76.8vw;
    background: #fff;
    max-height: 97.333vw;
    height: fit-content;
    visibility: hidden;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  }
  #top .Instructors__RoomsGalleryItem.swiper-slide-active {
    visibility: visible;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryItem {
    padding: 0;
    margin: 0px 10.133vw;
    border-radius: 5.333vw;
    background: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryItem > img {
    width: 73.6vw;
    height: 42.667vw;
    border-radius: 4vw 4vw 0 0;
    margin: 1.6vw auto 0;
  }
}
@media screen and (max-width: 767px) {
  #top .Instructors__RoomsGalleryItem > .toilet_img {
    height: 72vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .Instructors__RoomsGalleryItem > .stelam_item_img {
    padding: 3.467vw 5.6vw 7.733vw;
  }
  #top .Instructors__RoomsGalleryItem > .stelam_item_img p:nth-child(1) {
    text-align: center;
    font-size: 4.267vw;
    font-weight: 500;
  }
  #top .Instructors__RoomsGalleryItem > .stelam_item_img p:nth-child(2) {
    display: flex;
    justify-content: center;
    font-size: 2.4vw;
    margin-top: 3.333vw;
    font-weight: 400;
  }
  #top .Instructors__RoomsGalleryItem > .stelam_item_img p:nth-child(2) img {
    width: 6.667vw;
    height: 3.733vw;
    margin-top: -0.8vw;
    margin-right: 1.6vw;
  }
  #top .Instructors__RoomsGalleryItem > .stelam_item_img p:last-child {
    text-align: justify;
    font-size: 2.667vw;
    margin-top: 2.133vw;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #777;
  }
}
@media screen and (max-width: 767px) {
  #top .Instructors__RoomsGalleryThumb {
    padding: 1.6vw 0;
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 1.6vw;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
  }
  #top .Instructors__RoomsGalleryThumb .forRoomThumb {
    display: inline-flex;
    width: 20vw;
    height: 20vw;
    min-width: 20vw;
    opacity: 1;
    border-radius: 2.667vw;
    overflow: auto;
    margin: 0 1.333vw;
    outline: none;
  }
  #top .Instructors__RoomsGalleryThumb .forRoomThumb.swiper-pagination-bullet-active {
    border: 1.067vw solid #ffffff;
    box-sizing: content-box;
    margin: 0 1px;
  }
}
@media screen and (max-width: 767px) {
  #top .Instructors__More {
    padding-top: 5.333vw;
    padding-bottom: 8.533vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
  }
  #top .Instructors__MoreButton {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 5.333vw;
    left: 50%;
  }
  #top .Instructors__MoreButton a {
    min-width: 64vw;
  }
}
#top .SupportForExam__WaitingForConfiguration {
  background-color: #dddddd;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #777777;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
  #top .SupportForExam {
    padding-top: 200px;
    margin-bottom: -106px;
  }
  #top .SupportForExam__WaitingForConfiguration {
    font-size: 26px;
    max-width: 1000px;
    min-height: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #top .SupportForExam {
    padding-top: 32vw;
    margin-bottom: -18.667vw;
  }
  #top .SupportForExam__WaitingForConfiguration {
    font-size: 5.333vw;
    min-height: 84vw;
    width: calc(100% - 16vw);
  }
}
@media screen and (min-width: 768px) {
  #top .StudyAbroad {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #top .StudyAbroad__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 547.49px;
    height: 34.88px;
  }
  #top .StudyAbroad__Image {
    margin-top: 25px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #top .StudyAbroad {
    padding-top: 33.333vw;
  }
  #top .StudyAbroad__TitleImage {
    margin-left: auto;
    margin-right: auto;
    width: 77.643vw;
    height: 5.168vw;
  }
  #top .StudyAbroad__Image {
    margin-top: 6.667vw;
    width: 100vw;
  }
  #top .StudyAbroad__Image > img {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #top .FreeLesson {
    background: url("/ste-lam/one-world/image/top/lg_sp.png") no-repeat;
    background-size: 114vw;
  }
}
@media screen and (min-width: 768px) {
  #top .FreeLesson {
    background: url("/ste-lam/one-world/image/top/main-gradient-kv.png") no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  #top .FreeLesson {
    padding-bottom: 11px;
  }
  #top .FreeLesson__ContentImage {
    position: relative;
    max-width: 1119px;
    -webkit-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transform: translateY(-14px);
  }
  #top .FreeLesson__ContentImageButton {
    display: inline-block;
    position: absolute;
    right: 90px;
    bottom: 30px;
    width: 479px;
  }
}
@media screen and (max-width: 767px) {
  #top .FreeLesson {
    margin-top: 12vw;
    padding-top: 5.867vw;
    padding-bottom: 4vw;
  }
  #top .FreeLesson__ContentImage {
    position: relative;
    width: 100vw;
  }
  #top .FreeLesson__ContentImageButton {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 5.067vw;
    width: 85.067vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  #top .EarthAddress {
    padding-top: 100px;
  }
  #top .EarthAddress__Image {
    max-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #top .EarthAddress {
    padding-top: 60px;
  }
  #top .EarthAddress__Image {
    max-width: 375px;
  }
}
@media screen and (min-width: 768px) {
  #top .LatestInformation {
    padding-top: 80px;
  }
  #top .LatestInformation__Image {
    max-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #top .LatestInformation {
    padding-top: 40px;
  }
  #top .LatestInformation__Image {
    max-width: 375px;
  }
}
#top .english.top .pc .A1Section__pentagon {
  height: 1030px;
}
#top .c-title .title_cnt {
  display: block;
  width: 100%;
  margin-top: 0;
}
#top .c-title .title_cnt img {
  margin: 0 auto;
}
#top .c-title figure {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #top .c-title figure .u-sp {
    width: 23.467vw;
    height: 23.467vw;
  }
}
@media screen and (min-width: 768px) {
  #top .c-title h2 {
    font-family: "A-OTF Shin Maru Go Pro", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  #top .c-title p {
    margin-top: 19px;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #777777;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
  #top .c-title p.u-mt16 {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #top .c-title h2 {
    font-family: "A-OTF Shin Maru Go Pro", sans-serif;
    font-size: 7.467vw;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: 0;
    padding: 0 5.067vw;
  }
  #top .c-title h2.u-fs20 {
    font-size: 5.333vw;
  }
  #top .c-title p {
    margin-top: 3.2vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.733vw;
    color: #777777;
    line-height: 1.715;
    padding: 0 8vw;
  }
}
#top .c-title--blue h2 {
  color: #64B6C8;
}
#top .c-title--pink h2 {
  color: #DD77BB;
}
#top .c-title--cyan h2 {
  color: #44BB99;
}
#top .c-title--purple h2 {
  color: #AA88EE;
}
#top .c-title--darkblue h2 {
  color: #4499CC;
}
#top .c-title--orange h2 {
  color: #EE9966;
}
#top .c-title--green h2 {
  color: #AACC55;
}
#top .c-title--red h2 {
  color: #EE6666;
}
#top .ItCommunitySystem__Title > h2 {
  color: #4499CC;
}
#top .montessori-balloon {
  color: #5d5d5d;
}
@media screen and (min-width: 768px) {
  #top .montessori-balloon {
    position: absolute;
    bottom: 135px;
    left: 215px;
    font-size: 17px;
    line-height: 23px;
    height: 160px;
    width: 540px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #top .montessori-balloon {
    position: absolute;
    bottom: 30vw;
    left: 12vw;
    font-size: 14px;
    line-height: 17px;
    width: 75vw;
    height: 44vw;
    text-align: left;
    background: linear-gradient(to bottom, #FFF, transparent);
  }
}
@media screen and (min-width: 768px) {
  #top .policy {
    min-height: 680px;
    margin-top: 135px;
    padding: 100px 0;
    background: url("/ste-lam/one-world/image/top_pc/policy-bg.svg");
    background-size: cover;
  }
  #top .policy .pc.pos-base {
    display: flex;
    width: 1000px;
    max-width: 100vw;
    margin: 0 auto;
  }
  #top .policy .portrait {
    width: 300px;
    max-width: 30vw;
    min-height: 480px;
    position: relative;
  }
  #top .policy .face {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    max-width: 30vw;
  }
  #top .policy .balloon {
    position: absolute;
    top: 0;
    left: 0;
  }
  #top .policy .button {
    position: absolute;
    top: 415px;
    left: 55px;
  }
  #top .policy .text {
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;
    width: 700px;
    max-width: 70vw;
    min-height: 480px;
    padding-left: 40px;
    text-align: left;
    color: #5d5d5d;
  }
  #top .policy .text .title {
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 40px;
  }
  #top .policy .text .desc {
    font-size: 17px;
    line-height: 30px;
    white-space: pre-wrap;
  }
}
@media screen and (max-width: 767px) {
  #top .policy {
    background: url("/ste-lam/one-world/image/top_sp/policy-bg.svg");
    background-size: cover;
    margin-top: 35px;
  }
  #top .policy .text {
    padding-top: 25px;
    color: #5d5d5d;
  }
  #top .policy .text .title {
    text-align: center;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  #top .policy .text .desc {
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    padding: 0 25px;
    white-space: pre-wrap;
  }
  #top .policy .portrait {
    margin-top: 25px;
    width: 100%;
    min-height: 75vw;
    position: relative;
  }
  #top .policy .face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #top .policy .balloon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #top .policy .button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #top br.sp-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #top .fixed-width {
    width: 1000px;
    max-width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #top .fixed-width.ballet-back {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    background-color: #fae4f2;
  }
  #top .fixed-width.ballet-back::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 100vw;
    border-color: transparent transparent transparent #fae4f2;
  }
  #top .fixed-width.ballet-back::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 100vw 0 0;
    border-color: #fae4f2 #ecf7f5 transparent transparent;
  }
}
@media screen and (max-width: 767px) {
  #top .fixed-width.program-back {
    background-color: #ecf7f5;
  }
}
#top .beginner-section .u-sp .SectionOne__purple-container {
  margin-top: 0;
  padding: 0 5.333vw 0;
  background-color: transparent;
}
#top .beginner-section .u-sp .SectionTwo__green-container {
  background-color: #ffffff;
  border-radius: 20px;
  position: relative;
  width: 85%;
  margin: 20px auto;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
  transform: translateZ(0);
}
#top .beginner-section .u-sp .SectionTwo__green-container::before {
  content: "";
  border: 10px solid transparent;
  border-bottom: 20px solid #FFFFFF;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -95%);
}
#top .beginner-section .u-sp .SectionTwo__green-container p {
  color: #00b58f;
  font-weight: bold;
}
#top .beginner-section .u-sp .SectionTwo__green-container .SectionTwo__green-container-button p {
  color: #ffffff;
}
#top .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label + .content {
  width: 100%;
}
#top .beginner-section .u-sp .SectionTwo__green-container .accordionMenu label {
  width: 100%;
}
#top .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#top .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content .inner {
  width: 100%;
}
#top .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content img.inner-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top .pos-overlay.after-carte-button {
    top: unset;
    bottom: 6%;
    width: 22%;
    left: unset;
    right: 8%;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
}
@media screen and (max-width: 767px) {
  #top .pos-overlay.after-carte-button {
    top: unset;
    bottom: 4%;
    width: 60%;
    left: 20%;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    transform: translateZ(0);
  }
}
@media screen and (min-width: 768px) {
  #top .pos-overlay.feature-carte-button {
    top: unset;
    bottom: 16%;
    width: 25%;
    right: 10%;
    left: unset;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
}
@media screen and (max-width: 767px) {
  #top .pos-overlay.feature-carte-button {
    top: unset;
    bottom: 0%;
    width: 60%;
    left: 22%;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
}

html {
  scroll-behavior: smooth;
}

#fee {
  overflow: hidden;
}
#fee .page-header {
  position: relative;
}
#fee .page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#fee .page-header__content {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__content {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__content {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__content {
    height: 82.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__content {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__content {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__content {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__content {
    margin-right: 0vw;
  }
}
#fee .page-header__content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/fee/kv-image.jpg");
}
@media screen and (max-width: 767px) {
  #fee .page-header__content.lazyloaded {
    background-image: url("/ste-lam/one-world/image/fee/kv-image_sp.jpg");
  }
}
#fee .page-header__wrapper {
  width: 480px;
  height: 480px;
  position: absolute;
  left: calc(50% - 240px);
  top: 91px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__wrapper {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__wrapper {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__wrapper {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__wrapper {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__wrapper {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__wrapper {
    left: calc(50% - 34.6666666667vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__wrapper {
    top: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__wrapper {
    top: 13.0666666667vw;
  }
}
#fee .page-header__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/common/kv-content-bg.svg");
}
#fee .page-header__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 142px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__logo {
    top: 11.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__logo {
    left: calc(50% - 24.404vw);
  }
}
#fee .page-header__title {
  position: absolute;
  width: 304.48px;
  height: 42.33px;
  top: 247px;
  left: calc(50% - 152.24px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__title {
    width: 24.5548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__title {
    width: 55.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__title {
    height: 3.4137096774vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__title {
    height: 7.696vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__title {
    top: 19.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__title {
    top: 35.4933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .page-header__title {
    left: calc(50% - 12.2774193548vw);
  }
}
@media screen and (max-width: 767px) {
  #fee .page-header__title {
    left: calc(50% - 27.68vw);
  }
}
#fee .section-campaign {
  margin-top: 0;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .section-campaign {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .section-campaign {
    margin-top: 0vw;
  }
}
#fee .section-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#fee .section-campaign__content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .section-campaign__content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .section-campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #fee .section-campaign__content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #fee .section-campaign__content {
    padding-bottom: 5.6vw;
  }
}
#fee #top-page {
  all: unset;
  position: fixed;
  right: 20px;
  bottom: 150px;
  cursor: pointer;
  font: bold 2rem monospace;
  color: black;
  display: none;
  cursor: pointer;
  width: 16vw;
  z-index: 1001;
}
@media screen and (min-width: 768px) {
  #fee #top-page {
    width: 100px;
    margin-right: 100px;
  }
}
#fee .sp img {
  width: 100%;
}
#fee .sp .FirstSection {
  display: flex;
  flex-direction: column;
}
#fee .sp .FirstSection__main {
  z-index: -1;
  width: 100vw;
}
#fee .sp .FirstSection__slider-bg {
  width: 100vw;
  position: absolute;
  z-index: -1;
  margin-top: 98.4vw;
  height: 200vw;
}
#fee .sp .FirstSection__slider-bg .slider-bg-first {
  width: 100vw;
}
#fee .sp .FirstSection__title-one {
  width: 40.288vw;
  margin: 21.0667vw auto 0;
}
#fee .sp .FirstSection__text {
  margin: 7.4667vw 8.2667vw 0;
  font-size: 3.7333vw;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 5.33334vw;
  color: #777777;
}
#fee .sp .FirstSection__howToOne {
  margin: 7.2vw auto 0;
  width: 89.3333vw;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#fee .sp .FirstSection__howToTwo {
  margin: 7.7333vw auto 0;
  width: 89.3333vw;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#fee .sp .FirstSection__howToThree {
  margin: 7.7333vw auto 0 2.4vw;
  width: 97.6vw;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#fee .sp .FirstSection__reference-table {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10.9333vw;
}
#fee .sp .FirstSection__reference-table-list {
  width: 100%;
  margin-top: 3.2vw;
}
#fee .sp .FirstSection__reference-table-btn {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  width: 89.3333vw;
  margin: 0 auto;
}
#fee .sp .FirstSection__reference-table-btn img {
  width: 100%;
}
#fee .sp .SecondSection {
  display: flex;
  flex-direction: column;
}
#fee .sp .SecondSection__title-one {
  width: 57.7547vw;
  margin: 14.6667vw auto 0;
}
#fee .sp .SecondSection__text {
  color: #777777;
  margin: 7.4667vw 8.2667vw 0;
  font-size: 3.7333vw;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 5.33334vw;
}
#fee .sp .SecondSection__fee-structure {
  display: grid;
  grid-template-columns: 39.4667vw 39.4667vw;
  margin: 6.9333vw auto 0;
  column-gap: 5.33334vw;
}
#fee .sp .SecondSection__fee-structure a {
  position: relative;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#fee .sp .SecondSection__fee-structure a:first-of-type::after {
  content: "";
  width: 8vw;
  height: 8vw;
  background: url(/ste-lam/one-world/image/fee/sp/red-arrow.svg) no-repeat;
  background-size: 8vw auto;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -4vw;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#fee .sp .SecondSection__fee-structure a:last-of-type::after {
  content: "";
  width: 8vw;
  height: 8vw;
  background: url(/ste-lam/one-world/image/fee/sp/blue-arrow.svg) no-repeat;
  background-size: 8vw auto;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -4vw;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#fee .sp .SecondSection__kinder-garden {
  margin-left: 1.6vw;
  margin-top: 12.5333vw;
}
#fee .sp .SecondSection__kinder-garden img {
  width: 97.333334vw;
}
#fee .sp .SecondSection__priceList-afterK {
  margin: 2.533vw 5.3334vw 0 5.3334vw;
  display: flex;
  flex-wrap: wrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
#fee .sp .SecondSection__priceList-afterK-first {
  width: 108vw;
  max-width: none;
  margin-bottom: 6.133vw;
}
#fee .sp .SecondSection ::-webkit-scrollbar {
  width: 0;
  height: 16px;
}
#fee .sp .SecondSection ::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 1px solid #c9c6c6;
  border-radius: 10px;
}
#fee .sp .SecondSection ::-webkit-scrollbar-thumb {
  background: #64b6c8;
  border-radius: 10px;
}
#fee .sp .SecondSection ::-webkit-scrollbar-thumb:hover {
  background: #64b6c8;
}
#fee .sp .SecondSection__buble {
  margin: 8vw auto 0 7.7333vw;
  width: 85.3333vw;
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -ms-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#fee .sp .SecondSection__after-school {
  margin-top: 10.1333vw;
}
#fee .sp .SecondSection__priceList-afterS {
  display: flex;
  flex-wrap: wrap;
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 2.4vw 5.3334vw 0 5.3334vw;
}
#fee .sp .SecondSection__priceList-afterS-second {
  width: 136vw;
  max-width: none;
  margin-bottom: 6.133vw;
}
#fee .sp .SecondSection__grey-container {
  width: 100%;
  height: 102.933vw;
  background-color: #eeeeee;
  margin-top: 13.33334vw;
}
#fee .sp .SecondSection__grey-container--white {
  display: flex;
  flex-direction: column;
  width: 89.333vw;
  height: 91.2vw;
  background-color: #ffffff;
  margin: 5.867vw 5.333vw 6.4vw;
  padding-left: 5.33334vw;
  padding-right: 5.33334vw;
  border-radius: 2.667vw;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  color: #666666;
}
#fee .sp .SecondSection__grey-container--white-title-two {
  margin: 4.533vw auto 0;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 3.733vw;
  letter-spacing: normal;
  line-height: 5.333vw;
  font-weight: 600;
}
#fee .sp .SecondSection__grey-container--white-text-five {
  margin-top: 3.733vw;
}
#fee .sp .SecondSection__grey-container--white p:not(:first-child) {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4";
  line-height: 4vw;
  font-size: 2.667vw;
  font-weight: 200;
  margin-right: auto;
  white-space: nowrap;
}
#fee .sp .SecondSection__grey-container--white-text-six {
  margin-top: 1.333vw;
}
#fee .sp .SecondSection__grey-container--white-text-nine {
  margin-top: 1.333vw;
}
#fee .sp .SecondSection__grey-container--white-text-eleven {
  margin-top: 1.333vw;
}
#fee .sp .SecondSection__grey-container--white-grey {
  width: 78.667vw;
  height: 5.33334vw;
  background-color: #dddddd;
  border-radius: 2.667vw;
  margin: 4.2667vw auto 0;
  padding-left: 13px;
  padding-right: 13px;
}
#fee .sp .SecondSection__grey-container--white-grey-text-fourteen {
  font-size: 2.667vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4";
  letter-spacing: normal;
  margin-top: 1.333vw;
  white-space: nowrap;
}
#fee .sp .SecondSection__grey-container--white-text-fifteen {
  margin-top: 2.4vw;
}
#fee .sp .SecondSection__grey-container--white-text-eithteen {
  margin-top: 1.0667vw;
}
#fee .pc .Asection {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
#fee .pc .Asection__top {
  position: relative;
  display: flex;
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_25.png");
}
#fee .pc .Asection__top-main {
  margin: 0 auto;
  width: 100%;
  height: intrinsic;
}
@media screen and (min-width: 1000px) {
  #fee .pc .Asection__top-main {
    max-width: 1240px;
  }
}
#fee .pc .Asection__top-bg-0 {
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
}
@media screen and (min-width: 1000px) {
  #fee .pc .Asection__top-bg-0 {
    height: 527px;
  }
}
#fee .pc .Asection__main-2 {
  position: relative;
}
#fee .pc .Asection__main-2-wrap {
  position: relative;
  text-align: center;
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_50.png");
  width: 100%;
  height: 34.8vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .Asection__main-2-wrap {
    height: 455px;
  }
}
#fee .pc .BSection {
  display: flex;
  flex-direction: column;
}
#fee .pc .BSection .Title-container {
  display: flex;
  flex-direction: column;
  margin-top: 19.4vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container {
    margin-top: 58px;
  }
}
#fee .pc .BSection .Title-container__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .Title-container img {
  width: 27.1944vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container img {
    width: 271.944px;
    margin: 0 auto;
  }
}
#fee .pc .BSection .Title-container__small {
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  color: #777777;
  letter-spacing: 0.1em;
  line-height: 3vw;
  margin: 3.2vw auto 0 23.2vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container__small {
    font-size: 20px;
    line-height: 30px;
    margin: 32px auto 0 232px;
  }
}
#fee .pc .BSection .Title-container:nth-of-type(2) {
  margin-top: 5.8vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container:nth-of-type(2) {
    margin-top: 58px;
  }
}
#fee .pc .BSection .Free-way {
  position: relative;
  display: flex;
  flex-direction: column;
}
#fee .pc .BSection .Free-way__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .Free-way__one-row {
  display: flex;
  margin-top: 3.4vw;
  margin-bottom: 3.3vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__one-row {
    margin-top: 34px;
    margin-bottom: 33px;
  }
}
#fee .pc .BSection .Free-way__one-row img:first-of-type {
  width: 40vw;
  margin-right: 8.4vw;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__one-row img:first-of-type {
    width: 400px;
    margin-right: 84px;
  }
}
#fee .pc .BSection .Free-way__one-row img:last-of-type {
  width: 40vw;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__one-row img:last-of-type {
    width: 400px;
  }
}
#fee .pc .BSection .Free-way__second-row {
  margin: 0 auto 0 18vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__second-row {
    margin: 0 auto 0 180px;
  }
}
#fee .pc .BSection .Free-way__second-row img {
  width: 67.4vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__second-row img {
    width: 674px;
  }
}
#fee .pc .BSection .Free-way__bg {
  z-index: -1;
  position: absolute;
  top: -2.2vw;
  right: 0;
  left: -7px;
  margin: auto;
  width: 100%;
  padding-left: 2.63vw;
  padding-right: 2.63vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Free-way__bg {
    max-width: 1114px;
    top: -22px;
  }
}
#fee .pc .BSection .Service {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 7.3vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Service {
    margin-top: 73px;
  }
}
#fee .pc .BSection .Service__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Service__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .Service__wrap img:first-of-type {
  margin: 0 auto -3vw;
  width: 33vw;
  z-index: 1;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Service__wrap img:first-of-type {
    width: 330px;
    margin: 0 auto -30px;
  }
}
#fee .pc .BSection .Service__wrap img:last-of-type {
  width: 88.6vw;
  margin: 0 auto;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Service__wrap img:last-of-type {
    width: 886px;
  }
}
#fee .pc .BSection .Service__bg {
  z-index: -1;
  position: absolute;
  top: 6.8vw;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Service__bg {
    max-width: 1098px;
    top: 68px;
  }
}
#fee .pc .BSection .Title-container-1 {
  display: flex;
  flex-direction: column;
  margin-top: 10.1vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container-1 {
    margin-top: 101px;
  }
}
#fee .pc .BSection .Title-container-1__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container-1__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .Title-container-1 img {
  width: 35.7444vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container-1 img {
    width: 357.444px;
    margin: 0 auto;
  }
}
#fee .pc .BSection .Title-container-1__small {
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  color: #777777;
  font-size: 2vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 3vw;
  margin: 2.8vw auto 0 14.8vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container-1__small {
    font-size: 20px;
    line-height: 30px;
    margin: 28px auto 100px;
  }
}
#fee .pc .BSection .Title-container-1:nth-of-type(2) {
  margin-top: 5.8vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Title-container-1:nth-of-type(2) {
    margin-top: 58px;
  }
}
#fee .pc .BSection .AfterKinder {
  display: flex;
  flex-direction: column;
}
#fee .pc .BSection .AfterKinder__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterKinder__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .AfterKinder img:first-of-type {
  width: 50.1vw;
  margin: 3.5vw 0 -20.3vw auto;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterKinder img:first-of-type {
    width: 501px;
    margin: 35px 0 -203px auto;
  }
}
#fee .pc .BSection .AfterKinder img:last-of-type {
  width: 103vw;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterKinder img:last-of-type {
    max-width: 1030px;
    width: auto;
  }
}
#fee .pc .BSection .AfterSchool {
  display: flex;
  flex-direction: column;
}
#fee .pc .BSection .AfterSchool__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterSchool__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .AfterSchool img:first-of-type {
  width: 45.7vw;
  margin: 7.7vw 6.8vw -20.2vw auto;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterSchool img:first-of-type {
    width: 457px;
    margin: 77px 68px -202px auto;
  }
}
#fee .pc .BSection .AfterSchool img:last-of-type {
  width: 103vw;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .AfterSchool img:last-of-type {
    max-width: 1030px;
    width: auto;
  }
}
#fee .pc .BSection .Grey-container {
  display: flex;
  flex-direction: column;
}
#fee .pc .BSection .Grey-container__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow-x: visible;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#fee .pc .BSection .Grey-container__gray {
  height: 29.4vw;
  background-color: #eeeeee;
  margin-top: 7.9vw;
  margin-bottom: 2vw;
  width: 100vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__gray {
    height: 294px;
    margin-top: 79px;
    margin-bottom: 20px;
  }
}
#fee .pc .BSection .Grey-container__white {
  width: 90vw;
  height: 22.4vw;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3vw;
  padding: 1.5vw 4.4vw 0 4.6vw;
  display: flex;
  flex-direction: column;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white {
    width: 900px;
    height: 224px;
    padding: 15px 44px 0 46px;
    margin-top: 32px;
  }
}
#fee .pc .BSection .Grey-container__white-title-1 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  letter-spacing: 0.1em;
  line-height: 2vw;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white-title-1 {
    font-size: 14px;
    line-height: 20px;
  }
}
#fee .pc .BSection .Grey-container__white-content-1 {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.5vw;
  color: #666666;
  margin-top: 1.3vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white-content-1 {
    font-size: 10px;
    line-height: 15px;
    margin-top: 13px;
  }
}
#fee .pc .BSection .Grey-container__white-title-2 {
  border-radius: 1vw;
  padding: 0.5vw 0.9vw 0.5vw 0.6vw;
  background-color: #dddddd;
  width: 28.5vw;
  height: 2vw;
  margin-top: 1.1vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white-title-2 {
    border-radius: 10px;
    padding: 5px 9px 5px 6px;
    width: 285px;
    height: 25px;
    margin-top: 11px;
  }
}
#fee .pc .BSection .Grey-container__white-title-2 span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1vw;
  font-weight: 600;
  line-height: 1.5vw;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white-title-2 span {
    font-size: 10px;
    line-height: 15px;
  }
}
#fee .pc .BSection .Grey-container__white-content-2 {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.5vw;
  color: #666666;
  margin-top: 0.9vw;
}
@media screen and (min-width: 1000px) {
  #fee .pc .BSection .Grey-container__white-content-2 {
    font-size: 10px;
    line-height: 15px;
    margin-top: 9px;
  }
}

.c-fee__afterKinderGarden {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-fee__afterKinderGarden {
    margin-bottom: 160px;
    max-width: 1000px;
    width: 100%;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }
  .c-fee__afterKinderGardenHeader {
    margin-top: -60px;
  }
  .c-fee__afterKinderGardenContainer {
    padding: 30px;
  }
}
.c-fee__afterSchool {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-fee__afterSchool {
    max-width: 1000px;
    width: 100%;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }
  .c-fee__afterSchoolHeader {
    margin-top: -60px;
  }
  .c-fee__afterSchoolContainer {
    padding: 30px;
  }
}

.c-table__fee {
  font-family: "Hiragino Sans", sans-serif;
  width: 100%;
  min-width: 750px;
  border-collapse: collapse;
  color: #666666;
  font-weight: 600;
  counter-reset: service_num;
}
.c-table__fee tr, .c-table__fee th, .c-table__fee td {
  border: 1px solid #64B6C8;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .c-table__fee tr, .c-table__fee th, .c-table__fee td {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-table__fee tr, .c-table__fee th, .c-table__fee td {
    padding: 10px 5px;
  }
}
@media screen and (min-width: 768px) {
  .c-table__fee th {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .c-table__fee th {
    font-size: 16px;
  }
}
.c-table__fee td {
  min-height: 50px;
}
@media screen and (min-width: 768px) {
  .c-table__fee td {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .c-table__fee td {
    font-size: 12px;
  }
}
.c-table__feeText--color1 {
  color: #64B6C8;
}
.c-table__feeText--color2 {
  color: #44BB99;
}
.c-table__feeText--color3 {
  color: #4499CC;
}
.c-table__feeText--rotate90 {
  display: inline-block;
  writing-mode: vertical-lr;
}
.c-table__feeText--index::before {
  counter-increment: service_num;
  content: counter(service_num);
  border: 1px solid inherit;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-width: 2px;
  border-radius: 50%;
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.c-table__feeBg--color2 {
  background-color: #D9F2EA;
}
.c-table__feeBg--color3 {
  background-color: #CFE8F7;
}
.c-table__feeBg--color4 {
  background-color: #FFF7F7;
}
.c-table__feeBg--color5 {
  background-color: #EEEEEE;
}
.c-table__feeBg--color6 {
  background-color: #F4FBFF;
}
.c-table__feeBg--none {
  background-color: #FFFFFF;
}

#art {
  overflow: hidden;
}
#art .art-campaign {
  z-index: 2;
  position: relative;
}
#art .art-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#art .art-campaign .campaign-content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art .art-campaign .campaign-content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #art .art-campaign .campaign-content {
    padding-top: 24.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art .art-campaign .campaign-content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #art .art-campaign .campaign-content {
    padding-bottom: 5.3333333333vw;
  }
}
#art .AgeOfSensetivity__title {
  margin: 0 auto;
}
#art .AgeOfSensetivity__desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #art .AgeOfSensetivity {
    margin-top: 100px;
  }
  #art .AgeOfSensetivity__title {
    max-width: 467.5px;
  }
  #art .AgeOfSensetivity__structure {
    margin-top: 30px;
    max-width: 1009.5px;
  }
  #art .AgeOfSensetivity__desc {
    font-size: 1.667em;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-top: 20px;
  }
  #art .AgeOfSensetivityContent {
    min-height: 1188.5px;
  }
  #art .AgeOfSensetivityContent.lazyloaded {
    background: url("/ste-lam/one-world/image/art/age_of_sensitivity/art_age_of_sens_stelam_bg.png") no-repeat;
    background-size: 1122.5px 1188.5px;
    background-position: calc(50% + 20px) center;
  }
  #art .AgeOfSensetivityContent__stelamSystem {
    margin-top: -20px;
    padding-top: 119px;
    max-width: 949px;
  }
}
@media screen and (max-width: 767px) {
  #art .AgeOfSensetivity {
    margin-top: 40px;
  }
  #art .AgeOfSensetivity__title {
    max-width: 260px;
  }
  #art .AgeOfSensetivity__structure {
    margin-top: 16px;
    max-width: 344.5px;
  }
  #art .AgeOfSensetivity__desc {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 1.2px;
    text-align: justify;
    margin-top: 5px;
    padding: 0 10px;
  }
  #art .AgeOfSensetivityContent {
    min-height: 466px;
  }
  #art .AgeOfSensetivityContent.lazyloaded {
    background-image: url("/ste-lam/one-world/image/art/age_of_sensitivity/art_age_of_sens_stelam_bg_sp_2.png"), url("/ste-lam/one-world/image/art/age_of_sensitivity/art_age_of_sens_stelam_bg_sp_1.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 328px 466px, 767px 414px;
    background-position: center 0, center center;
  }
  #art .AgeOfSensetivityContent__stelamSystem {
    margin-top: 16px;
    padding-top: 10px;
    max-width: 357.5px;
  }
}
#art .ChildTalent__desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #art .ChildTalent {
    margin-top: 80px;
  }
  #art .ChildTalent__title {
    max-width: 745.5px;
  }
  #art .ChildTalent__desc {
    margin-top: 15px;
    font-size: 1.667em;
    line-height: 1.5;
    letter-spacing: 2px;
  }
  #art .ChildTalentContent {
    min-height: 597px;
    margin-top: 24px;
    padding-top: 26px;
  }
  #art .ChildTalentContent.lazyloaded {
    background: url("/ste-lam/one-world/image/art/child_talent/art_child_talent_content_bg.png") no-repeat;
    background-size: 1126px 597px;
    background-position: center 0;
  }
  #art .ChildTalentContent__img {
    max-width: 1020px;
  }
  #art .ChildTalent__point {
    max-width: 1012px;
  }
}
@media screen and (max-width: 767px) {
  #art .ChildTalent {
    margin-top: 26px;
  }
  #art .ChildTalent__title {
    max-width: 282px;
  }
  #art .ChildTalent__desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 1.42px;
  }
  #art .ChildTalentContent {
    min-height: auto;
    margin-top: 20px;
    padding-top: 2px;
  }
  #art .ChildTalentContent.lazyloaded {
    background: none;
  }
  #art .ChildTalentContent__img {
    max-width: 358px;
  }
  #art .ChildTalent__point {
    max-width: 386.5px;
  }
}
#art .RecommendedCoursesTitle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#art .RecommendedCoursesTitle__desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #777777;
  text-align: center;
  letter-spacing: 2px;
}
#art .RecommendedCoursesItem {
  position: relative;
  min-height: 100px;
}
#art .RecommendedCoursesItem__label {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#art .RecommendedCoursesItemTitle__desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #777777;
  margin: 0 auto;
}
#art .RecommendedCoursesItem__title2 {
  text-align: center;
}
#art .RecommendedCoursesItem__title2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.54;
  letter-spacing: 1.3px;
  color: #777777;
}
#art .RecommendedCoursesItem--blue {
  background-color: rgba(68, 153, 204, 0.1);
}
#art .RecommendedCoursesItem--pink {
  padding-bottom: 1.25em;
  background-color: rgba(221, 119, 187, 0.1);
}
#art .RecommendedCoursesItem--orange {
  padding-bottom: 1em;
  background-color: rgba(238, 153, 102, 0.1);
}
#art .RecommendedCoursesItem--green {
  padding-bottom: 2.5em;
  background-color: rgba(68, 187, 153, 0.1);
}
#art .RecommendedCoursesItemPersonalCourseContent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
}
#art .RecommendedCoursesItemPersonalCourseContent__fukidashi1 {
  position: absolute;
}
#art .RecommendedCoursesItemPersonalCourseContent__fukidashi1.lazyloaded::before {
  content: "";
  background: url("/ste-lam/one-world/image/art/recommended_course/personal_courses/art_personal_course_fukidashi_top_bg_icon.png") no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: inherit;
  z-index: -1;
}
#art .RecommendedCoursesItemPersonalCourseContent__fukidashi2 {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#art .RecommendedCoursesItemPersonalCourse__viewMore .c-button {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
#art .RecommendedCoursesItemDance {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  min-height: 277.5px;
}
#art .RecommendedCoursesItemDance.lazyloaded {
  background: url("/ste-lam/one-world/image/art/recommended_course/dance/art_recommend_course_dance_bg.png") no-repeat;
}
#art .RecommendedCoursesItemArt {
  position: relative;
}
#art .RecommendedCoursesItemArtContent {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  z-index: 3;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#art .RecommendedCoursesItemArt__image {
  position: absolute;
  width: 341px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#art .RecommendedCoursesItemArt__fukidashi1 {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#art .RecommendedCoursesItemArt__fukidashi2 {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#art .RecommendedCoursesItemArt__viewMore {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
#art .RecommendedCoursesItemTraditional {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #art .RecommendedCourses {
    margin-top: 70px;
  }
  #art .RecommendedCoursesTitle {
    min-height: 354px;
    margin-bottom: 18px;
  }
  #art .RecommendedCoursesTitle.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/art_recommend_courses_title_bg.png") no-repeat;
    background-size: 1920px 354px;
    background-position: center 0;
  }
  #art .RecommendedCoursesTitle__img {
    max-width: 588.5px;
  }
  #art .RecommendedCoursesTitle__desc {
    margin-top: 28px;
    font-size: 1.667em;
    line-height: 1.3;
  }
  #art .RecommendedCoursesItem {
    border-radius: 30px;
    border: 1px solid #efefef;
  }
  #art .RecommendedCoursesItemTitle__desc {
    max-width: 667px;
    font-size: 1.5em;
    line-height: 1.66;
    letter-spacing: 1.6px;
    text-align: justify;
    text-align-last: center;
    margin-top: 1.25em;
  }
  #art .RecommendedCoursesItemTitle--fiveSense {
    padding-top: 119px;
    max-width: 668px;
  }
  #art .RecommendedCoursesItem__title2 {
    padding-top: 46px;
  }
  #art .RecommendedCoursesItem--blue .RecommendedCoursesItem__label {
    width: 337px;
  }
  #art .RecommendedCoursesItem--pink .RecommendedCoursesItem__label {
    width: 279px;
  }
  #art .RecommendedCoursesItem--orange .RecommendedCoursesItem__label {
    width: 275px;
  }
  #art .RecommendedCoursesItem--green .RecommendedCoursesItem__label {
    width: 288px;
  }
  #art .RecommendedCoursesItem:not(:first-of-type) {
    margin-top: 101px;
  }
  #art .RecommendedCoursesItem__liveConcert {
    margin-top: 48px;
  }
  #art .RecommendedCoursesItem__liveConcertPart2 {
    position: relative;
    z-index: 2;
  }
  #art .RecommendedCoursesItem__liveConcertPart2 a {
    position: absolute;
    bottom: 50px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
    transform: translateZ(0);
  }
  #art .RecommendedCoursesItem__liveConcertPart3 {
    position: relative;
    z-index: 1;
    margin-top: -30px;
  }
  #art .RecommendedCoursesItem__musicClass {
    margin-top: 60px;
  }
  #art .RecommendedCoursesItem__viewMore {
    text-align: center;
    margin-top: 20px;
  }
  #art .RecommendedCoursesItem__viewMore .c-button {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art .RecommendedCoursesItemPersonalCourse {
    margin-top: 80px;
  }
  #art .RecommendedCoursesItemPersonalCourse__title {
    max-width: 541.5px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    padding-top: 108px;
    padding-bottom: 40px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/personal_courses/art_personal_course_content_bg.png") no-repeat;
    background-size: 717px 702.5px;
    background-position: calc(50% - 20px) 0;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__card {
    width: 190px;
    margin: 0 10px 10px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__card:nth-child(even) {
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi1 {
    left: calc(50% - 375px);
    top: -78px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 244px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi1.lazyloaded::before {
    width: 96px;
    height: 96px;
    left: 25px;
    top: -48px;
    z-index: -1;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi2 {
    left: calc(50% - 130px);
    bottom: -130px;
    width: 264px;
  }
  #art .RecommendedCoursesItemPersonalCourse__footer {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 86px;
  }
  #art .RecommendedCoursesItemDance {
    margin-top: 10px;
    padding-top: 16px;
  }
  #art .RecommendedCoursesItemDance.lazyloaded {
    background-size: 269px 277.5px;
    background-position: calc(50% + 20px) 0;
  }
  #art .RecommendedCoursesItemDance__card {
    width: 190px;
    margin: 0 8px;
  }
  #art .RecommendedCoursesItemDance__card:nth-child(even) {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  #art .RecommendedCoursesItemArt {
    min-height: 428.5px;
    margin-top: -70px;
  }
  #art .RecommendedCoursesItemArt.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/art/art_recommend_course_art_bg.png") no-repeat;
    background-size: 794px 428.5px;
    background-position: calc(50% - 37px) 0;
  }
  #art .RecommendedCoursesItemArtContent {
    left: calc(50% + 109px);
    top: 142px;
  }
  #art .RecommendedCoursesItemArtContent__card {
    width: 190px;
  }
  #art .RecommendedCoursesItemArtContent__card:not(:first-of-type) {
    margin-left: 20px;
  }
  #art .RecommendedCoursesItemArtContent__card:first-child {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  #art .RecommendedCoursesItemArt__fukidashi1 {
    left: calc(50% + 320px);
    top: -46px;
    width: 248.5px;
  }
  #art .RecommendedCoursesItemArt__fukidashi2 {
    left: calc(50% - 270px);
    top: 270px;
    width: 241px;
  }
  #art .RecommendedCoursesItemArt__image {
    left: calc(50% - 285px);
    top: 32px;
  }
  #art .RecommendedCoursesItemArt__viewMore {
    bottom: 30px;
  }
  #art .RecommendedCoursesItemArt__viewMore .c-button {
    min-width: 220px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art .RecommendedCoursesItemTraditional {
    min-height: 295.5px;
    padding-top: 92px;
    margin-top: -22px;
  }
  #art .RecommendedCoursesItemTraditional.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/traditional/art_recommend_course_traditional_bg.png") no-repeat;
    background-size: 508px 295.5px;
    background-position: calc(50% + 25px) 0;
  }
  #art .RecommendedCoursesItemTraditional__card {
    display: block;
    width: 190px;
  }
  #art .RecommendedCoursesItemTraditional__card:not(:first-of-type) {
    margin-left: 20px;
  }
  #art .RecommendedCoursesItemTraditional__card:nth-child(odd) {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@media screen and (max-width: 767px) {
  #art .RecommendedCourses {
    margin-top: 10px;
  }
  #art .RecommendedCourses .u-container {
    padding: 0;
  }
  #art .RecommendedCoursesTitle {
    min-height: 204px;
    margin-bottom: 20px;
  }
  #art .RecommendedCoursesTitle.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/art_recommend_courses_title_bg_sp.png") no-repeat;
    background-size: 767px 204px;
    background-position: center 0;
  }
  #art .RecommendedCoursesTitle__img {
    max-width: 327px;
  }
  #art .RecommendedCoursesTitle__desc {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.428;
  }
  #art .RecommendedCoursesItem {
    border-radius: 0;
    border: none;
  }
  #art .RecommendedCoursesItemTitle--fiveSense {
    padding-top: 65px;
    max-width: 338px;
  }
  #art .RecommendedCoursesItemTitle__desc {
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 1.5px;
    text-align: left;
    text-align-last: left;
    margin-top: 30px;
  }
  #art .RecommendedCoursesItem__title2 {
    padding: 33px 30px 0;
  }
  #art .RecommendedCoursesItem--blue .RecommendedCoursesItem__label {
    width: 175px;
  }
  #art .RecommendedCoursesItem--pink .RecommendedCoursesItem__label {
    width: 160px;
  }
  #art .RecommendedCoursesItem--orange .RecommendedCoursesItem__label {
    width: 171px;
  }
  #art .RecommendedCoursesItem--green {
    padding-bottom: 0;
  }
  #art .RecommendedCoursesItem--green .RecommendedCoursesItem__label {
    width: 157px;
  }
  #art .RecommendedCoursesItem:nth-child(2) {
    margin-top: 70px;
  }
  #art .RecommendedCoursesItem:nth-child(3) {
    margin-top: 60px;
  }
  #art .RecommendedCoursesItem:nth-child(4) {
    margin-top: 44px;
  }
  #art .RecommendedCoursesItem__liveConcert {
    margin-top: 36px;
    max-width: 500px;
  }
  #art .RecommendedCoursesItem__liveConcertPart2 {
    position: relative;
  }
  #art .RecommendedCoursesItem__liveConcertPart2 a {
    position: absolute;
    bottom: 10.133vw;
    left: 50%;
    transform: translateX(-50%);
    display: block;
  }
  #art .RecommendedCoursesItem__musicClass {
    max-width: 500px;
    margin-top: 27px;
  }
  #art .RecommendedCoursesItem__viewMore {
    text-align: center;
    margin-top: 5px;
  }
  #art .RecommendedCoursesItem__viewMore .c-button {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art .RecommendedCoursesItemPersonalCourse {
    margin-top: 40px;
  }
  #art .RecommendedCoursesItemPersonalCourse__title {
    max-width: 281.5px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 0;
    padding-bottom: 120px;
    margin-top: 94px;
    max-width: 500px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/personal_courses/art_personal_course_content_bg_sp.png") no-repeat;
    background-size: 257.5px 848px;
    background-position: calc(50% - 6px) 152px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__card {
    max-width: 162px;
    margin: 0 5px 5px;
  }
  #art .RecommendedCoursesItemPersonalCourseContent__card:nth-child(even) {
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi1 {
    left: calc(50% + 86px);
    top: -70px;
    width: 154px;
    -webkit-transform: translateX(-50%) rotate(10deg);
    -ms-transform: translateX(-50%) rotate(10deg);
    transform: translateX(-50%) rotate(10deg);
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi1.lazyloaded::before {
    width: 120px;
    height: 120px;
    left: calc(50% - 110px);
    top: 0;
    -webkit-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    transform: rotate(224deg);
  }
  #art .RecommendedCoursesItemPersonalCourseContent__fukidashi2 {
    width: 154px;
    left: calc(50% - 85px);
    bottom: -10px;
    z-index: 2;
  }
  #art .RecommendedCoursesItemPersonalCourse__footer {
    text-align: center;
    padding-top: 0;
    padding-bottom: 40px;
  }
  #art .RecommendedCoursesItemDance {
    margin-top: 4px;
    padding-top: 23px;
  }
  #art .RecommendedCoursesItemDance.lazyloaded {
    background-size: 269px 277.5px;
    background-position: calc(50% + 38px) 0;
  }
  #art .RecommendedCoursesItemDance__card {
    width: 162px;
    margin: 0 5px;
  }
  #art .RecommendedCoursesItemDance__card:nth-child(even) {
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
  }
  #art .RecommendedCoursesItemArt {
    min-height: 680px;
    margin-top: 0;
  }
  #art .RecommendedCoursesItemArt.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/art/art_recommend_course_art_bg_sp.png") no-repeat;
    background-size: 338px 591.5px;
    background-position: calc(50% + 14px) 28px;
  }
  #art .RecommendedCoursesItemArtContent {
    left: 50%;
    top: 67px;
  }
  #art .RecommendedCoursesItemArtContent__card {
    width: 162px;
  }
  #art .RecommendedCoursesItemArtContent__card:not(:first-of-type) {
    margin-left: 10px;
  }
  #art .RecommendedCoursesItemArtContent__card:first-child {
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  #art .RecommendedCoursesItemArt__image {
    left: calc(50% - 6px);
    top: 294px;
    z-index: 1;
  }
  #art .RecommendedCoursesItemArt__fukidashi1 {
    z-index: 3;
    left: calc(50% - 90px);
    top: 248px;
    width: 152px;
  }
  #art .RecommendedCoursesItemArt__fukidashi2 {
    left: calc(50% + 104px);
    top: 484px;
    width: 154px;
    z-index: 4;
  }
  #art .RecommendedCoursesItemArt__viewMore {
    bottom: 23px;
  }
  #art .RecommendedCoursesItemArt__viewMore .c-button {
    min-width: 151px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art .RecommendedCoursesItemTraditional {
    padding: 0 0 84px;
    margin-top: 22px;
    flex-wrap: wrap;
  }
  #art .RecommendedCoursesItemTraditional.lazyloaded {
    background: url("/ste-lam/one-world/image/art/recommended_course/traditional/art_recommend_course_traditional_bg_sp.png") no-repeat;
    background-size: 340px 393.5px;
    background-position: calc(50% - 14px) 2px;
  }
  #art .RecommendedCoursesItemTraditional__card {
    width: 162px;
    margin: 0 5px 5px 5px;
  }
  #art .RecommendedCoursesItemTraditional__card:not(:first-of-type) {
    margin-left: 5px;
  }
  #art .RecommendedCoursesItemTraditional__card:nth-child(1) {
    order: 1;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
  }
  #art .RecommendedCoursesItemTraditional__card:nth-child(2) {
    order: 3;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
  }
  #art .RecommendedCoursesItemTraditional__card:nth-child(3) {
    order: 2;
  }
  #art .RecommendedCoursesItemTraditional__card:nth-child(4) {
    order: 4;
  }
}
#art .RequiredSubjectBodySchedule {
  position: relative;
}
@media screen and (min-width: 768px) {
  #art .RequiredSubject {
    margin-top: 100px;
  }
  #art .RequiredSubject__header {
    max-width: 525.5px;
  }
  #art .RequiredSubjectBody {
    padding-top: 76px;
  }
  #art .RequiredSubjectBodySchedule {
    max-width: 1000px;
  }
  #art .RequiredSubjectBodySchedule__img {
    width: 100%;
  }
  #art .RequiredSubjectBodySchedule__label {
    position: absolute;
    left: -17px;
    top: -71px;
    width: 227px;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  #art .RequiredSubject {
    margin-top: 45px;
  }
  #art .RequiredSubject__header {
    max-width: 292px;
  }
  #art .RequiredSubjectBody {
    padding-top: 0;
  }
  #art .RequiredSubjectBody__title {
    width: 189px;
  }
  #art .RequiredSubjectBodySchedule {
    width: calc(100% - 40px);
    padding: 0 20px;
    margin-top: -16px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-x: auto;
  }
  #art .RequiredSubjectBodySchedule__img {
    width: 882px;
    padding-bottom: 20px;
  }
  #art .RequiredSubjectBodySchedule.c-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(100, 182, 200, 0.7);
  }
}
#art .OneWorldForEysKids {
  text-align: center;
}
#art .OneWorldForEysKidsHeader__desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777777;
  font-weight: 600;
}
#art .OneWorldForEysKids__footer {
  display: inline-flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #art .OneWorldForEysKids {
    margin-top: 100px;
    margin-bottom: 138px;
  }
  #art .OneWorldForEysKidsHeader__title {
    max-width: 547.5px;
  }
  #art .OneWorldForEysKidsHeader__structure {
    margin-top: 45px;
    max-width: 1040px;
  }
  #art .OneWorldForEysKidsHeader__desc {
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1.9px;
    text-align: center;
  }
  #art .OneWorldForEysKids__body {
    max-width: 902px;
    margin-top: 80px;
  }
  #art .OneWorldForEysKids__footer {
    margin-top: 110px;
  }
  #art .OneWorldForEysKids__footer a:not(:first-of-type) {
    margin-left: 44px;
  }
  #art .OneWorldForEysKids__footer .c-button {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  #art .OneWorldForEysKids {
    margin-top: 60px;
    margin-bottom: 68px;
  }
  #art .OneWorldForEysKidsHeader__title {
    max-width: 304px;
  }
  #art .OneWorldForEysKidsHeader__structure {
    margin-top: 23px;
    max-width: 344.5px;
  }
  #art .OneWorldForEysKidsHeader__desc {
    margin-top: 10.88px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 1px;
    text-align: justify;
    font-weight: 500;
  }
  #art .OneWorldForEysKids__body {
    max-width: 375px;
    margin-top: 20px;
  }
  #art .OneWorldForEysKids__text {
    margin-top: -7px;
    max-width: 288.5px;
  }
  #art .OneWorldForEysKids__footer {
    display: grid;
    margin-top: 40px;
  }
  #art .OneWorldForEysKids__footer .c-button {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art .OneWorldForEysKids__footer a:not(:first-of-type) {
    margin-left: 0;
    margin-top: 1.25em;
  }
}

#event {
  overflow: hidden;
}
#event #beginner .ev_container {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event #beginner .ev_container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #event #beginner .ev_container {
    width: 100%;
  }
}
#event #beginner .section-start-body-1 .wrapper .content > .logo {
  height: auto;
  left: 50%;
  transform: translateX(-50%);
}
#event #beginner .section-start-body-1 .wrapper .content > .text-1 {
  width: 330px;
  height: auto;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event #beginner .section-start-body-1 .wrapper .content > .text-1 {
    width: 26.823vw;
    top: 16.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #event #beginner .section-start-body-1 .wrapper .content > .text-1 {
    top: 37.867vw;
    width: 46.4vw;
  }
}
#event .event-campaign {
  z-index: 2;
  margin-top: -60px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event-campaign {
    margin-top: -4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event-campaign {
    margin-top: 0vw;
  }
}
#event .event-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
  top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event-campaign::before {
    top: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event-campaign::before {
    top: 0vw;
  }
}
#event .event-campaign .campaign-content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event-campaign .campaign-content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event-campaign .campaign-content {
    padding-top: 24.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event-campaign .campaign-content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event-campaign .campaign-content {
    padding-bottom: 5.3333333333vw;
  }
}
#event [class*=event_section-] {
  position: relative;
}
#event [class*=event_section-] .ev-container {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
#event [class*=event_section-] .big-tt__section {
  position: relative;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionLeftImg, #event [class*=event_section-] .big-tt__section .big-tt__sectionRightImg {
  position: absolute;
  z-index: 1;
  top: 0;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionLeftImg {
  left: 0;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionRightImg {
  right: 0;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionMid {
  position: relative;
  z-index: 2;
  display: grid;
  margin: 0 auto;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionMid .big-tt__sectionMidDate, #event [class*=event_section-] .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
  margin-left: auto;
  margin-right: auto;
}
#event [class*=event_section-] .big-tt__section .big-tt__sectionMid .big-tt__sectionMidDate {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  #event [class*=event_section-] .big-tt__section .big-tt__sectionMid .big-tt__sectionMidDate {
    width: 76px;
    margin-bottom: 15.5px;
  }
}
#event [class*=event_section-] .big-tt__sectionMidButton {
  display: flex;
  width: 436px;
  height: 60px;
  border-radius: 30px;
  background-color: #44BB99;
}
#event [class*=event_section-] .big-tt__sectionMidButton img {
  margin: auto;
}
@media screen and (max-width: 767px) {
  #event [class*=event_section-] .big-tt__sectionMidButton {
    width: 100%;
    height: 42px;
    border-radius: 0;
  }
  #event [class*=event_section-] .big-tt__sectionMidButton img {
    width: 125px;
  }
}
#event [class*=event_section-] .mid-banner__icon {
  padding: 10px;
  background-color: rgba(68, 187, 153, 0.4);
  position: relative;
  margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
  #event [class*=event_section-] .mid-banner__icon {
    padding: 18.7px 10px 10px 40px;
    margin-bottom: 0;
    background-color: rgba(68, 187, 153, 0.1);
  }
}
#event [class*=event_section-] .mid-banner__icon .mid-banner__iconText {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #event [class*=event_section-] .mid-banner__icon .mid-banner__iconText {
    font-size: 12px;
    text-align: left;
  }
}
#event [class*=event_section-] .mid-banner__icon .mid-banner__iconBoxItem {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 130px;
  filter: drop-shadow(2.83px 2.83px 2.83px rgba(4, 4, 4, 0.3));
  transform: translateZ(0);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #event [class*=event_section-] .mid-banner__icon .mid-banner__iconBoxItem {
    right: 20px;
    width: 100px;
    height: 100px;
    top: 33%;
  }
}
#event [class*=event_section-] .ev-link__button {
  background-color: #44BB99;
  border-radius: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 2px solid #fff;
  position: relative;
  padding: 8px 0;
}
#event [class*=event_section-] .ev-link__button span {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 4px;
}
#event [class*=event_section-] .ev-link__button span.ev-link__buttonSmall {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  margin-bottom: 0;
}
#event [class*=event_section-] .ev-link__button.lazyloaded::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.107' height='20' viewBox='0 0 12.107 20'%3E%3Cpath id='arrow' d='M23.385,22.475a2.156,2.156,0,0,1-1.494-.61,2.121,2.121,0,0,1,0-2.989l6.377-6.4-6.377-6.4a2.113,2.113,0,0,1,2.989-2.989l7.893,7.893a2.083,2.083,0,0,1,.61,1.494,2.174,2.174,0,0,1-.61,1.494l-7.893,7.893A2.194,2.194,0,0,1,23.385,22.475Z' transform='translate(-21.275 -2.475)' fill='%23fff'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
}
#event .event_section-1 .ev-top__description {
  margin-bottom: 64.4px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .ev-top__description {
    padding: 0 30px;
    margin-bottom: 20px;
  }
}
#event .event_section-1 .ev-top__description .ev-top__descriptionTitle {
  margin-top: 94px;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .ev-top__description .ev-top__descriptionTitle {
    margin-top: 45.4px;
  }
}
#event .event_section-1 .ev-top__description .ev-top__descriptionDesc {
  text-align: center;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#event .event_section-1 .ev-top__description .ev-top__descriptionDesc p {
  font-size: 20px;
  line-height: 30px;
  color: #777777;
  font-weight: 600;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .ev-top__description .ev-top__descriptionDesc p {
    font-size: 14px;
    line-height: 20px;
  }
  #event .event_section-1 .ev-top__description .ev-top__descriptionDesc p br {
    display: none;
  }
}
#event .event_section-1 .big-tt__section {
  padding-top: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .big-tt__section {
    padding-top: 50px;
    margin-bottom: 0;
    position: relative;
  }
  #event .event_section-1 .big-tt__section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 162px;
    border-radius: 10px 10px 0 0;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-style: solid;
    background-color: rgba(68, 187, 153, 0.1);
    border-color: rgba(112, 112, 112, 0.1);
  }
}
#event .event_section-1 .big-tt__section .big-tt__sectionLeftImg {
  width: 304px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .big-tt__section .big-tt__sectionLeftImg {
    width: 152px;
  }
  #event .event_section-1 .big-tt__section .big-tt__sectionLeftImg img {
    margin-left: -9px;
  }
}
#event .event_section-1 .big-tt__section .big-tt__sectionRightImg {
  width: 300px;
  top: 12px;
  right: -24px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .big-tt__section .big-tt__sectionRightImg {
    width: 123px;
    right: 0;
  }
}
#event .event_section-1 .big-tt__section .big-tt__sectionMid {
  max-width: 436px;
  width: 100%;
}
#event .event_section-1 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
    width: 181px;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .big-tt__section .big-tt__sectionMid {
    max-width: 100%;
    width: 100%;
  }
}
#event .event_section-1 .show-case__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 80px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-1 .show-case__list {
    gap: 0 8vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list {
    grid-template-columns: 1fr;
    gap: 0;
    background-color: rgba(68, 187, 153, 0.1);
    padding-bottom: 20px;
    border-radius: 0 0 10px 10px;
    border-bottom: 1px;
    border-right: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: rgba(112, 112, 112, 0.1);
  }
}
#event .event_section-1 .show-case__list .show-case__listItem {
  display: grid;
  grid-template-columns: auto 240px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-1 .show-case__list .show-case__listItem {
    grid-template-columns: auto 24vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: none;
    max-width: 335px;
    margin: 0 auto 20px;
    justify-content: space-between;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(even) {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem:nth-child(even) {
    margin-top: 0;
    flex-direction: row-reverse;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemImg {
  width: 210px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemImg {
    width: 21vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemImg {
    width: 164px;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemImg::after {
  border-top: 106px solid transparent;
  border-bottom: 106px solid transparent;
  border-right: 106px solid rgba(169, 206, 78, 0.3);
  transform: rotate(67deg);
  left: 15px;
  bottom: 0;
  z-index: -1;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemImg .show-case__listItemImgTooltip {
  right: 10px;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemTt {
  margin-top: 48px;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(1) .show-case__listItemTt .show-case__listItemTtTitle {
  margin: auto 36px auto auto;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(2) .show-case__listItemImg::after {
  right: -20px;
  bottom: -22px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95.187' height='95.187' viewBox='0 0 95.187 95.187'%3E%3Cpath id='Path_7696' data-name='Path 7696' d='M73.677,73.677,0,0H73.677Z' transform='translate(95.187 26.403) rotate(111)' fill='%234b9' opacity='0.3'/%3E%3C/svg%3E%0A");
  width: 95px;
  height: 95px;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(3) .show-case__listItemImg::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='109.623' height='109.624' viewBox='0 0 109.623 109.624'%3E%3Cpath id='Path_7691' data-name='Path 7691' d='M88.628,88.628,0,0H88.628Z' transform='translate(24.429 109.624) rotate(-106)' fill='%2364b6c8' opacity='0.3'/%3E%3C/svg%3E%0A");
  right: -53px;
  bottom: -21px;
  z-index: -1;
  width: 110px;
  height: 110px;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(3) .show-case__listItemImg .show-case__listItemImgTooltip {
  top: 12px;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(3) .show-case__listItemTt .show-case__listItemTtTitle {
  margin: auto 14px auto auto;
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(4) {
  margin-top: 76px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem:nth-child(4) {
    margin: 0 auto 0;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem:nth-child(4) .show-case__listItemImg::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.274' height='97.274' viewBox='0 0 97.274 97.274'%3E%3Cpath id='Path_7692' data-name='Path 7692' d='M73.677,73.677,0,0H73.677Z' transform='matrix(0.407, 0.914, -0.914, 0.407, 67.307, 0)' fill='%23d7b' opacity='0.3'/%3E%3C/svg%3E%0A");
  top: -32px;
  left: -60px;
  z-index: -1;
  width: 97px;
  height: 97px;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemTt {
  width: 100%;
  height: 36px;
  position: relative;
  display: flex;
  border-radius: 18px;
  background-color: #CAEAD0;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemTt {
    display: none;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemTt .show-case__listItemTtTooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemTt .show-case__listItemTtTitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #4DB47F;
  margin: auto;
  letter-spacing: -1px;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemImg {
  position: relative;
  z-index: 3;
  width: 190px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemImg::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemImg {
    width: 19vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemImg {
    width: 148px;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemImg .show-case__listItemImgTooltip {
  position: absolute;
  right: -12px;
  top: -16px;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody {
    width: 167px;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyTitle {
  font-size: 24px;
  font-weight: bold;
  color: #4DB47F;
  margin-bottom: 24px;
  position: relative;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyTitle::after {
  content: "";
  position: absolute;
  width: 309px;
  height: 12px;
  background-color: #CAEAD0;
  right: 0;
  bottom: -17px;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail {
  font-size: 16px;
  display: flex;
  margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail {
    flex-wrap: wrap;
    margin-bottom: 17px;
    line-height: 24px;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p {
  display: flex;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p {
    width: 100%;
    margin-bottom: 8px;
  }
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p:last-child {
    margin-bottom: 0;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p span {
  font-size: 12px;
  display: block;
  margin: auto 5px auto 0;
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p span.m-l {
  margin: auto 5px auto 30px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBody .show-case__listItemBodyDetail p span.m-l {
    margin: auto 5px auto 0;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .ev-link__button.ev-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .ev-link__button.ev-desktop {
    display: none;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .ev-link__button.ev-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .ev-link__button.ev-mobile {
    display: block;
    width: 240px;
    margin: 18px auto 0;
  }
}
#event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBodyText {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  #event .event_section-1 .show-case__list .show-case__listItem .show-case__listItemBodyText {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-2 {
    background-color: rgba(170, 136, 238, 0.1);
    padding-bottom: 20px;
    border-radius: 0 0 10px 10px;
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: rgba(112, 112, 112, 0.1);
  }
}
#event .event_section-2 .big-tt__sectionMidButton {
  background-color: #AA88EE;
  margin: 60px auto 20px;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .big-tt__sectionMidButton {
    margin: 40px auto 0;
  }
}
#event .event_section-2 .mid-banner__icon {
  background-color: rgba(170, 136, 238, 0.4);
  margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .mid-banner__icon {
    background-color: rgba(170, 136, 238, 0);
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .mid-banner__icon .mid-banner__iconText.u-sp {
    list-style: normal;
  }
}
#event .event_section-2 .ev-collaboration__list {
  display: grid;
  gap: 55px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .ev-collaboration__list {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 335px;
    margin: 0 auto;
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem:last-child {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem:last-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem {
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTop {
  width: 100%;
  height: 67px;
  position: relative;
  display: flex;
  border-radius: 30px 30px 0 0;
  background-color: rgba(170, 136, 238, 0.2);
}
@media screen and (min-width: 768px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTop {
    display: none;
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTop .ev-collaboration__listItemTopDate {
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  left: 0;
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTop .ev-collaboration__listItemTopTitle {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: #AA88EE;
  margin: auto 60px auto auto;
  text-align: center;
  letter-spacing: -1px;
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTooltip {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 12px;
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTooltip p {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemTooltip {
    display: none;
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemImg {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemImg {
    width: calc(100% - 194px);
    margin-bottom: 0;
  }
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listItemImg img {
    transform: scale(1.19);
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 420px;
  width: 100%;
  margin: 0 auto 16px;
}
@media screen and (max-width: 767px) {
  #event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-collaboration__listBody {
    width: 188px;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
  }
}
#event .event_section-2 .ev-collaboration__list .ev-collaboration__listItem .ev-link__button {
  width: 240px;
  background-color: #AA88EE;
  margin: 14px auto 10px;
  display: block;
}
#event .event_section-3 {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 {
    margin-top: 58px;
    background-color: rgba(221, 119, 187, 0.1);
    border-radius: 10px;
    border: 1px solid rgba(112, 112, 112, 0.1);
  }
}
#event .event_section-3 .big-tt__section {
  padding-top: 85px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .big-tt__section {
    padding-top: 18px;
    margin-bottom: 0;
  }
}
#event .event_section-3 .big-tt__section .big-tt__sectionLeftImg {
  width: 295px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionLeftImg {
    width: 29.5vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionLeftImg {
    width: 126px;
    left: -14px;
    top: -10px;
  }
  #event .event_section-3 .big-tt__section .big-tt__sectionLeftImg img {
    margin-left: 0;
  }
}
#event .event_section-3 .big-tt__section .big-tt__sectionRightImg {
  width: 278px;
  top: 22px;
  right: -4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionRightImg {
    width: 27.8vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionRightImg {
    width: 130px;
    top: -19px;
    right: -14px;
  }
}
#event .event_section-3 .big-tt__section .big-tt__sectionMid {
  max-width: 436px;
  width: 100%;
}
#event .event_section-3 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
    width: auto;
    margin-bottom: 9px;
  }
}
#event .event_section-3 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidButton {
  background-color: #DD77BB;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .big-tt__section .big-tt__sectionMid {
    max-width: 100%;
    width: 100%;
  }
}
#event .event_section-3 .mid-banner__icon {
  background-color: rgba(221, 119, 187, 0.4);
  padding: 12px 10px 10px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .mid-banner__icon {
    padding: 90px 10px 20px;
    background-color: transparent;
    margin-bottom: 0;
  }
}
#event .event_section-3 .mid-banner__icon .mid-banner__iconText {
  max-width: 508px;
  width: 100%;
  margin-left: 60px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .mid-banner__icon .mid-banner__iconTitle {
    display: flex;
  }
}
#event .event_section-3 .mid-banner__icon .mid-banner__iconTitle img {
  margin: auto 0 auto 138px;
  filter: drop-shadow(0px 3px 6px rgba(4, 4, 4, 0.16));
  transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .mid-banner__icon .mid-banner__iconTitle img {
    margin: auto;
  }
}
#event .event_section-3 .mid-banner__icon .mid-banner__iconBoxItem {
  top: 38%;
  right: 90px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .mid-banner__icon .mid-banner__iconBoxItem {
    top: 18%;
    right: 14px;
    width: 268px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item {
  max-width: 900px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 8px;
  margin-left: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .workshop-list .workshop-list__item {
    margin-right: -5.469vw;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item:last-child {
  flex-direction: row-reverse;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child {
    flex-direction: row;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemImage {
  width: 488px;
  margin-top: -80px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemImage {
    width: 48.8vw;
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemImage {
    margin-top: 0;
    width: 295px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemImage img {
  transform: scale(1.12);
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemImage img {
    transform: scale(1.1);
  }
}
#event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemContent {
  width: calc(100% - 488px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemContent {
    width: calc(100% - 48.8vw);
    margin-top: 46px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item:last-child .workshop-list__itemContent {
    width: 295px;
    margin: 0 auto;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent {
  position: relative;
  z-index: 2;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 480px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent {
    width: 48vw;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent {
    width: 100%;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: #DD77BB;
  position: relative;
  margin-bottom: 43px;
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle::after {
  content: "";
  position: absolute;
  width: 612px;
  height: 12px;
  background-color: #F1C9E3;
  left: 0;
  bottom: -22px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle::after {
    display: none;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle br {
  display: none;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentTitle {
    font-size: 20px;
    line-height: 25px;
    padding: 13px 0 17px;
    text-align: center;
    background-color: #F1C9E3;
    border-radius: 10px;
    margin-bottom: 17px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem {
  display: flex;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 17px;
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem span {
  display: block;
  color: #DD77BB;
  margin-right: 12px;
  position: relative;
  padding-left: 28px;
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #DD77BB;
  border-radius: 500px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem span::after {
    width: 14px;
    height: 14px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentClock .workshop-list__itemContentClockItem span {
    font-size: 14px;
    line-height: 16px;
    padding-left: 19px;
    margin-right: 10px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  max-width: 458px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody {
    max-width: 295px;
    margin: 0 auto 17px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody .workshop-list__itemContentBodyTitle {
  font-size: 18px;
  line-height: 18px;
  color: #DD77BB;
  margin-bottom: 20px;
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody .workshop-list__itemContentBodyTitle br {
  display: none;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody .workshop-list__itemContentBodyTitle br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemContent .workshop-list__itemContentBody .workshop-list__itemContentBodyTitle {
    text-align: center;
    margin-bottom: 11px;
  }
}
#event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemImage {
  position: relative;
  z-index: 3;
  width: 354px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemImage {
    width: 295px;
    margin: 0 auto;
  }
  #event .event_section-3 .workshop-list .workshop-list__item .workshop-list__itemImage img {
    transform: scale(1.1);
  }
}
#event .event_section-3 .workshop-list__bottom {
  position: relative;
  max-width: 900px;
  width: 100%;
  margin-left: 0;
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list__bottom {
    margin-bottom: 118px;
  }
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg {
  position: relative;
  z-index: 2;
  width: 426px;
  margin-left: auto;
  margin-top: -188px;
  margin-right: -14px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg {
    margin-top: 0;
    width: 335px;
    margin-right: auto;
  }
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody {
  position: absolute;
  z-index: 3;
  max-width: 180px;
  right: 36.5px;
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody {
    right: 20px;
    bottom: 47px;
  }
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody .workshop-list__bottomBodyTitle {
  display: flex;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody .workshop-list__bottomBodyTitle {
    margin-bottom: 13px;
  }
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody .workshop-list__bottomBodyTitle span {
  display: block;
  margin: auto 14px auto 0;
  font-size: 12px;
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody .workshop-list__bottomBodyTitle .workshop-list__bottomBodyTitleBox {
  font-size: 14px;
  text-align: center;
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody .workshop-list__bottomBodyTitle .workshop-list__bottomBodyTitleBox:last-child p {
  font-size: 14px;
}
#event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody p {
  font-size: 12px;
  line-height: 19px;
  color: #333333;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-list__bottom .workshop-list__bottomImg .workshop-list__bottomBody p {
    font-size: 10px;
    line-height: 15px;
  }
}
#event .event_section-3 .workshop-button__list {
  max-width: 640px;
  width: 100%;
  margin: 40px auto 0 160px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-button__list {
    margin: 0 auto;
    justify-content: center;
  }
}
#event .event_section-3 .workshop-button__list .workshop-button__listTooltip {
  position: absolute;
  transform: translateY(-100%);
  top: -17.6px;
  left: 68px;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-button__list .workshop-button__listTooltip {
    top: 32px;
    left: auto;
    right: 0;
    width: 308px;
  }
}
#event .event_section-3 .workshop-button__list .ev-link__button {
  width: 300px;
  background-color: #DD77BB;
}
@media screen and (max-width: 767px) {
  #event .event_section-3 .workshop-button__list .ev-link__button {
    margin-bottom: 18px;
  }
}
#event .event_section-3 .workshop-button__list .ev-link__button .ev-link__buttonTooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
#event .event_section-3 .workshop-button__list .ev-link__button span {
  margin: 0 40px 0 auto;
  text-align: right;
}
#event .event_section-4 {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 {
    margin-top: 40px;
  }
}
#event .event_section-4 .big-tt__section {
  padding-top: 72px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .big-tt__section {
    padding-top: 20px;
    margin-bottom: 20px;
    position: relative;
  }
}
#event .event_section-4 .big-tt__section .big-tt__sectionLeftImg {
  width: 249px;
  top: 12px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .big-tt__section .big-tt__sectionLeftImg {
    width: 126px;
    left: -4px;
  }
  #event .event_section-4 .big-tt__section .big-tt__sectionLeftImg img {
    margin-left: -9px;
  }
}
#event .event_section-4 .big-tt__section .big-tt__sectionRightImg {
  width: 255px;
  top: 0;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .big-tt__section .big-tt__sectionRightImg {
    width: 129px;
    right: -12px;
  }
}
#event .event_section-4 .big-tt__section .big-tt__sectionMid {
  max-width: 436px;
  width: 100%;
}
#event .event_section-4 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .big-tt__section .big-tt__sectionMid .big-tt__sectionMidTitle {
    width: 181px;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .big-tt__section .big-tt__sectionMid {
    max-width: 100%;
    width: 100%;
  }
}
#event .event_section-4 .special_event {
  max-width: 948px;
  width: 100%;
  margin: 0 13px 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .special_event img {
    margin-left: -3px;
    padding-top: 53px;
    transform: scale(1.095);
  }
}
#event .event_section-4 .special_event .ev-link__button {
  width: 240px;
  margin: 10px 5px 0;
  background-image: linear-gradient(180deg, #900000, #D53300, #FF3D00);
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .special_event .ev-link__button {
    background-color: #EE9966;
    background-image: none;
  }
}
#event .event_section-4 .special_event__btnContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .special_event__btnContainer {
    margin: 15px auto;
  }
}
#event .event_section-4 .special_event-bottom {
  max-width: 697px;
  width: 100%;
  margin: -14px auto 0;
}
@media screen and (max-width: 767px) {
  #event .event_section-4 .special_event-bottom {
    margin: 5px auto 0;
  }
}
#event .event_section-5 {
  position: relative;
  margin-top: 79px;
  padding-bottom: 45px;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 {
    margin-top: 66px;
    padding-bottom: 0;
  }
}
#event .event_section-5 .event_section-5_background {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#event .event_section-5 .event_section-5_background.lazyloaded {
  background: url("/ste-lam/one-world/image/event/event_5_back.png") no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .event_section-5_background.lazyloaded {
    background: url("/ste-lam/one-world/image/event/event_5_back_sp.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
}
#event .event_section-5 .my_gym-box {
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    transform: translateY(-36px);
  }
}
#event .event_section-5 .my_gym-box .my_gym-boxImg {
  position: relative;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .my_gym-boxImg {
    z-index: 2;
  }
}
#event .event_section-5 .my_gym-box .my_gym-boxDetail {
  position: relative;
  z-index: 1;
  max-width: 802px;
  width: 100%;
  margin: -102px auto 0;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid #EEEEEE;
  padding: 26px 30px 30px;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .my_gym-boxDetail {
    max-width: 295px;
    padding: 42px 22px 21px 20px;
    margin: -10px auto 0;
    border-radius: 10px;
  }
}
#event .event_section-5 .my_gym-box .my_gym-boxDetail .my_gym-boxDetailTooltip {
  position: absolute;
  left: 62px;
  top: -16px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#event .event_section-5 .my_gym-box .my_gym-boxDetail .my_gym-boxDetailTitle {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .my_gym-boxDetail .my_gym-boxDetailTitle {
    margin-bottom: 20px;
  }
}
#event .event_section-5 .my_gym-box .my_gym-boxDetail .my_gym-boxDetailTitle img {
  margin: 0 78px 0 auto;
  max-width: 520px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .my_gym-boxDetail .my_gym-boxDetailTitle img {
    margin: 0 auto;
    max-width: 242px;
  }
}
#event .event_section-5 .my_gym-box .my_gym-boxDetail p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  color: #777777;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .my_gym-boxDetail p br {
    display: none;
  }
}
#event .event_section-5 .my_gym-box .ev-link__button {
  background-color: #DD77BB;
  max-width: 310px;
  height: 60px;
  border: 0;
  border-radius: 50px;
  margin: 23px auto 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  #event .event_section-5 .my_gym-box .ev-link__button {
    margin: 20px auto 0;
  }
}
#event .event_section-5 .my_gym-box .ev-link__button span {
  margin: auto;
  font-size: 20px;
}
#event .event_section-6 .ev-ranking .ev-ranking_detail {
  position: relative;
  padding-top: 81px;
  margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail {
    padding-top: 37px;
  }
}
#event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailLeftImg, #event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailRightImg {
  position: absolute;
  z-index: -1;
}
#event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailLeftImg {
  bottom: -52px;
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailLeftImg {
    width: 75px;
    bottom: -85px;
  }
}
#event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailRightImg {
  top: 20px;
  right: 0;
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailRightImg {
    width: 96.8px;
    top: auto;
    bottom: -66px;
    right: 20px;
  }
}
#event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailTitle {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailTitle {
    margin-bottom: 15px;
  }
}
#event .event_section-6 .ev-ranking .ev-ranking_detail .ev-ranking_detailTitle img {
  margin: 0 auto;
}
#event .event_section-6 .ev-ranking .ev-ranking_detail p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail p br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-ranking_detail p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-6 .ev-ranking .ev-rankingImg {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
  }
}
#event .event_section-7 {
  margin-top: 56px;
  padding-top: 63px;
  padding-bottom: 30px;
}
#event .event_section-7.lazyloaded {
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-image: url(/ste-lam/one-world/image/beginner/pc/bg_gradient_25.png);
}
@media screen and (max-width: 767px) {
  #event .event_section-7.lazyloaded {
    background-image: url(/ste-lam/one-world/image/beginner/sp/campaign_bg_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  #event .event_section-7 {
    padding-top: 23px;
    height: 186.267vw;
    margin-bottom: 10.667vw;
  }
}
#event .event_section-7 .c-campaign {
  display: flex;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 89.333vw;
  border-radius: 8vw;
}

#faq {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#faq .page-header {
  position: relative;
}
#faq .page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#faq .page-header__content {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__content {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__content {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__content {
    height: 82.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__content {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__content {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__content {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__content {
    margin-right: 0vw;
  }
}
#faq .page-header__content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/kv-image.jpg");
}
@media screen and (max-width: 767px) {
  #faq .page-header__content.lazyloaded {
    background-image: url("/ste-lam/one-world/image/faq/kv-image_sp.jpg");
  }
}
#faq .page-header__wrapper {
  width: 480px;
  height: 480px;
  position: absolute;
  left: calc(50% - 240px);
  top: 91px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__wrapper {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__wrapper {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__wrapper {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__wrapper {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__wrapper {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__wrapper {
    left: calc(50% - 34.6666666667vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__wrapper {
    top: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__wrapper {
    top: 13.0666666667vw;
  }
}
#faq .page-header__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/common/kv-content-bg.svg");
}
#faq .page-header__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 142px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__logo {
    top: 11.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__logo {
    left: calc(50% - 24.404vw);
  }
}
#faq .page-header__title {
  position: absolute;
  width: 302.9px;
  height: 50.064px;
  top: 247.2px;
  left: calc(50% - 151.45px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__title {
    width: 24.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__title {
    width: 55.072vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__title {
    height: 4.0374193548vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__title {
    height: 7.616vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__title {
    top: 19.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__title {
    top: 35.5466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .page-header__title {
    left: calc(50% - 12.2137096774vw);
  }
}
@media screen and (max-width: 767px) {
  #faq .page-header__title {
    left: calc(50% - 27.536vw);
  }
}
#faq .section-campaign {
  position: relative;
}
#faq .section-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#faq .section-campaign__content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .section-campaign__content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .section-campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq .section-campaign__content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #faq .section-campaign__content {
    padding-bottom: 5.6vw;
  }
}
#faq .pc {
  overflow: hidden;
  position: relative;
  z-index: 1;
  /* KeyVisual -> captionに変更*/
}
#faq .pc .KeyVisual__wrapper {
  position: relative;
}
#faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top {
  position: relative;
  z-index: -1;
  margin-top: 80px;
  width: 100vw;
  min-height: 880px;
}
#faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/main_background.png");
  background-repeat: no-repeat;
  background-position: center;
}
#faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top .KeyVisual__main {
  width: 324px;
  margin: 0 auto;
  height: 527px;
}
#faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top .KeyVisual__main .KeyVisual__title {
  display: none;
}
#faq .pc .KeyVisual__wrapper .OpenCampaign {
  margin-top: -432px;
  height: 500px;
}
#faq .pc .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: -10;
  height: 420px;
  width: 100vw;
}
#faq .pc .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/campaign_background.png");
  background-repeat: no-repeat;
  background-position: center;
}
#faq .pc .KeyVisual__wrapper .OpenCampaign .OpenCampaign__content {
  position: relative;
  top: -640px;
  z-index: 10;
  width: 1000px;
  height: 610.6px;
  margin: 0 auto;
}
#faq .pc .FaqTopic__backGround {
  z-index: -1;
  width: 100vw;
  height: 422px;
}
#faq .pc .FaqTopic__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/faq_topic_background.png");
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center;
}
#faq .pc .FaqTopic__backGround .FaqTopic__contentsWrapper {
  text-align: center;
}
#faq .pc .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents {
  width: 1065px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 140px;
  padding-left: 190px;
  padding-right: 190px;
}
#faq .pc .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents .FaqTopic__content {
  width: 45%;
  height: 100px;
  margin-right: 4px;
  margin-left: 4px;
  margin-bottom: 31.5px;
  cursor: pointer;
}
#faq .pc .QuestionAndAnswer__answerWrapper {
  margin-top: -14px;
}
#faq .pc .FaqMain {
  margin: 100px auto 0 auto;
  /*背景画像を設置するための余白を作る*/
  padding: 0 15px 40px 15px;
}
#faq .pc .FaqMain .FaqMain__Opacity {
  background: rgba(255, 255, 255, 0.7);
  padding: 0%;
  width: 1131.6px;
  z-index: -9;
}
#faq .pc .FaqMain .FaqMain__Opacity .FaqMain__contentsWrapper {
  margin: 0 auto;
  position: relative;
  padding-top: 18px;
  border: 1px solid #dddddd;
  background-color: white;
  border-radius: 20px;
  width: 1000px;
  z-index: 1;
  -moz-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#faq .pc .FaqMain.FaqMain--green {
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain.FaqMain--green.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/green_icon.png"), url("/ste-lam/one-world/image/faq/green_icon2.png");
  background-position: left 3% top 5.5rem, right 0% bottom 9%;
  background-size: 10.6% auto, 8.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain.FaqMain--green .FaqMain__opacity {
  padding-bottom: 40px;
}
#faq .pc .FaqMain.FaqMain--green .FaqMain__opacity .FaqMain--green__title {
  height: 101.5px;
  width: 351.8px;
  margin: 0 auto 20px auto;
}
#faq .pc .FaqMain.FaqMain--orange {
  margin: 30px auto 0 auto;
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain.FaqMain--orange.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/orange_icon.png"), url("/ste-lam/one-world/image/faq/orange_icon2.png");
  background-position: right 1.5% top 6%, left 1% bottom 9%;
  background-size: 10.6% auto, 8.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain.FaqMain--orange .FaqMain__opacity {
  /*green,pink以外は透過の必要なし*/
  background: rgba(255, 255, 255, 0);
}
#faq .pc .FaqMain.FaqMain--orange .FaqMain__opacity .FaqMain--orange__title {
  height: 101.5px;
  width: 436px;
  margin: 0 auto 18.5px auto;
}
#faq .pc .FaqMain--purple {
  margin: 70px auto 0 auto;
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain--purple.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/purple_icon.png"), url("/ste-lam/one-world/image/faq/purple_icon2.png");
  background-position: right 1% top 9%, left 2% bottom 0%;
  background-size: 10.6% auto, 8.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain--purple .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .pc .FaqMain--purple .FaqMain__opacity .FaqMain--purple__title {
  height: 95.5px;
  width: 394px;
  margin: 0 auto 18.5px auto;
}
#faq .pc .FaqMain--blue {
  margin: -17px auto 0 auto;
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain--blue.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/blue_icon.png"), url("/ste-lam/one-world/image/faq/blue_icon2.png");
  background-position: left 3% top 5.8rem, right 0% bottom 30%;
  background-size: 10.6% auto, 8.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain--blue .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .pc .FaqMain--blue .FaqMain__opacity .FaqMain--blue__title {
  height: 98.3px;
  width: 322px;
  margin: 0 auto 51px auto;
}
#faq .pc .FaqMain--pink {
  margin: 42px auto 0 auto;
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain--pink.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/pink_icon.png"), url("/ste-lam/one-world/image/faq/pink_icon2.png");
  background-position: left 1rem top 4rem, right 0.5% bottom 11%;
  background-size: 14.6% auto, 11.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain--pink .FaqMain__opacity {
  padding-bottom: 40px;
}
#faq .pc .FaqMain--pink .FaqMain__opacity .FaqMain--pink__title {
  height: 101.5px;
  width: 322px;
  margin: 0 auto 30.5px auto;
}
#faq .pc .FaqMain--waterBlue {
  margin: 11px auto 0 auto;
  width: 1131.6px;
  position: relative;
  z-index: 2;
}
#faq .pc .FaqMain--waterBlue.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/waterblue_icon.png"), url("/ste-lam/one-world/image/faq/waterblue_icon2.png");
  background-position: left 2% top 5.7rem, right 0% bottom 3%;
  background-size: 10.6% auto, 8.8% auto;
  background-repeat: no-repeat;
}
#faq .pc .FaqMain--waterBlue .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .pc .FaqMain--waterBlue .FaqMain__opacity .FaqMain--waterBlue__title {
  height: 101.5px;
  width: 329.8px;
  margin: 0 auto 18.5px auto;
}
#faq .pc .OpenCampaign .OpenCampaign__backGround {
  margin-top: 90px;
  position: relative;
  z-index: 1;
  min-height: 578px;
  height: 610.6px;
  width: 100vw;
}
#faq .pc .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/open_campaign_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#faq .pc .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  position: relative;
  top: 63px;
  z-index: 10;
  width: 1000px;
  height: 610.6px;
  margin: 0 auto;
}
#faq .pc .WelcomeLesson {
  margin-top: 60px;
  height: 606px;
  text-align: center;
}
#faq .pc .LinkTrialLesson {
  position: relative;
  z-index: -10;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround {
  position: relative;
  z-index: -10;
  margin-top: -100px;
  height: 445px;
  width: 100%;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/campaign_background.png");
  background-position: top center;
  background-repeat: no-repeat;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content {
  position: relative;
  top: -30px;
  z-index: -1;
  height: 410px;
  width: 1074px;
  margin: 0 auto;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/trial_lesson_content.png");
  background-repeat: no-repeat;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content .LinkTrialLesson__label {
  z-index: 10;
  position: absolute;
  bottom: 110px;
  right: 195px;
  width: 300px;
  height: 40px;
  object-fit: cover;
  padding: 0%;
  margin: 0 auto;
}
#faq .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content .LinkTrialLesson__link {
  z-index: 1;
  position: absolute;
  bottom: 30px;
  right: 120px;
  width: 460px;
  height: 100px;
  object-fit: cover;
  padding: 0%;
  margin: 0 auto;
}
#faq .sp {
  position: relative;
  overflow: hidden;
}
#faq .sp .KeyVisual__wrapper {
  position: relative;
}
#faq .sp .KeyVisual__wrapper .KeyVisual__backGround--Top {
  position: relative;
  z-index: -1;
  margin: 16vw auto 0 auto;
  width: 100vw;
  height: 82.4vw;
}
#faq .sp .KeyVisual__wrapper .KeyVisual__backGround--Top > img {
  width: 100vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 722px;
  margin: 0 auto;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_open_campaign_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 188vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  margin: 0 auto;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign {
  position: relative;
  top: 5.867vw;
  width: 89.333vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__title {
  max-width: 78.667vw;
  padding-top: 6.933vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__content {
  max-width: 69.333vw;
  padding-top: 5.333vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__footer {
  max-width: 89.333vw;
  padding-top: 5.867vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .u-sp {
  top: 26.667vw !important;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .u-sp span {
  font-size: 6.133vw !important;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle {
  width: 25.333vw;
  height: 25.333vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleLast {
  font-size: 6.933vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleText {
  font-size: 2.667vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .c-campaign__circle--01 {
  left: -2.667vw;
  top: -10.667vw;
}
#faq .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .c-campaign__circle--02 {
  left: 19.2vw;
  top: -3.2vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 722px;
  margin: 0 auto;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_open_campaign_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 188vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  margin: 0 auto;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign {
  position: relative;
  top: 5.867vw;
  width: 89.333vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__title {
  max-width: 78.667vw;
  padding-top: 6.933vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__content {
  max-width: 69.333vw;
  padding-top: 5.333vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__footer {
  max-width: 89.333vw;
  padding-top: 5.867vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .u-sp {
  top: 26.667vw !important;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .u-sp span {
  font-size: 6.133vw !important;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle {
  width: 25.333vw;
  height: 25.333vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleLast {
  font-size: 6.933vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleText {
  font-size: 2.667vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign__circle .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .c-campaign__circle--01 {
  left: -2.667vw;
  top: -10.667vw;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign .c-campaign__circle--02 {
  left: 19.2vw;
  top: -3.2vw;
}
#faq .sp .FaqTopic__backGround {
  text-align: center;
  z-index: -1;
  width: 100vw;
  height: 100vw;
  margin: 0 auto;
}
#faq .sp .FaqTopic__backGround .FaqTopic__title {
  position: relative;
  top: 11.467vw;
  width: 40.533vw;
}
#faq .sp .FaqTopic__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_faq_topic_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#faq .sp .FaqTopic__backGround .FaqTopic__contentsWrapper {
  text-align: center;
  padding-top: 8vw;
}
#faq .sp .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  margin: 8.067vw 0 0 10.33%;
}
#faq .sp .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents .FaqTopic__content {
  width: 47.64vw;
  height: 35.267vw;
  margin-bottom: -3.067vw;
  padding: 0%;
  margin-left: -5.2vw;
}
#faq .sp .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents .FaqTopic__content > img {
  width: 100vw;
}
#faq .sp .FaqMain {
  margin: 12px auto 0 auto;
  /*背景画像を設置するための余白を作る*/
  padding-bottom: 8vw;
  width: 100vw;
  margin: -8vw auto 0 auto;
}
#faq .sp .FaqMain .FaqMain__opacity {
  background: rgba(255, 255, 255, 0.7);
  padding: 0%;
  width: 100vw;
  z-index: -9;
}
#faq .sp .FaqMain .FaqMain__opacity .FaqMain__title {
  margin: 0 auto;
  text-align: center;
}
#faq .sp .FaqMain .FaqMain__opacity .FaqMain__title > img {
  width: 86.667vw;
  -moz-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -ms-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#faq .sp .FaqMain .FaqMain__opacity .FaqMain__contentsWrapper {
  margin: 0 auto;
  position: relative;
  padding-top: 4.8vw;
  border: 1px solid #dddddd;
  background-color: white;
  border-radius: 5.333vw;
  width: 89.333vw;
  margin-top: 0;
  z-index: 1;
  -moz-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#faq .sp .FaqMain.FaqMain--green {
  margin-top: 10.333vw;
  position: relative;
  z-index: 2;
}
#faq .sp .FaqMain.FaqMain--green.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/green_icon.png"), url("/ste-lam/one-world/image/faq/green_icon2.png");
  background-position: left 0.9rem top 3.8rem, right 0% bottom 5%;
  background-size: 14vw 14vw, 18.24vw 18.24vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain.FaqMain--green .FaqMain__opacity {
  padding-bottom: 8vw;
}
#faq .sp .FaqMain.FaqMain--orange {
  position: relative;
  z-index: 2;
}
#faq .sp .FaqMain.FaqMain--orange.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/orange_icon.png"), url("/ste-lam/one-world/image/faq/orange_icon2.png");
  background-position: right 3% top 7.3%, left -3% bottom 0%;
  background-size: 17.333vw 14.667vw, 14.347vw 14.347vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain.FaqMain--orange .FaqMain__opacity {
  /*green,pink以外は透過の必要なし*/
  background: rgba(255, 255, 255, 0);
}
#faq .sp .FaqMain--purple {
  position: relative;
  z-index: 2;
}
#faq .sp .FaqMain--purple.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/purple_icon.png"), url("/ste-lam/one-world/image/faq/purple_icon2.png");
  background-position: right 6% top 5%, left 2% bottom 0%;
  background-size: 14vw 14vw, 18.133vw 18.133vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain--purple .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .sp .FaqMain--blue {
  position: relative;
  z-index: 2;
}
#faq .sp .FaqMain--blue.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/blue_icon.png"), url("/ste-lam/one-world/image/faq/blue_icon2.png");
  background-position: left -5% bottom 2%, right -11% top 1rem;
  background-size: 20.693vw 20.693vw, 21.413vw 20.152vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain--blue .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .sp .FaqMain--pink {
  position: relative;
  z-index: 2;
  margin-top: 0;
}
#faq .sp .FaqMain--pink.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/pink_icon.png"), url("/ste-lam/one-world/image/faq/pink_icon2.png");
  background-position: left -3% top 3rem, right 1% bottom 30.5%;
  background-size: 22.744vw 22.744vw, 19.581vw 19.581vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain--pink .FaqMain__opacity {
  padding-bottom: 4vw;
}
#faq .sp .FaqMain--waterBlue {
  position: relative;
  padding-bottom: 3.733vw;
  z-index: 2;
  margin-top: -4vw;
}
#faq .sp .FaqMain--waterBlue.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/waterblue_icon.png"), url("/ste-lam/one-world/image/faq/waterblue_icon2.png");
  background-position: left 2% top 2.6rem, right -13% bottom 0%;
  background-size: 17.384vw 16.36vw, 26.851vw 26.851vw;
  background-repeat: no-repeat;
}
#faq .sp .FaqMain--waterBlue .FaqMain__opacity {
  background: rgba(255, 255, 255, 0);
}
#faq .sp .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 722px;
  margin: 67.3px auto 0 auto;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_open_campaign_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  width: 89.333vw;
  margin: 0 auto;
}
#faq .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign {
  position: relative;
  top: 22px;
}
#faq .sp .WelcomeLesson {
  margin-top: 20px;
  height: 357px;
  text-align: center;
}
#faq .sp .LinkTrialLesson {
  position: relative;
  z-index: -10;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround {
  position: relative;
  z-index: -10;
  height: 490px;
  width: 100vw;
  margin: -30px auto 0 auto;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_trial_lesson_back_ground.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content {
  position: relative;
  z-index: -1;
  height: 432px;
  width: 334px;
  margin: 0 auto;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_trial_lesson_content.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__label {
  z-index: 10;
  position: relative;
  top: 72%;
  padding: 0%;
  text-align: center;
  width: 79px;
  margin: 0 auto;
}
#faq .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__link {
  z-index: 1;
  position: relative;
  top: 65%;
  padding: 0%;
  text-align: center;
  width: 316px;
  margin: 0 auto;
}

@media screen and (max-width: 1150px) and (min-width: 1000px) {
  #faq .pc .FaqMain.FaqMain--green,
#faq .pc .FaqMain.FaqMain--blue,
#faq .pc .FaqMain.FaqMain--pink,
#faq .pc .FaqMain.FaqMain--waterBlue {
    transform: scale(0.9);
    display: flex;
    justify-content: center;
    width: 100%;
  }

  #faq .pc {
    overflow-x: hidden;
  }

  #faq .pc .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #faq {
    overflow: hidden;
  }
  #faq .pc {
    overflow: hidden;
  }

  .BreadCrumb {
    left: 20vw;
  }

  .btm-Oncampaign .OpenCampaign .c-campaign {
    width: 100vw;
  }

  #faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top.lazyloaded {
    width: 100%;
    background-size: 1280px;
    top: -195px;
  }

  #faq .pc .KeyVisual__wrapper .KeyVisual__backGround--top .KeyVisual__main .KeyVisual__title {
    top: 370px;
  }

  #faq .pc .KeyVisual__wrapper .OpenCampaign .OpenCampaign__content {
    width: 88vw;
  }

  #faq .pc .KeyVisual__wrapper .OpenCampaign {
    margin-top: -661px;
    height: 420px;
  }

  #faq .pc .FaqMain.FaqMain--green,
#faq .pc .FaqMain.FaqMain--blue,
#faq .pc .FaqMain.FaqMain--pink,
#faq .pc .FaqMain.FaqMain--waterBlue {
    width: 100vw;
    display: flex;
    justify-content: center;
  }

  #faq .pc .FaqTopic__backGround .FaqTopic__contentsWrapper .FaqTopic__contents {
    width: 100vw;
    padding-top: 15vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .QuestionAndAnswer .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__plusOrMinous {
    left: 86vw;
  }

  #faq .pc .FaqMain .FaqMain__Opacity .FaqMain__contentsWrapper {
    width: 95vw;
  }

  .FaqMain__contentsWrapper .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answer {
    width: 71vw;
  }

  .FaqMain__contentsWrapper .QuestionAndAnswer {
    width: 94.8vw;
  }
}
@media screen and (min-width: 768px) {
  .QuestionAndAnswer {
    border-bottom: 1px solid #dddddd;
    width: 1000px;
    position: relative;
    padding-bottom: 23px;
    padding-top: 28px;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question {
    font-size: 18px;
    font-family: "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    margin-left: 20px;
    line-height: 32px;
    letter-spacing: 0.9px;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--green {
    color: #44bb99;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--orange {
    color: #ee9966;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--purple {
    color: #aa88ee;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--blue {
    color: #4499cc;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--pink {
    color: #dd77bb;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--waterblue {
    color: #64b6c8;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__plusOrMinous {
    position: absolute;
    z-index: 20;
    left: 930px;
    top: 25px;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper {
    display: inline-flex;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answer {
    width: 710px;
    font-size: 16px;
    font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 1.6px;
    color: #777777;
    margin-top: 33px;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answer > a .QuestionAndAnswer__answerLink {
    padding-top: 20px;
    font-size: 18px;
    cursor: pointer;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answerIcon {
    width: 70px;
    height: 70px;
    margin-right: 24.5px;
    margin-top: 20px;
    margin-left: 27.5px;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper.is-close {
    display: none;
  }

  .QuestionAndAnswer.QuestionAndAnswer--lastQa {
    border-bottom: 0px solid #dddddd;
    width: 1000px;
    position: relative;
    padding-bottom: 21px;
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .QuestionAndAnswer {
    border-bottom: 1px solid #dddddd;
    width: 89.333vw;
    position: relative;
    padding-bottom: 4.267vw;
    padding-top: 4vw;
    margin: 0 auto;
  }
  .QuestionAndAnswer__QuestionWrapper {
    display: inline-flex;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question {
    font-size: 3.733vw;
    font-family: "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 600;
    margin-left: 6.667vw;
    width: 69.333vw;
    line-height: 5.333vw;
    letter-spacing: 0.187vw;
    text-align: left;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--green {
    color: #44bb99;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--orange {
    color: #ee9966;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--purple {
    color: #aa88ee;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--blue {
    color: #4499cc;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--pink {
    color: #dd77bb;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__question--waterblue {
    color: #64b6c8;
  }
  .QuestionAndAnswer__QuestionWrapper .QuestionAndAnswer__plusOrMinous {
    z-index: 20;
    width: 7.467vw;
    height: 7.467vw;
    z-index: 10;
    margin-left: 3.1vw;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper {
    display: flex;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answer {
    width: 67.733vw;
    font-size: 3.2vw;
    font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 4.8vw;
    letter-spacing: normal;
    text-align: left;
    color: #777777;
    margin-top: 5.333vw;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answer .QuestionAndAnswer__answerLinkWrap .QuestionAndAnswer__answerLink {
    padding-top: 5.333vw;
    font-size: 3.733vw;
    cursor: pointer;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper .QuestionAndAnswer__answerIcon {
    width: 10.667vw;
    height: 10.667vw;
    margin: 5.333vw 2.933vw 0 4vw;
  }
  .QuestionAndAnswer .QuestionAndAnswer__answerWrapper.is-close {
    display: none;
  }

  .QuestionAndAnswer.QuestionAndAnswer--lastQa {
    border-bottom: 0px solid #dddddd;
  }
}
#transportation {
  position: relative;
  z-index: 1;
}
#transportation .pc {
  position: relative;
  z-index: 1;
}
#transportation .pc .Asection {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
#transportation .pc .Asection__top {
  position: relative;
  display: flex;
}
#transportation .pc .Asection__top-main {
  margin: 0 auto;
  width: 100%;
  height: intrinsic;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .Asection__top-main {
    max-width: 1240px;
  }
}
#transportation .pc .Asection__top-bg-0 {
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .Asection__top-bg-0 {
    height: 527px;
  }
}
#transportation .pc .Asection__main-2 {
  position: relative;
  margin-top: 0;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .Asection__main-2 {
    margin-top: 17px;
  }
}
#transportation .pc .Asection__main-2-wrap {
  position: relative;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .Asection__main-2-wrap {
    margin-top: -20px;
  }
}
#transportation .pc .Asection__main-2-wrap.lazyloaded {
  background-image: url("/ste-lam/one-world/image/transportation/campaign_gradient@2x.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#transportation .pc .Asection__main-2-campaign {
  margin: auto;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .Asection__main-2-campaign {
    transform: translateY(-106px);
    width: 100%;
  }
}
#transportation .pc .TransportationContents {
  margin-top: 8.9vw;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents {
    margin-top: 89px;
  }
}
#transportation .pc .TransportationContents.lazyloaded {
  background-image: url("/ste-lam/one-world/image/transportation/content_background1.png"), url("/ste-lam/one-world/image/transportation/content_background2.png"), url("/ste-lam/one-world/image/transportation/content_background3.png");
  background-position: left 24.5% top 11%, right 25.4% top 4.3%, bottom 42% left 25.8%;
  background-repeat: no-repeat;
}
#transportation .pc .TransportationContents__wrap {
  overflow-x: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#transportation .pc .TransportationContents__title {
  width: 44.9vw;
  margin: 1.1vw auto 4.4vw 26.5vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__title {
    width: 449px;
    margin: 11px auto 44px 265px;
  }
}
#transportation .pc .TransportationContents__texts {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__texts {
    font-size: 20px;
    line-height: 30px;
  }
}
#transportation .pc .TransportationContents__texts-2 {
  font-size: 1.8vw;
  margin-top: 2.6vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__texts-2 {
    font-size: 18px;
    margin-top: 26px;
  }
}
#transportation .pc .TransportationContents__contentWrapper {
  display: flex;
  justify-content: center;
  margin-top: 4vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__contentWrapper {
    margin-top: 40px;
  }
}
#transportation .pc .TransportationContents__content1 {
  width: 33.3vw;
  margin: 3.5vw auto 0 -0.1vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__content1 {
    width: 343px;
    margin: 35px auto 0 -1px;
  }
}
#transportation .pc .TransportationContents__content2 {
  width: 33vw;
  margin-left: -0.2vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__content2 {
    width: 340px;
    margin-left: -2px;
  }
}
#transportation .pc .TransportationContents__content3 {
  margin-top: 2.7vw;
  width: 33vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__content3 {
    width: 340px;
    margin-top: 27px;
  }
}
#transportation .pc .TransportationContents__title-slash {
  margin-top: 7.8vw;
  width: 55vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__title-slash {
    width: fit-content;
    margin-top: 78px;
  }
}
#transportation .pc .TransportationContents__area {
  width: 103vw;
  max-width: fit-content;
  margin: 1.44vw auto 5.6vw -1.5vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationContents__area {
    width: 1030px;
    margin: 14.4px auto 56px -15px;
  }
}
#transportation .pc .TransportationMap {
  text-align: center;
  width: 100vw;
  height: 74.2vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationMap {
    height: 742px;
  }
}
#transportation .pc .TransportationMap.lazyloaded {
  background-image: url("/ste-lam/one-world/image/transportation/map_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#transportation .pc .TransportationMap__wrap {
  overflow-x: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationMap__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#transportation .pc .TransportationMap__content {
  margin-top: -6.2vw;
  width: 103vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .TransportationMap__content {
    margin-top: -62px;
    width: 1030px;
    max-width: fit-content;
  }
}
#transportation .pc .OpenCampaign .OpenCampaign__backGround {
  margin-top: 10.48vw;
  position: relative;
  z-index: 1;
  height: 57.8vw;
  width: 100vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .OpenCampaign .OpenCampaign__backGround {
    height: 578px;
    margin-top: 104.8px;
  }
}
#transportation .pc .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/open_campaign_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#transportation .pc .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  position: relative;
  top: 1vw;
  z-index: 10;
  width: fit-content;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
    top: 63px;
  }
}
#transportation .pc .WelcomeLesson {
  margin-top: 60px;
  position: relative;
}
#transportation .pc .WelcomeLesson__wrap {
  overflow-x: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .WelcomeLesson__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#transportation .pc .WelcomeLesson img {
  width: 83vw;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .WelcomeLesson img {
    width: 830px;
  }
}
#transportation .pc .LinkTrialLesson {
  position: relative;
  z-index: -10;
}
#transportation .pc .LinkTrialLesson__wrap {
  overflow-x: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .LinkTrialLesson__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__backGround {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: -10;
  margin-top: -2vw;
  height: 44.5vw;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .LinkTrialLesson .LinkTrialLesson__backGround {
    margin-top: -20px;
    height: 445px;
  }
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/campaign_background.png");
  background-position: top center;
  background-repeat: no-repeat;
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content {
  max-width: fit-content;
  width: 101vw;
  margin: -0.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #transportation .pc .LinkTrialLesson .LinkTrialLesson__backGround .LinkTrialLesson_content {
    width: 1096px;
    margin: -36px auto 0 -14px;
  }
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__label {
  z-index: 10;
  position: absolute;
  bottom: 13.4vw;
  right: 13.8vw;
  width: 30vw;
  height: 4vw;
  object-fit: cover;
  padding: 0%;
  margin: 0 auto;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #transportation .pc .LinkTrialLesson .LinkTrialLesson__label {
    bottom: 134px;
    right: 118px;
    width: 300px;
    height: 40px;
  }
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__label img {
  width: 100%;
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__link {
  z-index: 1;
  position: absolute;
  bottom: 4.9vw;
  right: 6vw;
  width: 46vw;
  height: 10vw;
  object-fit: cover;
  padding: 0%;
  margin: 0 auto;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #transportation .pc .LinkTrialLesson .LinkTrialLesson__link {
    bottom: 49px;
    right: 40px;
    width: 460px;
    height: 100px;
  }
}
#transportation .pc .LinkTrialLesson .LinkTrialLesson__link img {
  width: 100%;
}
#transportation .sp {
  position: relative;
  z-index: 1;
}
#transportation .sp .KeyVisual__wrapper {
  position: relative;
}
#transportation .sp .KeyVisual__wrapper .KeyVisual__backGround--Top {
  position: relative;
  z-index: -1;
  margin: 60px auto 0 auto;
  width: 100vw;
  min-height: 82.4vw;
}
#transportation .sp .KeyVisual__wrapper .KeyVisual__backGround--Top.lazyloaded {
  background-image: url("/ste-lam/one-world/image/transportation/sp_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#transportation .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 722px;
  margin: 0 auto;
}
#transportation .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_open_campaign_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#transportation .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  margin: 0 auto;
}
#transportation .sp .KeyVisual__wrapper .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign {
  position: relative;
  top: 5.8667vw;
}
#transportation .sp .TransportationContents {
  margin-top: 13.7333vw;
  text-align: center;
}
#transportation .sp .TransportationContents .TransportationContents__title {
  margin: 0 auto 0 2.4vw;
  width: 66.6667vw;
}
#transportation .sp .TransportationContents .TransportationContents__texts {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.7333vw;
  font-weight: 600;
  line-height: 5.33334vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
#transportation .sp .TransportationContents .TransportationContents__texts-1 {
  margin: 8vw auto 0 5.6vw;
}
#transportation .sp .TransportationContents .TransportationContents__texts-2 {
  margin: 4.2667vw auto 0 1.0667vw;
}
#transportation .sp .TransportationContents .TransportationContents__contentWrapper {
  margin-top: 5.0667vw;
}
#transportation .sp .TransportationContents .TransportationContents__contentWrapper img {
  width: 100%;
}
#transportation .sp .TransportationContents .TransportationContents__title-slash {
  margin: 6.6667vw auto 0 0.53334vw;
  width: 70.8vw;
}
#transportation .sp .TransportationContents .TransportationContents__area {
  margin: 4vw auto 0;
  width: 100%;
}
#transportation .sp .TransportationMap {
  text-align: center;
  width: 100vw;
  height: 142.13334vw;
}
#transportation .sp .TransportationMap.lazyloaded {
  margin-top: -0.8vw;
  background-image: url("/ste-lam/one-world/image/transportation/sp_map_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#transportation .sp .TransportationMap__content {
  width: 97.33334vw;
  margin-top: 8.9333vw;
}
#transportation .sp .OpenCampaign .OpenCampaign__backGround {
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 705px;
  margin: 52px auto 0 auto;
}
#transportation .sp .OpenCampaign .OpenCampaign__backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_open_campaign_background.png");
  background-size: auto 188vw;
  background-repeat: no-repeat;
  background-position: center;
}
#transportation .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content {
  width: fit-content;
  margin: 0 auto;
}
#transportation .sp .OpenCampaign .OpenCampaign__backGround .OpenCampaign__content .c-campaign {
  position: relative;
  top: 23px;
}
#transportation .sp .WelcomeLesson {
  margin-top: 5.33334vw;
  height: 95.2vw;
  text-align: center;
  margin-bottom: -9.0667vw;
}
#transportation .sp .WelcomeLesson img {
  width: 100%;
}
#transportation .sp .LinkTrialLesson {
  display: flex;
  position: relative;
  z-index: -10;
  margin-bottom: 20px;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: -10;
  height: 130.6667vw;
  width: 100vw;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround.lazyloaded {
  background-image: url("/ste-lam/one-world/image/faq/sp_trial_lesson_back_ground.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content {
  position: relative;
  z-index: -1;
  height: 115.2vw;
  width: 89.0667vw;
  margin: 8.53334vw auto 0;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/transportation/lesson_section@2x.png");
  background-size: 89.0667vw auto;
  background-position: top center;
  background-repeat: no-repeat;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__label {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 10;
  position: relative;
  top: 59.4667vw;
  padding: 0%;
  text-align: center;
  width: 21.0667vw;
  margin: 0 auto;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__label img {
  width: 100%;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__link {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 1;
  position: relative;
  top: 55.4667vw;
  padding: 0%;
  text-align: center;
  width: 84.2667vw;
  margin: 0 auto;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__link img {
  width: 100%;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__cloud {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 1;
  position: relative;
  top: -6.6667vw;
  left: -0.2667vw;
  width: 26.1333vw;
}
#transportation .sp .LinkTrialLesson .LinkTrialLesson_backGround .LinkTrialLesson_content .LinkTrialLesson__cloud img {
  width: 100%;
}
#transportation .sp .ow__container {
  width: 100%;
  position: relative;
}
#transportation .sp .ow__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}

.sp .hidden {
  display: none !important;
}
.sp .drop-shadow {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
.sp .MenuContent {
  margin: 4vw 5.333vw 18.867vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
}
.sp .MenuContent__tabs {
  display: flex;
  align-items: center;
}
.sp .MenuContent__tabs-active {
  margin-right: -1.33vw;
}
.sp .MenuContent__tabs-active > img {
  width: 23.734vw;
  height: auto;
}
.sp .MenuContent__tabs-active.ml-22 {
  margin-left: 4.8vw;
}
.sp .MenuContent__tabs-active.ml-20 {
  margin-left: 5.33vw;
}
.sp .MenuContent__tabs-item {
  position: relative;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin-left: 5.33vw;
}
.sp .MenuContent__tabs-item > img {
  width: 17.07vw;
}
.sp .MenuContent__tabs-item.ml-0 {
  margin-left: 0;
}
.sp .MenuContent .menu_1_1, .sp .MenuContent .menu_1_3 {
  width: 28vw;
}
.sp .MenuContent .menu_1_2 {
  width: 31.2vw;
}
.sp .MenuContent .menu_2_1, .sp .MenuContent .menu_2_2, .sp .MenuContent .menu_3_1, .sp .MenuContent .menu_4_1, .sp .MenuContent .menu_4_2 {
  width: 43.73vw;
}
.sp .MenuContent__btns {
  display: flex;
  position: absolute;
  justify-content: space-between;
  gap: 0.53vw;
  left: 5.33vw;
}
.sp .MenuContent__btns.gap-9 {
  gap: 2.4vw;
}
.sp .MenuContent__btns.center-btn {
  justify-content: center;
  width: 80vw;
}
.sp .MenuContent__btns-active {
  display: inline-grid;
  align-items: center;
  border-radius: 5px;
  width: 28.2vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #eee;
  background-color: #4b9;
  text-align: center;
  color: #fff;
  font-size: 3.2vw;
  font-weight: normal;
  line-height: 4vw;
}
.sp .MenuContent__btns-o {
  display: flex;
  align-items: center;
  border-radius: 1.333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  border: solid 1px #eeeeee;
  height: 9.6vw;
  width: 31.4vw;
}
.sp .MenuContent__btns-o:first-of-type {
  background-color: #44bb99;
  justify-content: center;
}
.sp .MenuContent__btns-o:nth-of-type(2) {
  width: 31.2vw;
  background: #ffffff url(/ste-lam/one-world/image/eng-reading/pc/arrow_in_circle_border.svg) no-repeat calc(100% - 1.6vw) 50%;
  background-size: 4vw 4vw;
}
.sp .MenuContent__btns-o:nth-of-type(2) span {
  color: #44bb99;
  margin-left: 1.067vw;
}
.sp .MenuContent__btns-o:last-of-type {
  background: #ffffff url(/ste-lam/one-world/image/eng-reading/pc/arrow_in_circle_border.svg) no-repeat calc(100% - 1.6vw) 50%;
  background-size: 4vw 4vw;
}
.sp .MenuContent__btns-o:last-of-type span {
  color: #44bb99;
  margin-left: -4.933vw;
}
.sp .MenuContent__btns-o span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  line-height: 4vw;
  text-align: center;
  color: #ffffff;
}

.pc .hidden {
  display: none;
}
.pc .drop-shadow {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
.pc .Head {
  position: relative;
  margin-top: 80px;
}
.pc .Head__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media screen and (min-width: 1000px) {
  .pc .Head__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
.pc .Head__wrap img {
  width: 100%;
}
.pc .Head__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  height: 52.8vw;
}
@media screen and (min-width: 1000px) {
  .pc .Head__bg {
    height: 528px;
  }
}
.pc .MenuContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8.6vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent {
    margin-top: 86px;
  }
}
.pc .MenuContent__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto 35px;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__wrap {
    margin: 0 auto 35px;
    width: 1000px;
  }
}
.pc .MenuContent__btn__sub {
  position: absolute;
}
.pc .MenuContent__btn__sub.mr-30 {
  margin-left: 9.2vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__btn__sub.mr-30 {
    margin-left: 92px;
  }
}
.pc .MenuContent__btn__sub.ml-39 {
  margin-left: -3.9vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__btn__sub.ml-39 {
    margin-left: -39px;
  }
}
.pc .MenuContent__btn__sub.ml-73 {
  margin-left: 7.3vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__btn__sub.ml-73 {
    margin-left: 73px;
  }
}
.pc .MenuContent__btn__sub.ml-10 {
  margin-left: 1vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__btn__sub.ml-10 {
    margin-left: 10px;
  }
}
.pc .MenuContent__tabs {
  display: flex;
  align-items: center;
  margin-left: 14.05vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs {
    margin-left: 140.5px;
  }
}
.pc .MenuContent__tabs .menu_1_sub {
  width: 12.8vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs .menu_1_sub {
    width: 128px;
  }
}
.pc .MenuContent__tabs .menu_2_sub {
  width: 11vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs .menu_2_sub {
    width: 110px;
  }
}
.pc .MenuContent__tabs-active {
  position: relative;
  width: 16.7vw;
  height: 16.8vw;
  margin-left: 5.5vw;
  margin-right: 3.5vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs-active {
    width: 167px;
    height: 168px;
    margin-left: 55px;
    margin-right: 35px;
  }
}
.pc .MenuContent__tabs-active.mr-0 {
  margin-right: 0;
  margin-left: 0;
}
.pc .MenuContent__tabs-active.ml-0 {
  margin-left: 0;
}
.pc .MenuContent__tabs-active img {
  width: 100%;
}
.pc .MenuContent__tabs-item {
  position: relative;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
.pc .MenuContent__tabs-item img {
  width: 12vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs-item img {
    width: 120px;
  }
}
.pc .MenuContent__tabs-item.a {
  margin-left: 5.4vw;
  margin-right: 5.3vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs-item.a {
    margin-left: 54px;
    margin-right: 53px;
  }
}
.pc .MenuContent__tabs-item.ab {
  margin-left: 2.2vw;
  margin-right: 0;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs-item.ab {
    margin-left: 22px;
    margin-right: 0;
  }
}
.pc .MenuContent__tabs-item.b {
  margin-right: 5.4vw;
}
@media screen and (min-width: 1000px) {
  .pc .MenuContent__tabs-item.b {
    margin-right: 54px;
  }
}
.pc .MenuContent__tabs-item.c {
  margin-right: 0;
}

#carte section {
  width: 100%;
  max-width: 500px;
  margin: 250px auto 50px;
  border-radius: 10px;
  border: 1px solid white;
  background-color: #E8E8E8;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.3));
  transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  #carte section {
    margin-top: 160px;
  }
}
#carte section img {
  width: 100%;
}
#carte section .inner-section {
  margin-bottom: 40px;
}
#carte section .inner-block {
  width: 95%;
  margin: 0 auto;
  background-color: white;
}

.ow__container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .ow__container {
    width: 100vw;
  }
}
.ow__page-header {
  overflow: hidden;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .ow__page-header {
    margin-top: 60px;
  }
}
.ow__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 142px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  .ow__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  .ow__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__logo {
    top: 11.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  .ow__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  .ow__logo {
    left: calc(50% - 24.404vw);
  }
}
.ow__text--purple {
  color: #aa88ee;
}
.ow__text--blue {
  color: #4499cc;
}
.ow__text--pink {
  color: #dd77bb;
}
.ow__text--orange {
  color: #ee9966;
}
.ow__text--cyan {
  color: #64b6c8;
}
.ow__text--green {
  color: #44bb99;
}
.ow__text--image {
  width: 100%;
  height: 100%;
}
.ow__button {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  color: #ffffff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .ow__button {
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .ow__button {
    height: 7.4666666667vw;
  }
}
.ow__button--purple {
  background-color: #aa88ee;
}
.ow__button--blue {
  background-color: #4499cc;
}
.ow__button--pink {
  background-color: #dd77bb;
}
.ow__button--orange {
  background-color: #ee9966;
}
.ow__button--cyan {
  background-color: #64b6c8;
}
.ow__button--green {
  background-color: #44bb99;
}

.c-autumnBanner__innerWrapper {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-autumnBanner__content {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-autumnBanner__content {
    margin: 0 auto;
  }
  .c-autumnBanner__content img {
    margin: 0 auto;
  }
}
.c-autumnBanner__footer {
  display: inline-block;
  position: absolute;
  bottom: 35px;
  left: inherit;
  right: 5px;
  transform: translate(0, 0);
}
@media screen and (max-width: 767px) {
  .c-autumnBanner__footer {
    width: 75.2vw;
    bottom: 10px;
    left: 50%;
    right: inherit;
    transform: translate(-50%, 0);
  }
}

.autumn-banner__fixer {
  padding-bottom: 4px;
  margin-top: -32px;
}

#stem .autumn-banner__fixer {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  #stem .autumn-banner__fixer {
    margin-top: 57.333vw;
  }
}

#classroom .autumn-banner__fixer img {
  height: auto;
}

#instructor .autumn-banner__fixer {
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  #instructor .autumn-banner__fixer {
    margin-top: -12px;
  }
}

#transportation .autumn-banner__fixer {
  margin-top: -88px;
}
@media screen and (max-width: 767px) {
  #transportation .autumn-banner__fixer {
    margin-top: 0;
  }
}

#english .autumn-banner__fixer {
  background: url(/ste-lam/one-world/image/top/main-gradient-kv.png) no-repeat;
  background-size: cover;
  padding: 2px 0 2px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #english .autumn-banner__fixer {
    padding: 0 0 2px;
    margin-top: -30px;
  }
}

.pos-base {
  position: relative;
}
.pos-base.pc {
  width: 1000px;
  max-width: 100vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .pos-base.plus-200 {
    margin-right: -100px;
    margin-left: -100px;
  }
  .pos-base.plus-200 img {
    width: 1200px;
  }
  .pos-base.m-top-80-pc {
    margin-top: 80px;
  }
  .pos-base.w-860-pc {
    width: 860px;
  }
}
.pos-base.sp img {
  width: 100%;
  /* for SVG */
}
@media screen and (max-width: 767px) {
  .pos-base.m-top-20-sp {
    margin-top: 20px;
  }
}

.pos-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.pos-overlay.sp img {
  width: 100%;
  /* for SVG */
}

[id="3k"] .sp .HeaderMenu {
  top: 70px;
}
[id="3k"] .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
[id="3k"] .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
[id="3k"] .sp .TitleContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 7.2vw 8.267vw;
  align-items: center;
}
[id="3k"] .sp .TitleContent span:first-of-type {
  margin-bottom: 3.2vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.33;
  color: #ee9966;
}
[id="3k"] .sp .TitleContent span:nth-of-type(2) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 8.533vw;
  font-weight: 400;
  line-height: 1.56;
  letter-spacing: 0.853vw;
  color: #ee9966;
}
[id="3k"] .sp .TitleContent span:nth-of-type(3) {
  margin-bottom: 4.267vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.33;
  color: #ee9966;
}
[id="3k"] .sp .TitleContent span:nth-of-type(4) {
  margin-bottom: 9.6vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: 0.05em;
  text-align: left;
  color: #777777;
}
[id="3k"] .sp .TitleContent span:last-of-type {
  position: relative;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.1em;
  color: #666666;
}
[id="3k"] .sp .TitleContent span:last-of-type::before {
  content: "";
  background-color: #ffffff;
  border-bottom: 2px solid #666666;
  width: 5.467vw;
  height: 1px;
  position: absolute;
  margin-left: -7.467vw;
  margin-top: 3.467vw;
  transform: rotate(60deg);
}
[id="3k"] .sp .TitleContent span:last-of-type::after {
  content: "";
  background-color: #ffffff;
  border-bottom: 2px solid #666666;
  width: 5.467vw;
  height: 1px;
  position: absolute;
  margin-left: 0.467vw;
  margin-top: 3.467vw;
  transform: rotate(-60deg);
}
[id="3k"] .sp .QuestionOne {
  position: relative;
  display: flex;
  flex-direction: column;
}
[id="3k"] .sp .QuestionOne__bg {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
[id="3k"] .sp .QuestionOne__head {
  position: relative;
  display: flex;
  flex-direction: column;
}
[id="3k"] .sp .QuestionOne__head img:first-of-type {
  width: 70.24vw;
  margin: -1.6vw 5.333vw auto auto;
  z-index: 1;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__head img:nth-of-type(2) {
  width: 34.4vw;
  margin: -37.6vw auto auto 8vw;
  z-index: 2;
}
[id="3k"] .sp .QuestionOne__head img:last-of-type {
  width: 67.467vw;
  z-index: 3;
  margin: -19.733vw auto auto 18.133vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__arrow {
  width: 5.925vw;
  margin: 3.547vw auto -5.2vw;
}
[id="3k"] .sp .QuestionOne__arrow:nth-of-type(2) {
  margin: 1.893vw auto -5.067vw;
}
[id="3k"] .sp .QuestionOne__step {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 56.8vw;
}
[id="3k"] .sp .QuestionOne__step img:first-of-type {
  position: absolute;
  object-fit: cover;
  z-index: 1;
  left: 2.4vw;
}
[id="3k"] .sp .QuestionOne__step img:nth-of-type(2) {
  width: 45.334vw;
  z-index: 2;
  margin-left: 5.3334vw;
  margin-top: 4.533vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__step img:last-of-type {
  width: 53.232vw;
  height: 29.867vw;
  position: absolute;
  right: 5.333vw;
  bottom: 4.933vw;
  z-index: 3;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__step-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 65.6vw;
}
[id="3k"] .sp .QuestionOne__step-1 img:first-of-type {
  position: absolute;
  object-fit: cover;
  z-index: 1;
  right: 5.333vw;
  left: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__step-1 img:nth-of-type(2) {
  width: 45.334vw;
  z-index: 2;
  margin-right: 6.933vw;
  margin-left: auto;
  margin-top: 7.2vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionOne__step-1 img:last-of-type {
  width: 53.155vw;
  height: 45.867vw;
  position: absolute;
  left: 5.333vw;
  bottom: 7.867vw;
  z-index: 3;
}
[id="3k"] .sp .QuestionOne__btn {
  display: flex;
  margin: -4.267vw auto 0;
  width: 69.333vw;
  height: 16vw;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background: #a9ce4e url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 4.533vw) 50%;
  background-size: 2.691vw 4.445vw;
}
[id="3k"] .sp .QuestionOne__btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.8vw;
  text-align: center;
  color: #ffffff;
  margin: 3.6vw auto 3.067vw 14.587vw;
}
[id="3k"] .sp .QuestionTwo {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 13.467vw;
}
[id="3k"] .sp .QuestionTwo__bg {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
[id="3k"] .sp .QuestionTwo__head {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 73.067vw;
  margin-top: 5.733vw;
}
[id="3k"] .sp .QuestionTwo__head img:first-of-type {
  width: 70.24vw;
  margin: 1.6vw auto 0 5.333vw;
  z-index: 1;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionTwo__head img:last-of-type {
  width: 34.4vw;
  z-index: 2;
  position: absolute;
  right: 8vw;
  bottom: 0;
}
[id="3k"] .sp .QuestionTwo__arrow {
  width: 6.029vw;
  margin: 1.76vw auto 1.973vw;
}
[id="3k"] .sp .QuestionTwo__arrow:nth-of-type(2) {
  margin: 5.227vw auto 3.84vw;
}
[id="3k"] .sp .QuestionTwo__step {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 90.933vw;
}
[id="3k"] .sp .QuestionTwo__step img:first-of-type {
  width: 69.333vw;
  margin: 0 auto 0 5.333vw;
  z-index: 1;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionTwo__step img:nth-of-type(2) {
  position: absolute;
  right: 2.667vw;
  bottom: 8vw;
  width: 55.157vw;
}
[id="3k"] .sp .QuestionTwo__step img:last-of-type {
  width: 45.333vw;
  height: 45.333vw;
  position: absolute;
  right: 5.333vw;
  bottom: 8vw;
  z-index: 2;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionTwo__step-btn {
  position: absolute;
  display: flex;
  bottom: 0;
  width: 69.333vw;
  z-index: 3;
  height: 16vw;
  border-radius: 30px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  background: #66bbcc url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 4.533vw) 50%;
  background-size: 2.691vw 4.445vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
[id="3k"] .sp .QuestionTwo__step-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.8vw;
  text-align: center;
  color: #ffffff;
  margin: 3.6vw auto 3.067vw 14.587vw;
}
[id="3k"] .sp .QuestionTwo__step-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 72.533vw;
}
[id="3k"] .sp .QuestionTwo__step-1 img:first-of-type {
  width: 53.624vw;
  margin: 0 5.333vw 0 auto;
  z-index: 2;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionTwo__step-1 img:nth-of-type(2) {
  position: absolute;
  left: 2.667vw;
  top: 8.08vw;
  width: 56.608vw;
}
[id="3k"] .sp .QuestionTwo__step-1 img:last-of-type {
  width: 45.333vw;
  height: 45.333vw;
  position: absolute;
  left: 4.8vw;
  top: 8vw;
  z-index: 1;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .sp .QuestionTwo__step-1-btn {
  position: absolute;
  display: flex;
  bottom: 0;
  width: 69.333vw;
  z-index: 3;
  height: 16vw;
  border-radius: 30px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  background: #66bbcc url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 4.533vw) 50%;
  background-size: 2.691vw 4.445vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
[id="3k"] .sp .QuestionTwo__step-1-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 4.8vw;
  text-align: center;
  color: #ffffff;
  margin: 3.6vw auto 3.067vw 14.587vw;
}
[id="3k"] .sp .ThreeThings {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 16vw;
}
[id="3k"] .sp .ThreeThings__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
}
[id="3k"] .sp .ThreeThings__title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  color: #ffffff;
  text-align: center;
  margin: 6.933vw auto 10.133vw;
}
[id="3k"] .sp .ThreeThings__first {
  position: relative;
  display: flex;
  flex-direction: column;
}
[id="3k"] .sp .ThreeThings__first img:first-of-type {
  margin: 0 auto;
  z-index: 1;
  width: 90%;
  max-width: 400px;
}
[id="3k"] .sp .ThreeThings__first img:nth-of-type(2) {
  margin: -2.933vw auto;
  width: 72.533vw;
}
[id="3k"] .sp .ThreeThings__first img:nth-of-type(3) {
  position: absolute;
  top: 2.533vw;
  left: 15.2vw;
  width: 23.733vw;
}
[id="3k"] .sp .ThreeThings__first-box {
  display: flex;
  position: relative;
  margin: 2.933vw 11.467vw 0 15.2vw;
}
[id="3k"] .sp .ThreeThings__first-box img:first-child {
  width: 100%;
}
[id="3k"] .sp .ThreeThings__first-box-text {
  margin-top: 6vw;
  margin-left: 3.467vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 6.133vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 1.733vw;
  display: inline-flex;
  flex-direction: column;
}
[id="3k"] .sp .ThreeThings__first-box-text span {
  border-bottom: solid 1px #ffffff;
  padding-bottom: 0.533vw;
  word-break: keep-all;
  width: max-content;
}
[id="3k"] .sp .ThreeThings__second {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8vw;
}
[id="3k"] .sp .ThreeThings__second img:first-of-type {
  margin: 0 auto;
  z-index: 1;
  width: 90%;
  max-width: 400px;
}
[id="3k"] .sp .ThreeThings__second img:nth-of-type(2) {
  margin: -2.933vw auto;
  width: 72.533vw;
}
[id="3k"] .sp .ThreeThings__second img:nth-of-type(3) {
  position: absolute;
  top: 0.933vw;
  right: 14.667vw;
  width: 22.301vw;
}
[id="3k"] .sp .ThreeThings__second-box {
  display: flex;
  position: relative;
  margin: 2.933vw 19.333vw 0 11.2vw;
}
[id="3k"] .sp .ThreeThings__second-box img:first-child {
  width: 100%;
}
[id="3k"] .sp .ThreeThings__second-box-text {
  display: flex;
  flex-direction: column;
  margin-top: 6vw;
  margin-left: 3.467vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 6.133vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 1.467vw;
}
[id="3k"] .sp .ThreeThings__second-box-text span {
  border-bottom: solid 1px #ffffff;
  word-break: keep-all;
  text-align: center;
}
[id="3k"] .sp .ThreeThings__second-box:last-of-type {
  display: flex;
  position: relative;
  margin: -15.867vw 4.267vw 0 16vw;
  align-items: flex-end;
  justify-content: space-between;
}
[id="3k"] .sp .ThreeThings__second-box:last-of-type img:last-child {
  margin: 0;
  z-index: 1;
  width: 100%;
}
[id="3k"] .sp .ThreeThings__second-box:last-of-type .ThreeThings__second-box-text {
  margin: auto -0.8vw 0 0;
}
[id="3k"] .sp .ThreeThings__third {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 22.4px;
}
[id="3k"] .sp .ThreeThings__third img:first-of-type {
  margin: 0 auto;
  z-index: 1;
  width: 90%;
  max-width: 400px;
}
[id="3k"] .sp .ThreeThings__third img:nth-of-type(2) {
  margin: -2.933vw auto;
  width: 72.533vw;
}
[id="3k"] .sp .ThreeThings__third img:nth-of-type(3) {
  position: absolute;
  top: -2.533vw;
  right: 15.2vw;
  width: 24.045vw;
}
[id="3k"] .sp .ThreeThings__third-box {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 8.267vw 12vw 0 13.733vw;
}
[id="3k"] .sp .ThreeThings__third-box-text {
  display: flex;
  flex-direction: column;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 6.133vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 1.6vw;
}
[id="3k"] .sp .ThreeThings__third-box-text span {
  border-bottom: solid 1px #ffffff;
  word-break: keep-all;
}
[id="3k"] .sp .ThreeThings__third-box img:last-of-type {
  width: 42.933vw;
  margin-top: -4.533vw;
  margin-right: 0;
}
[id="3k"] .pc .Head {
  position: relative;
  margin-top: 80px;
}
[id="3k"] .pc .Head__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .Head__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
[id="3k"] .pc .Head__wrap img {
  width: 100%;
}
[id="3k"] .pc .Head__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  height: 53vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .Head__bg {
    height: 530px;
  }
}
[id="3k"] .pc .TitleContent {
  position: relative;
  margin-top: 9.3vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent {
    margin-top: 93px;
  }
}
[id="3k"] .pc .TitleContent__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
[id="3k"] .pc .TitleContent span:first-of-type {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.1em;
  color: #ee9966;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:first-of-type {
    font-size: 36px;
    line-height: 50px;
  }
}
[id="3k"] .pc .TitleContent span:nth-of-type(2) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 6.8vw;
  font-weight: 400;
  line-height: 9.4vw;
  letter-spacing: 0.1em;
  color: #ee9966;
  margin-top: 1.1vw;
  margin-bottom: 1.7vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:nth-of-type(2) {
    font-size: 68px;
    line-height: 94px;
    margin-top: 11px;
    margin-bottom: 17px;
  }
}
[id="3k"] .pc .TitleContent span:nth-of-type(3) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.1em;
  color: #ee9966;
  margin-bottom: 2.7vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:nth-of-type(3) {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 27px;
  }
}
[id="3k"] .pc .TitleContent span:nth-of-type(4) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  color: #777777;
  margin-bottom: 5.3vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:nth-of-type(4) {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 53px;
  }
}
[id="3k"] .pc .TitleContent span:last-of-type {
  position: relative;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.1em;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:last-of-type {
    font-size: 36px;
    line-height: 50px;
  }
}
[id="3k"] .pc .TitleContent span:last-of-type::before {
  content: "";
  background-color: #ffffff;
  border-bottom: 2px solid #222222;
  width: 4.1vw;
  height: 1px;
  position: absolute;
  left: -4.35vw;
  top: 2.5vw;
  transform: rotate(60deg);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:last-of-type::before {
    width: 41px;
    left: -43.5px;
    top: 25px;
    border-bottom: 3px solid #222222;
  }
}
[id="3k"] .pc .TitleContent span:last-of-type::after {
  content: "";
  background-color: #ffffff;
  border-bottom: 2px solid #222222;
  height: 1px;
  width: 4.1vw;
  position: absolute;
  right: -4.35vw;
  top: 2.4vw;
  transform: rotate(-60deg);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .TitleContent span:last-of-type::after {
    width: 41px;
    right: -43.5px;
    top: 24px;
    border-bottom: 3px solid #222222;
  }
}
[id="3k"] .pc .QuestionOne {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 2.1vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne {
    margin-top: 21px;
  }
}
[id="3k"] .pc .QuestionOne__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
[id="3k"] .pc .QuestionOne__head {
  display: block;
  position: relative;
  margin: 4.39vw auto 0 37.55vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__head {
    margin: 43.9px auto 0 375.5px;
  }
}
[id="3k"] .pc .QuestionOne__head img:first-of-type {
  width: 29.94vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__head img:first-of-type {
    width: 299.4px;
  }
}
[id="3k"] .pc .QuestionOne__head img:nth-of-type(2) {
  position: absolute;
  width: 16.9vw;
  top: 1.61vw;
  left: -8.4vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__head img:nth-of-type(2) {
    width: 169px;
    top: 16.1px;
    left: -84px;
  }
}
[id="3k"] .pc .QuestionOne__head img:last-of-type {
  position: absolute;
  width: 29.119vw;
  right: -12.78vw;
  top: 12.29vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__head img:last-of-type {
    width: 291.19px;
    right: -127.8px;
    top: 122.9px;
  }
}
[id="3k"] .pc .QuestionOne__steps {
  display: flex;
  margin: 9.89vw auto 0 4.3vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps {
    margin: 98.9px auto 0 43px;
  }
}
[id="3k"] .pc .QuestionOne__steps-1 {
  position: relative;
}
[id="3k"] .pc .QuestionOne__steps-1 img:first-of-type {
  width: 37.938vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-1 img:first-of-type {
    width: 379.38px;
  }
}
[id="3k"] .pc .QuestionOne__steps-1 img:nth-of-type(2) {
  position: absolute;
  width: 30.5vw;
  top: 5.67vw;
  left: 5.5vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-1 img:nth-of-type(2) {
    width: 305px;
    top: 56.7px;
    left: 55px;
  }
}
[id="3k"] .pc .QuestionOne__steps-1 img:last-of-type {
  position: absolute;
  width: 22.65vw;
  right: -4.76vw;
  bottom: 8.72vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-1 img:last-of-type {
    width: 226.5px;
    right: -47.6px;
    bottom: 87.2px;
  }
}
[id="3k"] .pc .QuestionOne__steps-1::after {
  content: "";
  width: 6.7vw;
  height: 7.6vw;
  background: url(/ste-lam/one-world/image/3000/pc/arrow_dir_left_green_pc.svg) no-repeat center center;
  background-size: cover;
  top: 1.6vw;
  right: -2.7vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-1::after {
    width: 67px;
    height: 76px;
    top: 16px;
    right: -27px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2 {
  position: relative;
  margin-left: 18vw;
  margin-top: 2.17vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2 {
    margin-left: 180px;
    margin-top: 21.7px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2 img:first-of-type {
  width: 331.46px;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2 img:first-of-type {
    width: 331.46px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2 img:nth-of-type(2) {
  position: absolute;
  width: 23.8vw;
  top: 3.45vw;
  right: 1.05vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2 img:nth-of-type(2) {
    width: 238px;
    top: 34.5px;
    right: 10.5px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2 img:last-of-type {
  position: absolute;
  width: 24.65vw;
  left: -8.8vw;
  top: 12.85vw;
  bottom: 8.72vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2 img:last-of-type {
    width: 246.5px;
    left: -88px;
    top: 128.5px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2-btn {
  position: absolute;
  display: flex;
  bottom: 0.75vw;
  left: 1.45vw;
  width: 32vw;
  height: 6vw;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background: #a9ce4e url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 1.97vw) 50%;
  background-size: 1.211vw 2vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2-btn {
    width: 320px;
    height: 60px;
    background: #a9ce4e url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 19.7px) 50%;
    background-size: 12.11px 20px;
    bottom: 7.5px;
    left: 14.5px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 2vw;
  text-align: center;
  color: #ffffff;
  margin: 0.9vw auto 0.6vw 4.1vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2-btn span {
    font-size: 18px;
    line-height: 20px;
    margin: 9px auto 6px 41px;
  }
}
[id="3k"] .pc .QuestionOne__steps-2::after {
  content: "";
  width: 6.6748vw;
  height: 7.5611vw;
  background: url(/ste-lam/one-world/image/3000/pc/arrow_dir_right_green_pc.svg) no-repeat center center;
  background-size: cover;
  top: -0.5vw;
  left: -2.8vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__steps-2::after {
    width: 66.748px;
    height: 75.611px;
    top: -5px;
    left: -28px;
  }
}
[id="3k"] .pc .QuestionOne__bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionOne__bg {
    max-width: 1062px;
  }
}
[id="3k"] .pc .QuestionTwo {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 9.78vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo {
    margin-top: 97.8px;
  }
}
[id="3k"] .pc .QuestionTwo__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
[id="3k"] .pc .QuestionTwo__head {
  display: block;
  position: relative;
  margin: 6.19vw auto 0 28.08vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__head {
    margin: 61.9px auto 0 280.8px;
  }
}
[id="3k"] .pc .QuestionTwo__head img:first-of-type {
  width: 29.94vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__head img:first-of-type {
    width: 299.4px;
  }
}
[id="3k"] .pc .QuestionTwo__head img:last-of-type {
  position: absolute;
  width: 17.663vw;
  right: -13.42vw;
  top: -1.49vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__head img:last-of-type {
    width: 176.63px;
    right: -134.2px;
    top: -14.9px;
  }
}
[id="3k"] .pc .QuestionTwo__steps {
  display: flex;
  margin: 11.8vw auto 0 8.35vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps {
    margin: 118px auto 0 83.5px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1 {
  position: relative;
}
[id="3k"] .pc .QuestionTwo__steps-1 img:first-of-type {
  width: 35.75vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1 img:first-of-type {
    width: 357.5px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1 img:nth-of-type(2) {
  position: absolute;
  width: 30vw;
  top: 5.26vw;
  left: 9.7vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1 img:nth-of-type(2) {
    width: 300px;
    top: 52.6px;
    left: 97px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1 img:last-of-type {
  position: absolute;
  width: 23.491vw;
  left: -3.8vw;
  top: -3.64vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1 img:last-of-type {
    width: 234.91px;
    left: -38px;
    top: -36.4px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1-btn {
  position: absolute;
  display: flex;
  bottom: -3.01vw;
  left: 4.6vw;
  width: 32vw;
  height: 6vw;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background: #64b6c8 url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 1.97vw) 50%;
  background-size: 1.211vw 2vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1-btn {
    width: 320px;
    height: 60px;
    background: #64b6c8 url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 19.7px) 50%;
    background-size: 12.11px 20px;
    bottom: -30.1px;
    left: 46px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 2vw;
  text-align: center;
  color: #ffffff;
  margin: 0.9vw auto 0.6vw 4.1vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1-btn span {
    font-size: 18px;
    line-height: 20px;
    margin: 9px auto 6px 41px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-1::after {
  content: "";
  width: 6.7vw;
  height: 7.6vw;
  background: url(/ste-lam/one-world/image/3000/pc/arrow_dir_left_blue_pc.svg) no-repeat center center;
  background-size: cover;
  top: -2.6vw;
  right: 4.9vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-1::after {
    width: 67px;
    height: 76px;
    top: -26px;
    right: 49px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2 {
  position: relative;
  margin-left: 5.95vw;
  margin-top: 4.99vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2 {
    margin-left: 59.5px;
    margin-top: 49.9px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2 img:first-of-type {
  width: 35.863vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2 img:first-of-type {
    width: 358.63px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2 img:nth-of-type(2) {
  position: absolute;
  width: 28.5vw;
  top: 0.11vw;
  right: 2.86vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2 img:nth-of-type(2) {
    width: 285px;
    top: 1.1px;
    right: 28.6px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2 img:last-of-type {
  position: absolute;
  width: 24.95vw;
  right: -12.9vw;
  top: -8.69vw;
  bottom: 8.72vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2 img:last-of-type {
    width: 249.5px;
    right: -129px;
    top: -86.9px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2-btn {
  position: absolute;
  display: flex;
  bottom: -3.01vw;
  left: 2.8vw;
  width: 32vw;
  height: 6vw;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background: #64b6c8 url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 1.97vw) 50%;
  background-size: 1.211vw 2vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2-btn {
    width: 320px;
    height: 60px;
    background: #64b6c8 url(/ste-lam/one-world/image/3000/sp/arrow_right.svg) no-repeat calc(100% - 19.7px) 50%;
    background-size: 12.11px 20px;
    bottom: -30.1px;
    left: 28px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 2vw;
  text-align: center;
  color: #ffffff;
  margin: 0.9vw auto 0.6vw 4.1vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2-btn span {
    font-size: 18px;
    line-height: 20px;
    margin: 9px auto 6px 41px;
  }
}
[id="3k"] .pc .QuestionTwo__steps-2::after {
  content: "";
  width: 6.6748vw;
  height: 7.5611vw;
  background: url(/ste-lam/one-world/image/3000/pc/arrow_dir_right_blue_pc.svg) no-repeat center center;
  background-size: cover;
  top: -8.3vw;
  left: 10vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__steps-2::after {
    width: 66.748px;
    height: 75.611px;
    top: -83px;
    left: 100px;
  }
}
[id="3k"] .pc .QuestionTwo__bg {
  position: absolute;
  width: 93.2vw;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .QuestionTwo__bg {
    margin: 0 auto;
    display: block;
    max-width: 965px;
  }
}
[id="3k"] .pc .ThreeThings {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 13.01vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings {
    margin-top: 130.1px;
  }
}
[id="3k"] .pc .ThreeThings__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 10px 2.15vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__wrap {
    margin: 0 auto 21.5px;
    width: 1000px;
  }
}
[id="3k"] .pc .ThreeThings__title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #ffffff;
  margin: 3.6vw auto 0;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__title {
    font-size: 36px;
    line-height: 50px;
    margin: 36px auto 0;
  }
}
[id="3k"] .pc .ThreeThings__box {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 9vw;
  margin-top: 8.7vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box {
    column-gap: 90px;
    margin-top: 87px;
  }
}
[id="3k"] .pc .ThreeThings__box-item {
  position: relative;
  overflow: visible;
}
[id="3k"] .pc .ThreeThings__box .Aitem {
  margin-top: 6.25vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem {
    margin-top: 62.5px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-num {
  position: absolute;
  width: 6.4vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -4.9vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 2;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem-num {
    width: 64px;
    top: -49px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-main {
  width: 100%;
  z-index: 0;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .pc .ThreeThings__box .Aitem-icon {
  position: absolute;
  width: 10.48vw;
  left: -1.5vw;
  top: -4.43vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem-icon {
    width: 104.8px;
    left: -15px;
    top: -44.3px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-o {
  display: flex;
  position: relative;
  margin-top: 0.7vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem-o {
    margin-top: 7px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-o img {
  width: 14.2vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem-o img {
    width: 142px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-o-text {
  margin-top: 1.5vw;
  margin-left: 1vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2.4vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 0.7vw;
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Aitem-o-text {
    margin-top: 15px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 24px;
    padding-top: 7px;
  }
}
[id="3k"] .pc .ThreeThings__box .Aitem-o-text span {
  border-bottom: solid 1px #ffffff;
  padding-bottom: 1px;
  word-break: keep-all;
  width: max-content;
}
[id="3k"] .pc .ThreeThings__box .Bitem {
  margin-top: 0;
}
[id="3k"] .pc .ThreeThings__box .Bitem-num {
  position: absolute;
  width: 6.4vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -4.9vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 2;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-num {
    width: 64px;
    top: -49px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-main {
  width: 100%;
  z-index: 0;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .pc .ThreeThings__box .Bitem-icon {
  position: absolute;
  width: 9.345vw;
  right: -0.88vw;
  top: -4.96vw;
  left: auto;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-icon {
    width: 93.45px;
    right: -8.8px;
    top: -49.6px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o {
  display: flex;
  position: relative;
  margin-top: 1.6vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-o {
    margin-top: 16px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o img {
  width: 14.1vw;
  margin-left: 0;
  z-index: 5;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-o img {
    width: 141px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o-text {
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
  margin-left: -1.15vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2.4vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 0.6vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-o-text {
    margin-top: 20px;
    margin-left: -11.5px;
    font-size: 12px;
    line-height: 24px;
    padding-top: 6px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o-text span {
  border-bottom: solid 1px #ffffff;
  word-break: keep-all;
  text-align: center;
}
[id="3k"] .pc .ThreeThings__box .Bitem-o:last-of-type {
  display: flex;
  position: relative;
  margin: -6.25vw auto 0 3.2vw;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-o:last-of-type {
    margin: -62.5px auto 0 32px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o:last-of-type img {
  margin: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: 1.5vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Bitem-o:last-of-type img {
    margin-bottom: 15px;
  }
}
[id="3k"] .pc .ThreeThings__box .Bitem-o:last-of-type .Bitem-o-text {
  margin: 0;
}
[id="3k"] .pc .ThreeThings__box .Citem {
  margin-top: 6.25vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem {
    margin-top: 62.5px;
  }
}
[id="3k"] .pc .ThreeThings__box .Citem-num {
  position: absolute;
  width: 6.4vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -4.9vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  z-index: 2;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem-num {
    width: 64px;
    top: -49px;
  }
}
[id="3k"] .pc .ThreeThings__box .Citem-main {
  width: 100%;
  z-index: 0;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
[id="3k"] .pc .ThreeThings__box .Citem-icon {
  position: absolute;
  width: 10.48vw;
  left: -2.82vw;
  top: -6.87vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem-icon {
    width: 104.8px;
    left: -28.2px;
    top: -68.7px;
  }
}
[id="3k"] .pc .ThreeThings__box .Citem-o {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 1.35vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem-o {
    margin-top: 13.5px;
  }
}
[id="3k"] .pc .ThreeThings__box .Citem-o-text {
  display: flex;
  flex-direction: column;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2.4vw;
  text-align: left;
  color: #666666;
  border-top: solid 1px #ffffff;
  padding-top: 0.6vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem-o-text {
    font-size: 12px;
    line-height: 24px;
    padding-top: 6px;
  }
}
[id="3k"] .pc .ThreeThings__box .Citem-o-text span {
  border-bottom: solid 1px #ffffff;
  word-break: keep-all;
}
[id="3k"] .pc .ThreeThings__box .Citem-o img {
  width: 16.1vw;
  margin-right: 0;
  margin: -2.3vw 0 auto auto;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__box .Citem-o img {
    width: 161px;
    margin: -23px 0 auto auto;
  }
}
[id="3k"] .pc .ThreeThings__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  height: 76.086vw;
}
@media screen and (min-width: 1000px) {
  [id="3k"] .pc .ThreeThings__bg {
    height: fit-content;
  }
}

#Form .HeaderMenu {
  display: none;
}
#Form .l-FloatFooter {
  display: none;
}
#Form .Content {
  max-width: 1000px;
  margin: 0 auto;
}
#Form .KeyVisual {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  #Form .KeyVisual {
    margin-top: 60px;
  }
}
#Form .KeyVisual__wrapper {
  position: relative;
}
#Form .KeyVisual__background {
  position: absolute;
  z-index: -1;
  margin-top: 60px;
  /* header-height */
  width: 100vw;
  min-height: 600px;
}
#Form .KeyVisual__note {
  position: absolute;
  text-align: center;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
}
#Form .KeyVisual__note.sp {
  bottom: 10px;
  font-size: 12px;
  line-height: 18px;
}
#Form .KeyVisual__note.pc {
  bottom: 45px;
  font-size: 15px;
  line-height: 25px;
}
#Form .Campaign__background {
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  position: relative;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
}
#FormFlow {
  width: 100%;
}
#FormFlow__guide {
  padding: 20px;
  line-height: 1.8em;
  text-align: center;
}
#Form .OpenDate__title {
  border-radius: 30px;
  background-color: #aa88ee;
  color: white;
  height: 45px;
  width: 25vw;
  margin: 0 auto -22.5px auto;
  position: relative;
}
#Form .OpenDate__titleText {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
#Form .OpenDateFrame {
  border-radius: 20px;
  border: 3px solid #aa88ee;
  margin: 0 20px;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  #Form .OpenDateFrame {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #Form .OpenDateInfomation {
    width: 30%;
  }
}
#Form .OpenDateInfomation__title {
  position: relative;
  border-radius: 18px;
  background-color: rgba(68, 187, 153, 0.3);
  font-size: 18px;
  color: #666666;
  height: 36px;
  width: 100%;
  margin: 20px auto;
}
#Form .OpenDateInfomation__titleText {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
#Form .OpenDateInfomation__list {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #d4d4d4;
  padding: 13px;
  font-size: 16px;
}
#Form .OpenDateInfomation__list:first-child {
  border-top: solid 1px #d4d4d4;
}
#Form .OpenDateInfomation__listName {
  color: #44bb99;
}
#Form .OpenDateInfomation__listName::before {
  content: "";
}
#Form .OpenDateInfomation__listDate {
  text-align: right;
  color: #666666;
}
@media screen and (min-width: 768px) {
  #Form .OpenDateExperience {
    width: 30%;
  }
}
#Form .OpenDateExperience__title {
  position: relative;
  border-radius: 18px;
  background-color: rgba(68, 153, 204, 0.3);
  font-size: 18px;
  color: #666666;
  height: 36px;
  width: 100%;
  margin: 20px auto;
}
#Form .OpenDateExperience__titleText {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
#Form .OpenDateExperience__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #d4d4d4;
  padding: 10px;
  font-size: 16px;
}
#Form .OpenDateExperience__list:first-child {
  border-top: solid 1px #d4d4d4;
}
#Form .OpenDateExperience__listName {
  width: 100%;
  color: #4499cc;
}
#Form .OpenDateExperience__listName::before {
  content: "";
}
#Form .OpenDateExperience__listDate {
  width: 100%;
  text-align: center;
  color: #666666;
}
@media screen and (min-width: 768px) {
  #Form .OpenDateTour {
    width: 30%;
    position: relative;
    min-height: 300px;
  }
}
#Form .OpenDateTour__title {
  position: relative;
  border-radius: 18px;
  background-color: rgba(170, 136, 238, 0.3);
  font-size: 18px;
  color: #666666;
  height: 36px;
  width: 100%;
  margin: 20px auto;
}
#Form .OpenDateTour__titleText {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
#Form .OpenDateTour__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #d4d4d4;
  padding: 10px;
  font-size: 16px;
}
#Form .OpenDateTour__list:first-child {
  border-top: solid 1px #d4d4d4;
}
#Form .OpenDateTour__listName {
  width: 100%;
  text-align: center;
  color: #aa88ee;
}
#Form .OpenDateTour__listName::before {
  content: "";
}
#Form .OpenDateTour__listDate {
  width: 100%;
  text-align: center;
  color: #666666;
}
#Form .OpenDateTour__image {
  position: absolute;
  bottom: -20%;
  left: 20%;
}

#FormConfirm {
  display: none;
}
#FormConfirmInfo dt {
  float: left;
}
#FormConfirmInfo dd {
  margin-left: 80px;
}

#FormComplete {
  margin-top: 150px;
}
@media screen and (min-width: 768px) {
  #FormComplete {
    margin-top: 250px;
  }
}
#FormComplete .Message {
  padding: 20px;
  margin-bottom: 100px;
}

#classroom .page-header {
  position: relative;
}
#classroom .page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#classroom .page-header__content {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__content {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__content {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__content {
    height: 109.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__content {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__content {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__content {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__content {
    margin-right: 0vw;
  }
}
#classroom .page-header__content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-kv/kv-bg.jpg");
}
#classroom .page-header__wrapper {
  width: 480px;
  height: 480px;
  position: absolute;
  left: calc(50% - 240px);
  top: 91px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__wrapper {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__wrapper {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__wrapper {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__wrapper {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__wrapper {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__wrapper {
    left: calc(50% - 34.6666666667vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__wrapper {
    top: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__wrapper {
    top: 13.0666666667vw;
  }
}
#classroom .page-header__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-kv/kv-content-bg.svg");
}
#classroom .page-header__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 142px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__logo {
    top: 11.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__logo {
    left: calc(50% - 24.404vw);
  }
}
#classroom .page-header__title {
  position: absolute;
  width: 327.308px;
  height: 50.064px;
  top: 247.2px;
  left: calc(50% - 163.654px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__title {
    width: 26.3958064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__title {
    width: 58.056vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__title {
    height: 4.0374193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__title {
    height: 7.648vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__title {
    top: 19.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__title {
    top: 35.5466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__title {
    left: calc(50% - 13.1979032258vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__title {
    left: calc(50% - 29.028vw);
  }
}
#classroom .page-header__person {
  position: absolute;
  width: 327.5px;
  height: 526.87px;
  top: 219px;
  right: 102.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__person {
    width: 26.4112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__person {
    width: 74.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__person {
    height: 42.489516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__person {
    height: 115.6986666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__person {
    top: 17.6612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__person {
    top: 65.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .page-header__person {
    right: 8.2661290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .page-header__person {
    right: -5.3333333333vw;
  }
}

#classroom .rooms-gallery__slides.swiper-container {
  width: 1000px;
  height: 460px;
  border-radius: 30px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container {
    height: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container {
    height: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container {
    border-radius: 0vw;
  }
}
#classroom .rooms-gallery__slides.swiper-container .swiper-slide {
  width: 100%;
  height: 460px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide {
    width: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide {
    height: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide {
    height: 66.6666666667vw;
  }
}
#classroom .rooms-gallery__slides.swiper-container .swiper-slide:first-child > img {
  border-radius: 30px 0 0 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide:first-child > img {
    border-radius: 2.4193548387vw 0vw 0vw 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide:first-child > img {
    border-radius: 0vw;
  }
}
#classroom .rooms-gallery__slides.swiper-container .swiper-slide:last-child > img {
  border-radius: 0 30px 30px 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide:last-child > img {
    border-radius: 0vw 2.4193548387vw 2.4193548387vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__slides.swiper-container .swiper-slide:last-child > img {
    border-radius: 0vw;
  }
}
#classroom .rooms-gallery__slides.swiper-container .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .rooms-gallery__thumbs.swiper-container {
  width: 960px;
  height: 132px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    width: 77.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    height: 10.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    height: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    margin-top: -3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container {
    margin-top: 2.6666666667vw;
  }
}
#classroom .rooms-gallery__thumbs.swiper-container .swiper-slide {
  width: 176px;
  height: 132px;
  border-radius: 10px;
  border-color: #fff;
  border-width: 3px;
  border-style: solid;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide {
    width: 14.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide {
    width: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide {
    height: 10.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide {
    height: 20vw;
  }
}
#classroom .rooms-gallery__thumbs.swiper-container .swiper-slide:not(:last-child) {
  margin-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .rooms-gallery__thumbs.swiper-container .swiper-slide:not(:last-child) {
    margin-right: 2.6666666667vw;
  }
}
#classroom .rooms-gallery__thumbs.swiper-container .swiper-slide-thumb-active {
  border-color: #ee9966;
}
#classroom .rooms-gallery__thumbs.swiper-container .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#classroom .section-top {
  padding-top: 95.1px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 111.7px;
  background-size: 1216px 884px;
  background-image: url("/ste-lam/one-world/image/classroom/section-top/bg-shape.svg");
  background-image: url("/ste-lam/one-world/image/classroom/section-top/bg-shape.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top {
    padding-top: 7.6693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top {
    padding-top: 11.9466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top {
    background-position-y: 9.0080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top {
    background-position-y: 5.4133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top {
    background-size: 98.064516129vw 71.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top {
    background-size: 127.7333333333vw 169.5013333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top {
    background-image: url("/ste-lam/one-world/image/classroom/section-top/bg-shape_sp.svg");
  }
}
#classroom .section-top-head .text-image-1 {
  width: 399.31px;
  height: 34.42px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-head .text-image-1 {
    width: 32.2024193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-head .text-image-1 {
    width: 59.1573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-head .text-image-1 {
    height: 2.7758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-head .text-image-1 {
    height: 5.0986666667vw;
  }
}
#classroom .section-top-body-1 {
  margin-top: 30.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-1 {
    margin-top: 2.4596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-1 {
    margin-top: 10.6666666667vw;
  }
}
#classroom .section-top-body-2 .content {
  position: relative;
  margin-top: 16.4px;
  width: 100%;
  height: 306.6px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content {
    margin-top: 1.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content {
    margin-top: 6.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content {
    height: 24.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content {
    height: 113.6426666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content {
    background-position-y: bottom;
  }
}
#classroom .section-top-body-2 .content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-top/kid2.png");
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/section-top/kid2_sp.png");
  }
}
#classroom .section-top-body-2 .content > .kid-text-1 {
  width: 123px;
  height: 53.36px;
  position: absolute;
  top: 70.3px;
  left: 154.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    width: 9.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    width: 28.1146666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    height: 4.3032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    height: 11.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    top: 5.6693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    top: 64.16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    left: 12.4758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-1 {
    left: 24.9066666667vw;
  }
}
#classroom .section-top-body-2 .content > .kid-text-2 {
  width: 105.42px;
  height: 73.26px;
  position: absolute;
  top: 54.6px;
  right: 176.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    width: 8.5016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    width: 24.096vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    height: 5.9080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    height: 15.8293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    top: 4.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    top: 86.9066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    right: 14.25vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .kid-text-2 {
    right: 27.68vw;
  }
}
#classroom .section-top-body-2 .content > .text-1 {
  width: 286.45px;
  height: 34.42px;
  position: absolute;
  top: 37.7px;
  left: calc(50% - 143.225px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-1 {
    width: 23.1008064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-1 {
    width: 42.4373333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-1 {
    height: 2.7758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-1 {
    height: 5.0986666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-1 {
    top: 3.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-1 {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-1 {
    left: calc(50% - 11.5504032258vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-1 {
    left: calc(50% - 21.2186666667vw);
  }
}
#classroom .section-top-body-2 .content > .text-2 {
  width: 339.58px;
  height: 175.07px;
  position: absolute;
  top: 103px;
  left: calc(50% - 169.79px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-2 {
    width: 27.385483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-2 {
    width: 79.2373333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-2 {
    height: 14.1185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-2 {
    height: 35.5173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-2 {
    top: 8.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-2 {
    top: 10.48vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-2 .content > .text-2 {
    left: calc(50% - 13.6927419355vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-2 .content > .text-2 {
    left: calc(50% - 39.6186666667vw);
  }
}
#classroom .section-top-body-3 {
  margin-top: 100px;
  padding-top: 65.1px;
  padding-bottom: 88px;
  background-color: #eff8fa;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 {
    margin-top: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 {
    padding-top: 5.25vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 {
    padding-top: 10.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 {
    padding-bottom: 7.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 {
    padding-bottom: 10.56vw;
  }
}
#classroom .section-top-body-3 .text-1 {
  width: 473.22px;
  height: 34.52px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .text-1 {
    width: 38.1629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .text-1 {
    width: 42.4373333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .text-1 {
    height: 2.7838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .text-1 {
    height: 12.576vw;
  }
}
#classroom .section-top-body-3 .row {
  margin-top: 89.4px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .row {
    margin-top: 7.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .row {
    margin-top: 11.8933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .row {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .row {
    padding-left: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .row {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .row {
    padding-right: 8vw;
  }
}
#classroom .section-top-body-3 .col {
  width: 235px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .col {
    width: 18.9516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .col {
    width: 40vw;
  }
}
#classroom .section-top-body-3 .col:nth-child(even) {
  margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .col:nth-child(even) {
    margin-top: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .col:nth-child(even) {
    margin-top: 11.6vw;
  }
}
#classroom .section-top-body-3 .col:nth-child(1), #classroom .section-top-body-3 .col:nth-child(2) {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .col:nth-child(1), #classroom .section-top-body-3 .col:nth-child(2) {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .col:nth-child(1), #classroom .section-top-body-3 .col:nth-child(2) {
    margin-bottom: 2.4533333333vw;
  }
}
#classroom .section-top-body-3 .col > * {
  width: 100%;
}
#classroom .section-top-body-3 .card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card {
    border-radius: 5.3333333333vw;
  }
}
#classroom .section-top-body-3 .card:before {
  content: "";
  display: block;
  position: absolute;
  width: 75.39px;
  height: 79.47px;
  top: -49px;
  left: calc(50% - 37.695px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:before {
    width: 6.0798387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:before {
    width: 12.968vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:before {
    height: 6.4088709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:before {
    height: 13.6693333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:before {
    top: -3.9516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:before {
    top: -8.4266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:before {
    left: calc(50% - 3.0399193548vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:before {
    left: calc(50% - 6.484vw);
  }
}
#classroom .section-top-body-3 .card:after {
  content: "";
  display: block;
  position: absolute;
  width: 72px;
  height: 72px;
  top: -45px;
  left: calc(50% - 36px);
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40% 40%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:after {
    width: 5.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:after {
    width: 12.384vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:after {
    height: 5.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:after {
    height: 12.384vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:after {
    top: -3.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:after {
    top: -7.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card:after {
    left: calc(50% - 2.9032258065vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card:after {
    left: calc(50% - 6.192vw);
  }
}
#classroom .section-top-body-3 .card > .card-image {
  width: 100%;
  height: 254px;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-image {
    height: 20.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-image {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-image {
    border-radius: 2.4193548387vw 2.4193548387vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-image {
    border-radius: 5.3333333333vw 5.3333333333vw 0vw 0vw;
  }
}
#classroom .section-top-body-3 .card > .card-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-top-body-3 .card > .card-body {
  width: 100%;
  height: 81px;
  display: flex;
  justify-content: center;
  padding-top: 20.5px;
  padding-left: unset;
  padding-right: unset;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body {
    height: 6.5322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body {
    height: 15.5733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body {
    padding-top: 1.6532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body {
    padding-top: unset;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body {
    padding-left: 6.0533333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body {
    padding-right: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body {
    justify-content: space-between;
    align-items: center;
  }
}
#classroom .section-top-body-3 .card > .card-body > .card-action {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  bottom: -37px;
  left: calc(50% - 30px);
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-image: url("/ste-lam/one-world/image/common/chevron-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12.11px 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    width: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    width: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    height: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    bottom: -2.9838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    bottom: -9.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    left: calc(50% - 2.4193548387vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    left: calc(50% - 3.7333333333vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    background-size: 0.9766129032vw 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    background-size: 3.2293333333vw 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card > .card-body > .card-action {
    position: static;
  }
}
#classroom .section-top-body-3 .card.card-1:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.388' height='79.468' viewBox='0 0 75.388 79.468'%3E%3Cpath id='shape' d='M363.457,582.73c-10.482-2.4-24.035,7.525-28,9.848-27.723,16.252-28.582,66.6,2.847,69.158,5.618.675,10.439-2.628,15.848-5.042,7.943-3.1,16.163,4.554,24.017-1.9,8.51-5.674,9.588-18.222,11.381-29.715C392.469,599.754,383.279,586.156,363.457,582.73Z' transform='translate(-314.695 -582.357)' fill='rgb(68, 187, 153)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#classroom .section-top-body-3 .card.card-1:after {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/classroom/section-top/num-1.svg");
}
#classroom .section-top-body-3 .card.card-1 > .card-body > .card-action {
  background-color: #44bb99;
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-1 > .card-body > .card-action {
    background-color: #fff;
    background-image: url("/ste-lam/one-world/image/classroom/section-top/chevron-right-1.svg");
    background-size: 3.44vw 3.44vw;
    border-width: 2px;
    border-style: solid;
    border-color: #44bb99;
  }
}
#classroom .section-top-body-3 .card.card-2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.388' height='79.468' viewBox='0 0 75.388 79.468'%3E%3Cpath id='shape' d='M363.457,582.73c-10.482-2.4-24.035,7.525-28,9.848-27.723,16.252-28.582,66.6,2.847,69.158,5.618.675,10.439-2.628,15.848-5.042,7.943-3.1,16.163,4.554,24.017-1.9,8.51-5.674,9.588-18.222,11.381-29.715C392.469,599.754,383.279,586.156,363.457,582.73Z' transform='translate(-314.695 -582.357)' fill='rgb(238, 153, 102)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#classroom .section-top-body-3 .card.card-2:after {
  background-color: #ee9966;
  background-image: url("/ste-lam/one-world/image/classroom/section-top/num-2.svg");
}
#classroom .section-top-body-3 .card.card-2 > .card-body > .card-action {
  background-color: #ee9966;
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-2 > .card-body > .card-action {
    background-color: #fff;
    background-image: url("/ste-lam/one-world/image/classroom/section-top/chevron-right-2.svg");
    background-size: 3.44vw 3.44vw;
    border-width: 2px;
    border-style: solid;
    border-color: #ee9966;
  }
}
#classroom .section-top-body-3 .card.card-3:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.388' height='79.468' viewBox='0 0 75.388 79.468'%3E%3Cpath id='shape' d='M363.457,582.73c-10.482-2.4-24.035,7.525-28,9.848-27.723,16.252-28.582,66.6,2.847,69.158,5.618.675,10.439-2.628,15.848-5.042,7.943-3.1,16.163,4.554,24.017-1.9,8.51-5.674,9.588-18.222,11.381-29.715C392.469,599.754,383.279,586.156,363.457,582.73Z' transform='translate(-314.695 -582.357)' fill='rgb(170, 136, 238)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#classroom .section-top-body-3 .card.card-3:after {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/classroom/section-top/num-3.svg");
}
#classroom .section-top-body-3 .card.card-3 > .card-body > .card-action {
  background-color: #aa88ee;
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-3 > .card-body > .card-action {
    background-color: #fff;
    background-image: url("/ste-lam/one-world/image/classroom/section-top/chevron-right-3.svg");
    background-size: 3.44vw 3.44vw;
    border-width: 2px;
    border-style: solid;
    border-color: #aa88ee;
  }
}
#classroom .section-top-body-3 .card.card-4:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.388' height='79.468' viewBox='0 0 75.388 79.468'%3E%3Cpath id='shape' d='M363.457,582.73c-10.482-2.4-24.035,7.525-28,9.848-27.723,16.252-28.582,66.6,2.847,69.158,5.618.675,10.439-2.628,15.848-5.042,7.943-3.1,16.163,4.554,24.017-1.9,8.51-5.674,9.588-18.222,11.381-29.715C392.469,599.754,383.279,586.156,363.457,582.73Z' transform='translate(-314.695 -582.357)' fill='rgb(100, 182, 200)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#classroom .section-top-body-3 .card.card-4:after {
  background-color: #64b6c8;
  background-image: url("/ste-lam/one-world/image/classroom/section-top/num-4.svg");
}
#classroom .section-top-body-3 .card.card-4 > .card-body > .card-action {
  background-color: #64b6c8;
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-4 > .card-body > .card-action {
    background-color: #fff;
    background-image: url("/ste-lam/one-world/image/classroom/section-top/chevron-right-4.svg");
    background-size: 3.44vw 3.44vw;
    border-width: 2px;
    border-style: solid;
    border-color: #64b6c8;
  }
}
#classroom .section-top-body-3 .card.card-1 > .card-body > .card-text {
  width: 135.34px;
  height: 17.24px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-1 > .card-body > .card-text {
    width: 10.914516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-1 > .card-body > .card-text {
    width: 19.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-1 > .card-body > .card-text {
    height: 1.3903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-1 > .card-body > .card-text {
    height: 8.368vw;
  }
}
#classroom .section-top-body-3 .card.card-2 > .card-body > .card-text {
  width: 96.35px;
  height: 17.24px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-2 > .card-body > .card-text {
    width: 7.7701612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-2 > .card-body > .card-text {
    width: 19.984vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-2 > .card-body > .card-text {
    height: 1.3903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-2 > .card-body > .card-text {
    height: 3.576vw;
  }
}
#classroom .section-top-body-3 .card.card-3 > .card-body > .card-text {
  width: 135.14px;
  height: 17.19px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-3 > .card-body > .card-text {
    width: 10.8983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-3 > .card-body > .card-text {
    width: 15.56vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-3 > .card-body > .card-text {
    height: 1.3862903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-3 > .card-body > .card-text {
    height: 8.2373333333vw;
  }
}
#classroom .section-top-body-3 .card.card-4 > .card-body > .card-text {
  width: 173.25px;
  height: 17.21px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-4 > .card-body > .card-text {
    width: 13.9717741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-4 > .card-body > .card-text {
    width: 19.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-top-body-3 .card.card-4 > .card-body > .card-text {
    height: 1.3879032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-top-body-3 .card.card-4 > .card-body > .card-text {
    height: 8.28vw;
  }
}

#classroom .space-for-kids {
  width: 1000px;
  height: 480px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids {
    height: 180.8vw;
  }
}
#classroom .space-for-kids__item {
  position: absolute;
  border-radius: 30px;
  overflow: hidden;
}
#classroom .space-for-kids__item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .space-for-kids__item--1 {
  width: 230px;
  height: 480px;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--1 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--1 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--1 {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--1 {
    height: 88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--1 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--1 {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--1 {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--1 {
    left: 5.3333333333vw;
  }
}
#classroom .space-for-kids__item--2 {
  width: 230px;
  height: 230px;
  top: 0;
  left: 257px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--2 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--2 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--2 {
    height: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--2 {
    height: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--2 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--2 {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--2 {
    left: 20.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--2 {
    left: 52.5333333333vw;
  }
}
#classroom .space-for-kids__item--3 {
  width: 230px;
  height: 230px;
  top: 0;
  left: 513px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--3 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--3 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--3 {
    height: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--3 {
    height: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--3 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--3 {
    top: 92.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--3 {
    left: 41.3709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--3 {
    left: 5.3333333333vw;
  }
}
#classroom .space-for-kids__item--4 {
  width: 230px;
  height: 230px;
  top: 250px;
  left: 257px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--4 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--4 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--4 {
    height: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--4 {
    height: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--4 {
    top: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--4 {
    top: 46.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--4 {
    left: 20.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--4 {
    left: 52.5333333333vw;
  }
}
#classroom .space-for-kids__item--5 {
  width: 230px;
  height: 230px;
  top: 250px;
  left: 513px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--5 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--5 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--5 {
    height: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--5 {
    height: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--5 {
    top: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--5 {
    top: 138.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--5 {
    left: 41.3709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--5 {
    left: 5.3333333333vw;
  }
}
#classroom .space-for-kids__item--6 {
  width: 230px;
  height: 480px;
  top: 0;
  left: 770px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--6 {
    width: 18.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--6 {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--6 {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--6 {
    height: 88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--6 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--6 {
    top: 92vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__item--6 {
    left: 62.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__item--6 {
    left: 52.5333333333vw;
  }
}
#classroom .space-for-kids__person {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
}
#classroom .space-for-kids__person > img {
  position: absolute;
}
#classroom .space-for-kids__person--1 {
  width: 269px;
  height: 360px;
  top: 179px;
  left: -46px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 {
    width: 21.6935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 {
    width: 49.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 {
    height: 29.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 {
    height: 50.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 {
    top: 14.435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 {
    top: 41.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 {
    left: -3.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 {
    left: 5.3333333333vw;
  }
}
#classroom .space-for-kids__person--1.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/components/space-for-kids/person-1.png");
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/components/space-for-kids/person-1_sp.png");
  }
}
#classroom .space-for-kids__person--1 > img {
  width: 138.24px;
  height: 72.98px;
  top: 180.4px;
  right: 24.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 > img {
    width: 11.1483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 > img {
    width: 31.5973333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 > img {
    height: 5.885483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 > img {
    height: 17.3653333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 > img {
    top: 14.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 > img {
    top: 22.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--1 > img {
    right: 1.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--1 > img {
    right: 4.8533333333vw;
  }
}
#classroom .space-for-kids__person--2 {
  width: 251px;
  height: 364px;
  top: 193px;
  left: 777px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 {
    width: 20.2419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 {
    width: 52vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 {
    height: 29.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 {
    height: 63.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 {
    top: 15.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 {
    top: 129.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 {
    left: 62.6612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 {
    left: 42.6666666667vw;
  }
}
#classroom .space-for-kids__person--2.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/components/space-for-kids/person-2.png");
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/components/space-for-kids/person-2_sp.png");
  }
}
#classroom .space-for-kids__person--2 > img {
  width: 138.75px;
  height: 72.61px;
  top: 159.3px;
  left: 30.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 > img {
    width: 11.189516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 > img {
    width: 28.3733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 > img {
    height: 5.8556451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 > img {
    height: 17.4293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 > img {
    top: 12.8467741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 > img {
    top: 26.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .space-for-kids__person--2 > img {
    left: 2.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .space-for-kids__person--2 > img {
    left: 6.16vw;
  }
}

#classroom .section-one {
  padding-top: 107px;
  padding-bottom: 144.3px;
  background-position-y: 44.9px;
  background-size: 1194px 943.442px;
  background-image: url("/ste-lam/one-world/image/classroom/section-one/bg.svg");
  background-repeat: no-repeat;
  background-position-x: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one {
    padding-top: 8.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one {
    padding-top: 10.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one {
    padding-bottom: 11.6370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one {
    padding-bottom: 23.28vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one {
    background-position-y: 3.6209677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one {
    background-position-y: 63.8933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one {
    background-size: 96.2903225806vw 76.0840322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one {
    background-size: 110.1333333333vw 217.512vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one {
    background-image: url("/ste-lam/one-world/image/classroom/section-one/bg_sp.svg");
  }
}
#classroom .section-one__title {
  width: 831.6px;
  height: 202.81px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one__title {
    width: 67.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one__title {
    width: 81.4213333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one__title {
    height: 16.3556451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one__title {
    height: 55.5386666667vw;
  }
}
#classroom .section-one__content {
  margin-top: 59.2px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-one__content {
    margin-top: 4.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-one__content {
    margin-top: 10.9066666667vw;
  }
}

#classroom .section-two {
  padding-top: 42.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two {
    padding-top: 3.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two {
    padding-top: 4.9066666667vw;
  }
}
#classroom .section-two-head {
  padding-bottom: 164.4px;
  background-repeat: no-repeat;
  background-size: 275.05px 282.85px;
  background-position-x: calc(50% + 467.725px);
  background-position-y: 36.5px;
  background-image: url("/ste-lam/one-world/image/classroom/section-two/bg-shape-1.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head {
    padding-bottom: 13.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head {
    padding-bottom: 34.9066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head {
    background-size: 22.1814516129vw 22.810483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head {
    background-size: 73.3466666667vw 75.4266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head {
    background-position-x: calc(50% + 37.7197580645vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head {
    background-position-y: 2.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head {
    background-position-y: 33.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head {
    background-size: 37.1546666667vw 38.2106666667vw;
    background-position-x: calc(100% - 3.4666666667vw);
    background-image: url("/ste-lam/one-world/image/classroom/section-two/bg-shape-1_sp.svg");
  }
}
#classroom .section-two-head .text-1 {
  width: 351.11px;
  height: 84.67px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head .text-1 {
    width: 28.3153225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head .text-1 {
    width: 52.016vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head .text-1 {
    height: 6.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head .text-1 {
    height: 12.6026666667vw;
  }
}
#classroom .section-two-head .text-2 {
  margin-top: 48.5px;
  width: 873.6px;
  height: 48.64px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head .text-2 {
    margin-top: 3.9112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head .text-2 {
    margin-top: 4.2933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head .text-2 {
    width: 70.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head .text-2 {
    width: 81.2906666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-head .text-2 {
    height: 3.9225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-head .text-2 {
    height: 24.808vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg {
  padding-top: 54px;
  padding-bottom: 30px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_50.png");
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg {
    padding-top: 4.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg {
    padding-top: 32.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg {
    padding-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg {
    padding-bottom: 38.9333333333vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg:after {
  display: block;
  content: "";
  width: 229px;
  height: 161.96px;
  position: absolute;
  top: -113px;
  left: calc(50% + 214px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/classroom/section-two/people.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    width: 18.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    width: 61.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    height: 13.0612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    height: 43.1893333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    top: -9.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    top: -30.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    left: calc(50% + 17.2580645161vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg:after {
    display: none;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg .cloud {
  width: 444.9px;
  height: 301.54px;
  position: absolute;
  top: -172px;
  left: calc(50% - 591.1px);
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/classroom/section-two/cloud.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    width: 35.8790322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    height: 24.3177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    height: 65.968vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    top: -13.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    top: -34.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    left: calc(50% - 47.6693548387vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud {
    background-image: url("/ste-lam/one-world/image/classroom/section-two/cloud_sp.png");
    left: 0;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
  width: 341.5px;
  height: 102.58px;
  position: absolute;
  top: 110.3px;
  left: 60.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    width: 27.5403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    width: 72.8533333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    height: 8.2725806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    height: 26.3626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    top: 8.8951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    top: 20.9866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    left: 4.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .cloud > .cloud-text {
    left: 12.88vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
  width: 36.32px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
    width: 2.9290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
    height: 8.8vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev::before, #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev::after,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next::before,
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next::after {
  display: none;
}
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev {
  left: calc(50% - 550px - 36.32px);
  background-image: url("/ste-lam/one-world/image/classroom/section-two/arrow-prev.svg");
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-prev {
    left: 2.6666666667vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
  right: calc(50% - 550px - 36.32px);
  background-image: url("/ste-lam/one-world/image/classroom/section-two/arrow-next.svg");
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-bg .section-two-slider-next {
    right: 2.6666666667vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-thumb-bg {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-color: #fff;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_25.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb-bg {
    padding-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb-bg {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb-bg {
    padding-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb-bg {
    padding-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb-bg {
    margin-top: -30.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
#classroom .section-two-body-1 .section-two-slider.swiper-container {
  width: 1000px;
  height: 500px;
  background-color: #fff;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-width: 20px;
  border-style: solid;
  border-color: #fff;
  background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    width: 76.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    height: 40.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    height: 92.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    border-width: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider.swiper-container {
    border-width: 1.6vw;
  }
}
#classroom .section-two-body-1 .section-two-slider.swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}
#classroom .section-two-body-1 .section-two-slider.swiper-container .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container {
  width: 1000px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container {
    width: 94.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container {
    height: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container {
    height: 20vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-wrapper {
  overflow: visible;
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
  width: 150px;
  height: 150px;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    width: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    width: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    height: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    height: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide {
    border-radius: 2.6666666667vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide:not(:last-child) {
  margin-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide:not(:last-child) {
    margin-right: 2.6666666667vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-width: 8px;
  border-style: solid;
  border-color: #fff;
  border-radius: 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    top: -0.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    top: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    left: -0.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    left: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    right: -0.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    right: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    bottom: -0.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    bottom: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    border-width: 0.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    border-width: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide-thumb-active::after {
    border-radius: 2.6666666667vw;
  }
}
#classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide > img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide > img {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-1 .section-two-slider-thumb.swiper-container .swiper-slide > img {
    border-radius: 2.6666666667vw;
  }
}
#classroom .section-two-body-2 {
  padding-top: 74px;
  padding-bottom: 65.7px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1262px 518.38px;
  background-image: url("/ste-lam/one-world/image/classroom/section-two/bg-shape-2.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 {
    padding-top: 5.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 {
    padding-top: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 {
    padding-bottom: 5.2983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 {
    padding-bottom: 8.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 {
    background-size: 101.7741935484vw 41.8048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 {
    background-size: 119.2vw 164.1706666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 {
    background-position-x: center;
    background-position-y: bottom;
    background-image: url("/ste-lam/one-world/image/classroom/section-two/bg-shape-2_sp.svg");
  }
}
#classroom .section-two-body-2 .content {
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
  position: relative;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content {
    border-radius: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 10.6666666667vw);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
#classroom .section-two-body-2 .content > .content-title {
  width: 182px;
  height: 60px;
  position: absolute;
  top: -30px;
  left: calc(50% - 91px);
  background-color: #dd77bb;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title {
    width: 14.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title {
    width: 36.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title {
    height: 11.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title {
    top: -2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title {
    top: -5.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title {
    left: calc(50% - 7.3387096774vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title {
    left: calc(50% - 18.4vw);
  }
}
#classroom .section-two-body-2 .content > .content-title > .text-image {
  width: 126.78px;
  height: 18.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title > .text-image {
    width: 10.2241935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title > .text-image {
    width: 27.0453333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-title > .text-image {
    height: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-title > .text-image {
    height: 3.968vw;
  }
}
#classroom .section-two-body-2 .content > .content-body {
  width: 100%;
  height: 379px;
  border-radius: 30px;
  border-width: 3px;
  border-style: solid;
  border-color: #dd77bb;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-body {
    height: 30.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-body {
    height: 139.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-two-body-2 .content > .content-body {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-two-body-2 .content > .content-body {
    border-radius: 8vw;
  }
}
#classroom .section-two-body-2 .content > .content-body > img {
  object-fit: cover;
}

#classroom .section-three {
  padding-bottom: 125.1px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: 1298px 1140.99px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/bg-shape.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three {
    padding-bottom: 10.0887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three {
    padding-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three {
    background-size: 104.6774193548vw 92.0153225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three {
    background-size: 346.1333333333vw 304.264vw;
  }
}
#classroom .section-three-head {
  padding-top: 35.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head {
    padding-top: 2.8467741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head {
    padding-top: 7.1466666667vw;
  }
}
#classroom .section-three-head .text-1,
#classroom .section-three-head .text-2 {
  margin-left: auto;
  margin-right: auto;
}
#classroom .section-three-head .text-1 {
  width: 470.09px;
  height: 34.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head .text-1 {
    width: 37.910483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head .text-1 {
    width: 51.968vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head .text-1 {
    height: 2.7838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head .text-1 {
    height: 12.56vw;
  }
}
#classroom .section-three-head .text-2 {
  margin-top: 39.3px;
  width: 791.04px;
  height: 78.86px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head .text-2 {
    margin-top: 3.1693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head .text-2 {
    margin-top: 5.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head .text-2 {
    width: 63.7935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head .text-2 {
    width: 81.0906666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-head .text-2 {
    height: 6.3596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-head .text-2 {
    height: 30.16vw;
  }
}
#classroom .section-three-body-1 {
  padding-top: 33.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 {
    padding-top: 2.7177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 {
    padding-top: 0.2666666667vw;
  }
}
#classroom .section-three-body-1 .content {
  width: 100%;
  height: 532.58px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content {
    height: 42.95vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content {
    height: 212.696vw;
  }
}
#classroom .section-three-body-1 .content > .cloud {
  width: 444.9px;
  height: 290.45px;
  position: absolute;
  top: 0;
  left: 102px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 444.9px 290.45px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud {
    width: 35.8790322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud {
    width: 97.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud {
    height: 23.4233870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud {
    height: 69.1786666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud {
    left: 8.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud {
    left: 27.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud {
    background-size: 35.8790322581vw 23.4233870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud {
    background-size: 118.64vw 77.4533333333vw;
  }
}
#classroom .section-three-body-1 .content > .cloud.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-three/cloud.png");
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud {
    left: 0;
    background-size: 100%;
  }
  #classroom .section-three-body-1 .content > .cloud.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/section-three/cloud_sp.png");
  }
}
#classroom .section-three-body-1 .content > .cloud > .cloud-text {
  width: 275.5px;
  height: 145.21px;
  position: absolute;
  top: 74.5px;
  left: 92.8px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    width: 22.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    width: 62.112vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    height: 11.710483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    height: 38.2613333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    top: 6.0080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    top: 17.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    left: 7.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .cloud > .cloud-text {
    left: 21.6vw;
  }
}
#classroom .section-three-body-1 .content > .person {
  width: 207px;
  height: 482.87px;
  position: absolute;
  top: 63.6px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .person {
    width: 16.6935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .person {
    width: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .person {
    height: 38.9411290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .person {
    height: 54.0986666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .person {
    top: 5.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .person {
    top: 32.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .person {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .person {
    left: 0vw;
  }
}
#classroom .section-three-body-1 .content > .person.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-three/person.png");
}
#classroom .section-three-body-1 .content > .text-1 {
  width: 235.03px;
  height: 182.63px;
  position: absolute;
  top: 319.55px;
  left: 218.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .text-1 {
    width: 18.9540322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .text-1 {
    width: 62.6746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .text-1 {
    height: 14.7282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .text-1 {
    height: 48.7013333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .text-1 {
    top: 25.7701612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .text-1 {
    top: 85.2133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .text-1 {
    left: 17.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .text-1 {
    left: 18.6933333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .text-1 {
    top: unset;
    bottom: 0;
  }
}
#classroom .section-three-body-1 .content > .map {
  width: 460px;
  height: 460px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map {
    width: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map {
    height: 37.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map {
    height: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map {
    right: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map {
    border-radius: 0;
    bottom: unset;
    top: 69.1786666667vw;
  }
}
#classroom .section-three-body-1 .content > .map > iframe {
  width: 100%;
  height: 100%;
}
#classroom .section-three-body-1 .content > .map > .map-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #64b6c8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 16px 16px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/icon-link.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map > .map-link {
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map > .map-link {
    height: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map > .map-link {
    background-position-x: calc(100% - 0.8064516129vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map > .map-link {
    background-size: 1.2903225806vw 1.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map > .map-link {
    background-size: 4.2666666667vw 4.2666666667vw;
  }
}
#classroom .section-three-body-1 .content > .map > .map-link > img {
  width: 88.78px;
  height: 11.93px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map > .map-link > img {
    width: 7.1596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map > .map-link > img {
    width: 23.6746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-1 .content > .map > .map-link > img {
    height: 0.9620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-1 .content > .map > .map-link > img {
    height: 3.1813333333vw;
  }
}
#classroom .section-three-body-2 {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 {
    margin-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 {
    margin-top: -192.2666666667vw;
  }
}
#classroom .section-three-body-2 .content {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #eeeeee;
  background-color: #fff;
  border-radius: 20px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content {
    padding-top: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content {
    padding-top: 200.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content {
    padding-bottom: 9.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content {
    width: calc(100% - 10.6666666667vw);
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}
#classroom .section-three-body-2 .content .content-title {
  width: 100%;
  height: 40px;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-title {
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-title {
    height: 13.3333333333vw;
  }
}
#classroom .section-three-body-2 .content .content-body {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body {
    margin-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body {
    margin-top: 5.3333333333vw;
  }
}
#classroom .section-three-body-2 .content .content-body .row {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .row {
    padding-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .row {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .row:first-child {
    padding-top: 0;
  }
}
#classroom .section-three-body-2 .content .content-body .item {
  width: 210px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item {
    width: 16.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item {
    width: 39.2vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item > .item-image {
  width: 100%;
  height: 210px;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-image {
    height: 16.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-image {
    height: 39.2vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
#classroom .section-three-body-2 .content .content-body .item > .item-image > iframe {
  width: 100%;
  height: 100%;
}
#classroom .section-three-body-2 .content .content-body .item > .item-body {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-top: 2.0266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-left: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-right: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body {
    padding-right: 0vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item > .item-body > p {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body > p {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body > p {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body > p {
    line-height: 1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item > .item-body > p {
    line-height: 4.8vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
  display: block;
  content: "";
  width: 45.32px;
  height: 47.77px;
  position: absolute;
  top: 5.8px;
  left: 8.7px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.321' height='47.774' viewBox='0 0 45.321 47.774'%3E%3Cpath id='shape' d='M344.009,582.581c-6.3-1.446-14.449,4.524-16.831,5.92-16.666,9.77-17.183,40.041,1.711,41.576,3.377.406,6.276-1.58,9.528-3.031,4.775-1.864,9.717,2.738,14.439-1.14,5.116-3.411,5.764-10.955,6.842-17.864C361.45,592.815,355.925,584.641,344.009,582.581Z' transform='translate(-314.695 -582.357)' fill='%23d7b' opacity='0.297'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    width: 3.6548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    width: 8.4586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    height: 3.8524193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    height: 8.9173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    top: 0.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    top: 1.0933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    left: 0.7016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:before, #classroom .section-three-body-2 .content .content-body .item.item-2:before, #classroom .section-three-body-2 .content .content-body .item.item-3:before, #classroom .section-three-body-2 .content .content-body .item.item-4:before, #classroom .section-three-body-2 .content .content-body .item.item-5:before, #classroom .section-three-body-2 .content .content-body .item.item-6:before {
    left: 1.6266666667vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
  display: block;
  content: "";
  width: 43.28px;
  height: 43.28px;
  position: absolute;
  top: 8.2px;
  left: 10.3px;
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #dd77bb;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    width: 3.4903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    width: 8.08vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    height: 3.4903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    height: 8.08vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    top: 0.6612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    top: 1.5466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    left: 0.8306451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1:after, #classroom .section-three-body-2 .content .content-body .item.item-2:after, #classroom .section-three-body-2 .content .content-body .item.item-3:after, #classroom .section-three-body-2 .content .content-body .item.item-4:after, #classroom .section-three-body-2 .content .content-body .item.item-5:after, #classroom .section-three-body-2 .content .content-body .item.item-6:after {
    left: 1.92vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-1::after {
  background-size: 6.86px 17.18px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-1.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1::after {
    background-size: 0.5532258065vw 1.385483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1::after {
    background-size: 1.8293333333vw 4.5813333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-1::after {
    background-size: 1.28vw 3.208vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-2::after {
  background-size: 11.14px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-2.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-2::after {
    background-size: 0.8983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-2::after {
    background-size: 4.464vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-2::after {
    background-size: 2.08vw 3.1253333333vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-3::after {
  background-size: 11.32px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-3.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-3::after {
    background-size: 0.9129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-3::after {
    background-size: 4.5813333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-3::after {
    background-size: 2.112vw 3.208vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-4::after {
  background-size: 11.58px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-4.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-4::after {
    background-size: 0.9338709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-4::after {
    background-size: 4.5813333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-4::after {
    background-size: 2.1626666667vw 3.208vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-5::after {
  background-size: 11.32px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-5.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-5::after {
    background-size: 0.9129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-5::after {
    background-size: 4.464vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-5::after {
    background-size: 2.112vw 3.1253333333vw;
  }
}
#classroom .section-three-body-2 .content .content-body .item.item-6::after {
  background-size: 11.32px;
  background-image: url("/ste-lam/one-world/image/classroom/section-three/num-6.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content .content-body .item.item-6::after {
    background-size: 0.9129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-6::after {
    background-size: 4.5813333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content .content-body .item.item-6::after {
    background-size: 2.112vw 3.208vw;
  }
}
#classroom .section-three-body-2 .content > .col-1, #classroom .section-three-body-2 .content > .col-2 {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content > .col-1, #classroom .section-three-body-2 .content > .col-2 {
    width: 36.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-1, #classroom .section-three-body-2 .content > .col-2 {
    width: 84vw;
  }
}
#classroom .section-three-body-2 .content > .col-1 > .content-title-1 {
  background-color: #dd77bb;
}
#classroom .section-three-body-2 .content > .col-1 > .content-title-1 > .text-image {
  width: 378.93px;
  height: 16.19px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content > .col-1 > .content-title-1 > .text-image {
    width: 30.5588709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-1 > .content-title-1 > .text-image {
    width: 41.2506666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content > .col-1 > .content-title-1 > .text-image {
    height: 1.3056451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-1 > .content-title-1 > .text-image {
    height: 8.0373333333vw;
  }
}
#classroom .section-three-body-2 .content > .col-2 > .content-title-2 {
  background-color: #44bb99;
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-2 > .content-title-2 {
    margin-top: 11.52vw;
  }
}
#classroom .section-three-body-2 .content > .col-2 > .content-title-2 > .text-image {
  width: 308.66px;
  height: 15.42px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content > .col-2 > .content-title-2 > .text-image {
    width: 24.8919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-2 > .content-title-2 > .text-image {
    width: 31.0853333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-three-body-2 .content > .col-2 > .content-title-2 > .text-image {
    height: 1.2435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-three-body-2 .content > .col-2 > .content-title-2 > .text-image {
    height: 7.8853333333vw;
  }
}

#classroom .section-four {
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: calc(100% - 187px);
  background-size: 1138px 1310.95px;
  background-image: url("/ste-lam/one-world/image/classroom/section-four/bg-shape-1.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four {
    background-position-y: calc(100% - 15.0806451613vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four {
    background-size: 91.7741935484vw 105.7217741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four {
    background-size: 303.4666666667vw 349.5866666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four {
    background-position-y: 74.5066666667vw;
    background-size: 108vw 336.0586666667vw;
    background-image: url("/ste-lam/one-world/image/classroom/section-four/bg-shape-1_sp.svg");
  }
}
#classroom .section-four-body-1 {
  padding-top: 100.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 {
    padding-top: 8.1370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 {
    padding-top: 28vw;
  }
}
#classroom .section-four-body-1 .content {
  width: 100%;
  height: 411px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content {
    height: 33.1451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content {
    height: 48.5333333333vw;
  }
}
#classroom .section-four-body-1 .content > .cloud {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  height: 370px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1040px 370px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud {
    margin-left: -1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud {
    margin-right: -1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud {
    margin-right: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud {
    height: 29.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud {
    height: 48.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud {
    background-size: 83.8709677419vw 29.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud {
    background-size: 277.3333333333vw 98.6666666667vw;
  }
}
#classroom .section-four-body-1 .content > .cloud.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/cloud.png");
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud {
    background-size: 100vw 48.5333333333vw;
  }
  #classroom .section-four-body-1 .content > .cloud.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/section-four/cloud_sp.png");
  }
}
#classroom .section-four-body-1 .content > .cloud:before {
  z-index: -1;
  display: block;
  content: "";
  width: 339.14px;
  height: 313.27px;
  position: absolute;
  left: 7.9px;
  top: -21.4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/classroom/section-four/cloud-shape-1.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    width: 27.35vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    width: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    height: 25.2637096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    height: 49.264vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    left: 0.6370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    left: 4.0266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    top: -1.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud:before {
    top: -16.6133333333vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .cloud-title {
  width: 560px;
  height: 120px;
  border-radius: 60px;
  background-color: #dd77bb;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -41px;
  left: 240px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    width: 45.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    width: 84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    height: 9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    height: 16.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    top: -3.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    top: -6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    left: 19.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    left: 8.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title {
    justify-content: start;
    z-index: -1;
  }
}
#classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
  display: block;
  content: "";
  width: 86.74px;
  height: 86.74px;
  position: absolute;
  top: -55.1px;
  right: -64.6px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/classroom/section-four/cloud-shape-2.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    width: 6.9951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    width: 10.8426666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    height: 6.9951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    height: 10.8426666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    top: -4.4435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    top: -6.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    right: -5.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title:after {
    right: -6.6133333333vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
  width: 312px;
  height: 63.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
    width: 25.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
    width: 48.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
    height: 5.1048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
    height: 9.7573333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-title > .text-image {
    margin-left: 8.6933333333vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .cloud-text {
  width: 414.2px;
  height: 109.32px;
  position: absolute;
  top: 137.5px;
  left: 503.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    width: 33.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    width: 47.6346666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    height: 8.8161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    height: 19.0693333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    top: 11.0887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    top: 14.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    left: 40.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .cloud-text {
    left: 8.72vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .kid {
  width: 342px;
  height: 510px;
  position: absolute;
  top: -118px;
  left: 104px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    width: 27.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    width: 37.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    height: 41.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    height: 55.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    top: -9.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    top: -31.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    left: 8.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    left: 27.7333333333vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .kid.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/kid.png");
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid {
    top: unset;
    left: unset;
    bottom: -0.5333333333vw;
    right: 5.0666666667vw;
  }
}
#classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
  width: 176.11px;
  height: 172.17px;
  position: absolute;
  top: 210.7px;
  left: 70.2px;
  transform: rotate(6deg);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    width: 14.2024193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    width: 16.9466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    height: 13.8846774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    height: 19.3573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    top: 16.9919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    top: 23.2266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    left: 5.6612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-1 .content > .cloud > .kid > .kid-text {
    left: 9.3333333333vw;
  }
}
#classroom .section-four-body-2 {
  margin-top: 23px;
  padding-bottom: 96px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 {
    margin-top: 1.8548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 {
    margin-top: 0.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 {
    padding-bottom: 7.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 {
    padding-bottom: 11.84vw;
  }
}
#classroom .section-four-body-2 .content {
  position: relative;
  width: 1000px;
  height: 1340px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content {
    height: 108.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content {
    height: 330.5893333333vw;
  }
}
#classroom .section-four-body-2 .content .item {
  border-color: #f5d6eb;
  border-width: 4px;
  border-style: solid;
  background-color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  border-radius: 500px;
}
#classroom .section-four-body-2 .content .item:before {
  display: block;
  content: "";
  width: 60.35px;
  height: 63.61px;
  position: absolute;
  top: -22.4px;
  left: calc(50% - 30.175px);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.348' height='63.614' viewBox='0 0 60.348 63.614'%3E%3Cpath id='shape' d='M353.729,582.655c-8.391-1.925-19.24,6.024-22.412,7.883-22.193,13.009-22.88,53.317,2.279,55.361,4.5.54,8.356-2.1,12.687-4.036,6.359-2.482,12.939,3.646,19.226-1.519,6.812-4.542,7.675-14.587,9.11-23.787C376.953,596.283,369.6,585.4,353.729,582.655Z' transform='translate(-314.695 -582.357)' fill='%23d7b' opacity='0.297'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:before {
    width: 4.8669354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:before {
    width: 9.864vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:before {
    height: 5.1298387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:before {
    height: 10.3973333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:before {
    top: -1.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:before {
    top: -3.6533333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:before {
    left: calc(50% - 2.4334677419vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:before {
    left: calc(50% - 8.0466666667vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:before {
    left: calc(50% - 4.932vw);
  }
}
#classroom .section-four-body-2 .content .item:after {
  display: block;
  content: "";
  width: 57.64px;
  height: 57.64px;
  position: absolute;
  top: -19px;
  left: calc(50% - 28.82px);
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #dd77bb;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:after {
    width: 4.6483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:after {
    width: 9.4213333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:after {
    height: 4.6483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:after {
    height: 9.4213333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:after {
    top: -1.5322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:after {
    top: -3.0933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item:after {
    left: calc(50% - 2.3241935484vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:after {
    left: calc(50% - 7.6853333333vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item:after {
    left: calc(50% - 4.7106666667vw);
    background-size: auto 42%;
  }
}
#classroom .section-four-body-2 .content .item > .item-image {
  position: absolute;
  bottom: -22px;
  background-repeat: no-repeat;
  background-position: center;
}
#classroom .section-four-body-2 .content .item > .item-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#classroom .section-four-body-2 .content .item.item-box {
  border-style: none;
  border-radius: 30px;
}
#classroom .section-four-body-2 .content .item.item-1 {
  width: 300px;
  height: 300px;
  top: 102.4px;
  left: 34px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    width: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    height: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    height: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    top: 8.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    top: 27.3066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    left: 2.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    left: 9.0666666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-1 > .item-image {
  width: 187px;
  height: 108px;
  bottom: -22px;
  left: calc(50% - 93.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    width: 15.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    width: 49.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    height: 8.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    height: 28.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    bottom: -1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    bottom: -5.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    left: calc(50% - 7.5403225806vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    left: calc(50% - 24.9333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-1:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-1.svg");
}
#classroom .section-four-body-2 .content .item.item-1.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-1.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 108px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1.item-box > .item-image {
    flex-basis: 8.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1.item-box > .item-image {
    flex-basis: 28.8vw;
  }
}
#classroom .section-four-body-2 .content .item.item-1.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-1.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-2 {
  width: 300px;
  height: 300px;
  top: 0px;
  left: 350px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    width: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    height: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    height: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    left: 28.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    left: 93.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-2 > .item-image {
  width: 113px;
  height: 201px;
  bottom: -101px;
  left: calc(50% - 56.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    width: 9.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    width: 30.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    height: 16.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    height: 53.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    bottom: -8.1451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    bottom: -26.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    left: calc(50% - 4.5564516129vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    left: calc(50% - 15.0666666667vw);
  }
}
#classroom .section-four-body-2 .content .item.item-2:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-2.svg");
}
#classroom .section-four-body-2 .content .item.item-2.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-2.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 201px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2.item-box > .item-image {
    flex-basis: 16.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2.item-box > .item-image {
    flex-basis: 53.6vw;
  }
}
#classroom .section-four-body-2 .content .item.item-2.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-2.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-3 {
  width: 300px;
  height: 300px;
  top: 102.4px;
  left: 666px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    width: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    height: 24.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    height: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    top: 8.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    top: 27.3066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    left: 53.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    left: 177.6vw;
  }
}
#classroom .section-four-body-2 .content .item.item-3 > .item-image {
  width: 249px;
  height: 174px;
  bottom: -41.6px;
  left: calc(50% - 124.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    width: 20.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    width: 66.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    height: 14.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    height: 46.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    bottom: -3.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    bottom: -11.0933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    left: calc(50% - 10.0403225806vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    left: calc(50% - 33.2vw);
  }
}
#classroom .section-four-body-2 .content .item.item-3:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-3.svg");
}
#classroom .section-four-body-2 .content .item.item-3.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-3.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 174px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3.item-box > .item-image {
    flex-basis: 14.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3.item-box > .item-image {
    flex-basis: 46.4vw;
  }
}
#classroom .section-four-body-2 .content .item.item-3.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-3.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-4 {
  width: 250px;
  height: 325px;
  top: 526.4px;
  left: 68px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    height: 26.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    height: 86.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    top: 42.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    top: 140.3733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    left: 5.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    left: 18.1333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-4 > .item-image {
  width: 250px;
  height: 200px;
  bottom: 0;
  left: calc(50% - 125px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    height: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    height: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    left: calc(50% - 10.0806451613vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    left: calc(50% - 33.3333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-4:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-4.svg");
}
#classroom .section-four-body-2 .content .item.item-4.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-4.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 200px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4.item-box > .item-image {
    flex-basis: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4.item-box > .item-image {
    flex-basis: 53.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-4.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-4.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-5 {
  width: 250px;
  height: 310px;
  top: 457px;
  left: 375px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    height: 25vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    height: 82.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    top: 36.8548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    top: 121.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    left: 30.2419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    left: 100vw;
  }
}
#classroom .section-four-body-2 .content .item.item-5 > .item-image {
  width: 250px;
  height: 170px;
  bottom: 0;
  left: calc(50% - 125px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    height: 13.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    height: 45.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    left: calc(50% - 10.0806451613vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    left: calc(50% - 33.3333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-5:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-5.svg");
}
#classroom .section-four-body-2 .content .item.item-5.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-5.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 170px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5.item-box > .item-image {
    flex-basis: 13.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5.item-box > .item-image {
    flex-basis: 45.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-5.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-5.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-6 {
  width: 250px;
  height: 325px;
  top: 526.4px;
  left: 682px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    height: 26.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    height: 86.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    top: 42.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    top: 140.3733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    left: 55vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    left: 181.8666666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-6 > .item-image {
  width: 250px;
  height: 200px;
  bottom: 0;
  left: calc(50% - 125px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    height: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    height: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    left: calc(50% - 10.0806451613vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    left: calc(50% - 33.3333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-6:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-6.svg");
}
#classroom .section-four-body-2 .content .item.item-6.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-6.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 200px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6.item-box > .item-image {
    flex-basis: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6.item-box > .item-image {
    flex-basis: 53.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-6.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-6.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-7 {
  width: 250px;
  height: 250px;
  top: 1003px;
  left: 0px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    height: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    height: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    top: 80.8870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    top: 267.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    left: 0vw;
  }
}
#classroom .section-four-body-2 .content .item.item-7 > .item-image {
  width: 185px;
  height: 232px;
  bottom: -129px;
  left: calc(50% - 92.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    width: 14.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    width: 49.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    height: 18.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    height: 61.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    bottom: -10.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    bottom: -34.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    left: calc(50% - 7.4596774194vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    left: calc(50% - 24.6666666667vw);
  }
}
#classroom .section-four-body-2 .content .item.item-7:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-7.svg");
}
#classroom .section-four-body-2 .content .item.item-7.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-7.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 232px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7.item-box > .item-image {
    flex-basis: 18.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7.item-box > .item-image {
    flex-basis: 61.8666666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-7.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-7.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-8 {
  width: 290px;
  height: 290px;
  top: 895px;
  left: 260px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    width: 23.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    width: 77.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    height: 23.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    height: 77.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    top: 72.1774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    top: 238.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    left: 20.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    left: 69.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-8 > .item-image {
  width: 103px;
  height: 170px;
  bottom: -75px;
  left: calc(50% - 51.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    width: 8.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    width: 27.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    height: 13.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    height: 45.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    bottom: -6.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    bottom: -20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    left: calc(50% - 4.1532258065vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    left: calc(50% - 13.7333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-8:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-8.svg");
}
#classroom .section-four-body-2 .content .item.item-8.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-8.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 170px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8.item-box > .item-image {
    flex-basis: 13.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8.item-box > .item-image {
    flex-basis: 45.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-8.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-8.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-9 {
  width: 250px;
  height: 250px;
  top: 1090px;
  left: 515px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    height: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    height: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    top: 87.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    top: 290.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    left: 41.5322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    left: 137.3333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-9 > .item-image {
  width: 139px;
  height: 187px;
  bottom: -96px;
  left: calc(50% - 69.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    width: 11.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    width: 37.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    height: 15.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    height: 49.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    bottom: -7.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    bottom: -25.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    left: calc(50% - 5.6048387097vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    left: calc(50% - 18.5333333333vw);
  }
}
#classroom .section-four-body-2 .content .item.item-9:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-9.svg");
}
#classroom .section-four-body-2 .content .item.item-9.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-9.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 187px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9.item-box > .item-image {
    flex-basis: 15.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9.item-box > .item-image {
    flex-basis: 49.8666666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-9.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-9.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
#classroom .section-four-body-2 .content .item.item-10 {
  width: 250px;
  height: 250px;
  top: 920px;
  left: 750px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    width: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    width: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    height: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    height: 66.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    top: 74.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    top: 245.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    left: 60.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    left: 200vw;
  }
}
#classroom .section-four-body-2 .content .item.item-10 > .item-image {
  width: 185px;
  height: 193px;
  bottom: -112px;
  left: calc(50% - 92.5px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    width: 14.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    width: 49.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    height: 15.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    height: 51.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    bottom: -9.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    bottom: -29.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    left: calc(50% - 7.4596774194vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    left: calc(50% - 24.6666666667vw);
  }
}
#classroom .section-four-body-2 .content .item.item-10:after {
  background-image: url("/ste-lam/one-world/image/classroom/section-four/num-10.svg");
}
#classroom .section-four-body-2 .content .item.item-10.item-box {
  display: flex;
  flex-direction: column;
}
#classroom .section-four-body-2 .content .item.item-10.item-box > .item-image {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 193px;
  position: static;
  width: 100%;
  border-radius: inherit;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  overflow: hidden;
  border-top: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10.item-box > .item-image {
    flex-basis: 15.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10.item-box > .item-image {
    flex-basis: 51.4666666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-10.item-box > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#classroom .section-four-body-2 .content .item.item-10.item-box > .item-body {
  border-radius: inherit;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom: 4px;
  border-left: 4px;
  border-right: 4px;
  border-color: #f5d6eb;
  border-style: solid;
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 0vw;
    left: 5.3333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-1 > .item-image {
    width: 30.5466666667vw;
    height: 17.6533333333vw;
    bottom: -11.1733333333vw;
    left: calc(50% - 57.275px);
  }
  #classroom .section-four-body-2 .content .item.item-1.item-box > .item-image {
    flex-basis: 17.6533333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 7.92vw;
    left: 52.2666666667vw;
  }
  #classroom .section-four-body-2 .content .item.item-2 > .item-image {
    width: 18.9333333333vw;
    height: 33.8666666667vw;
    bottom: -28.08vw;
    left: calc(50% - 35.5px);
  }
  #classroom .section-four-body-2 .content .item.item-2.item-box > .item-image {
    flex-basis: 33.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 58.0533333333vw;
    left: 5.3333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-3 > .item-image {
    width: 31.7333333333vw;
    height: 20.8vw;
    bottom: -10.2133333333vw;
    left: calc(50% - 59.5px);
  }
  #classroom .section-four-body-2 .content .item.item-3.item-box > .item-image {
    flex-basis: 20.8vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 {
    width: 37.3333333333vw;
    height: 53.3333333333vw;
    top: 90.6666666667vw;
    left: 54.9333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-4 > .item-image {
    width: 37.3333333333vw;
    height: 26.6666666667vw;
    bottom: 0vw;
    left: calc(50% - 70px);
  }
  #classroom .section-four-body-2 .content .item.item-4.item-box > .item-image {
    flex-basis: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 {
    width: 37.3333333333vw;
    height: 53.3333333333vw;
    top: 124.16vw;
    left: 5.3333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-5 > .item-image {
    width: 37.3333333333vw;
    height: 24vw;
    bottom: 0vw;
    left: calc(50% - 70px);
  }
  #classroom .section-four-body-2 .content .item.item-5.item-box > .item-image {
    flex-basis: 24vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 {
    width: 37.3333333333vw;
    height: 48vw;
    top: 155.0133333333vw;
    left: 54.9333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-6 > .item-image {
    width: 37.3333333333vw;
    height: 26.6666666667vw;
    bottom: 0vw;
    left: calc(50% - 70px);
  }
  #classroom .section-four-body-2 .content .item.item-6.item-box > .item-image {
    flex-basis: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 191.92vw;
    left: 5.3333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-7 > .item-image {
    width: 25.8666666667vw;
    height: 29.3333333333vw;
    bottom: -17.9466666667vw;
    left: calc(50% - 48.5px);
  }
  #classroom .section-four-body-2 .content .item.item-7.item-box > .item-image {
    flex-basis: 29.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 214.5866666667vw;
    left: 52.2666666667vw;
  }
  #classroom .section-four-body-2 .content .item.item-8 > .item-image {
    width: 17.8666666667vw;
    height: 29.6vw;
    bottom: -19.0133333333vw;
    left: calc(50% - 33.5px);
  }
  #classroom .section-four-body-2 .content .item.item-8.item-box > .item-image {
    flex-basis: 29.6vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 254.8533333333vw;
    left: 5.3333333333vw;
  }
  #classroom .section-four-body-2 .content .item.item-9 > .item-image {
    width: 22.9333333333vw;
    height: 30.6666666667vw;
    bottom: -16.88vw;
    left: calc(50% - 43px);
  }
  #classroom .section-four-body-2 .content .item.item-9.item-box > .item-image {
    flex-basis: 30.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 {
    width: 42.6666666667vw;
    height: 42.6666666667vw;
    top: 283.3866666667vw;
    left: 52.2666666667vw;
  }
  #classroom .section-four-body-2 .content .item.item-10 > .item-image {
    width: 25.8666666667vw;
    height: 26.9333333333vw;
    bottom: -9.4133333333vw;
    left: calc(50% - 48.5px);
  }
  #classroom .section-four-body-2 .content .item.item-10.item-box > .item-image {
    flex-basis: 26.9333333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
  margin-top: 76.7px;
  width: 119px;
  height: 49.24px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    margin-top: 6.185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    width: 9.5967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    width: 22.2133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    height: 3.9709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-1 {
    height: 8.9253333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
  margin-top: 25.8px;
  width: 249.02px;
  height: 37.22px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    margin-top: 2.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    margin-top: 3.1466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    width: 20.0822580645vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    width: 29.0986666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    height: 3.0016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-1 > .item-body > .text-image-2 {
    height: 11.1706666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
  margin-top: 67.8px;
  width: 99.14px;
  height: 49.18px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    margin-top: 5.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    width: 7.9951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    width: 18.5066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    height: 3.9661290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-1 {
    height: 8.9146666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
  margin-top: 26.1px;
  width: 225.92px;
  height: 37.12px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    margin-top: 2.1048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    margin-top: 3.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    width: 18.2193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    width: 29.0586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    height: 2.9935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-2 > .item-body > .text-image-2 {
    height: 11.2826666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
  margin-top: 70.8px;
  width: 138.48px;
  height: 49.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    margin-top: 5.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    width: 11.1677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    width: 25.7706666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    height: 3.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-1 {
    height: 8.8986666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
  margin-top: 26.4px;
  width: 152.24px;
  height: 36.88px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    margin-top: 2.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    margin-top: 3.1733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    width: 12.2774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    width: 31.896vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    height: 2.9741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-3 > .item-body > .text-image-2 {
    height: 6.9653333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
  margin-top: 13.7px;
  width: 177.26px;
  height: 19.32px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    margin-top: 1.1048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    margin-top: 3.8933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    width: 14.2951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    width: 33.088vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    height: 1.5580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-1 {
    height: 3.6053333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
  margin-top: 19.1px;
  width: 207.27px;
  height: 60.64px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    margin-top: 1.5403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    margin-top: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    width: 16.7153225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    width: 31.8586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    height: 4.8903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-4 > .item-body > .text-image-2 {
    height: 11.24vw;
  }
}
#classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
  margin-top: 21.1px;
  width: 177.18px;
  height: 48.38px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    margin-top: 1.7016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    margin-top: 3.4133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    width: 14.2887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    width: 33.0746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    height: 3.9016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-1 {
    height: 8.7653333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
  margin-top: 15.2px;
  width: 180.31px;
  height: 37.05px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    margin-top: 1.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    margin-top: 3.44vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    width: 14.5411290323vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    width: 29.0693333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    height: 2.9879032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-5 > .item-body > .text-image-2 {
    height: 11.256vw;
  }
}
#classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
  margin-top: 24.8px;
  width: 158.98px;
  height: 19.12px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    margin-top: 2.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    width: 12.8209677419vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    width: 29.6773333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    height: 1.5419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-1 {
    height: 3.568vw;
  }
}
#classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
  margin-top: 17.3px;
  width: 206.79px;
  height: 36.74px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    margin-top: 1.3951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    margin-top: 3.92vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    width: 16.6766129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    width: 32.064vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    height: 2.9629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-6 > .item-body > .text-image-2 {
    height: 6.936vw;
  }
}
#classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
  margin-top: 61.4px;
  width: 136.48px;
  height: 17.96px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    margin-top: 4.9516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    margin-top: 9.4933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    width: 11.0064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    width: 25.4773333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    height: 1.4483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-1 {
    height: 3.352vw;
  }
}
#classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
  margin-top: 21.7px;
  width: 166.74px;
  height: 13.01px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    margin-top: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    margin-top: 4.2933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    width: 13.4467741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    width: 20.2106666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    height: 1.0491935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-7 > .item-body > .text-image-2 {
    height: 6.9893333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
  margin-top: 60.8px;
  width: 198.42px;
  height: 49.12px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    margin-top: 4.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    width: 16.0016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    width: 37.0373333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    height: 3.9612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-1 {
    height: 8.9013333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
  margin-top: 27.2px;
  width: 222.56px;
  height: 36.96px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    margin-top: 2.1935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    margin-top: 3.1466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    width: 17.9483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    width: 34.6506666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    height: 2.9806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-8 > .item-body > .text-image-2 {
    height: 6.984vw;
  }
}
#classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
  margin-top: 60.8px;
  width: 97.06px;
  height: 19.12px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    margin-top: 4.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    width: 7.8274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    width: 18.1173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    height: 1.5419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-1 {
    height: 3.568vw;
  }
}
#classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
  margin-top: 21.3px;
  width: 148.3px;
  height: 36.75px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    margin-top: 1.7177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    margin-top: 4.2133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    width: 11.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    width: 31.072vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    height: 2.9637096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-9 > .item-body > .text-image-2 {
    height: 6.9386666667vw;
  }
}
#classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
  margin-top: 60.7px;
  width: 78.28px;
  height: 18.76px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    margin-top: 4.8951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    margin-top: 9.3866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    width: 6.3129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    width: 14.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    height: 1.5129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-1 {
    height: 3.5013333333vw;
  }
}
#classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
  margin-top: 14.7px;
  width: 206.07px;
  height: 60.78px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    margin-top: 1.185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    margin-top: 4.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    width: 16.6185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    width: 34.3946666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    height: 4.9016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-four-body-2 .content .item.item-10 > .item-body > .text-image-2 {
    height: 6.9546666667vw;
  }
}

#classroom .section-five {
  padding-top: 68.2px;
  padding-bottom: 59px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/common/bg_gradient_50.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five {
    padding-top: 5.5vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five {
    padding-top: 10vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five {
    padding-bottom: 4.7580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five {
    padding-bottom: 12vw;
  }
}
#classroom .section-five-head .text-image {
  width: 451.71px;
  height: 28.71px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-head .text-image {
    width: 36.4282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-head .text-image {
    width: 72.2746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-head .text-image {
    height: 2.3153225806vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-head .text-image {
    height: 4.5946666667vw;
  }
}
#classroom .section-five-body-1 {
  padding-top: 39.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 {
    padding-top: 3.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 {
    padding-top: 5.3866666667vw;
  }
}
#classroom .section-five-body-1 .content {
  width: 100%;
  height: 250px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content {
    height: 20.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content {
    height: 98.6666666667vw;
  }
}
#classroom .section-five-body-1 .content > .cover-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .cover-image {
    height: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .cover-image {
    height: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .cover-image {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .cover-image {
    border-radius: 5.3333333333vw;
  }
}
#classroom .section-five-body-1 .content > .cover-image.lazyloaded {
  background-image: url("/ste-lam/one-world/image/classroom/section-five/cover-image.jpg");
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .cover-image {
    width: calc(100% - 10.6666666667vw);
  }
  #classroom .section-five-body-1 .content > .cover-image.lazyloaded {
    background-image: url("/ste-lam/one-world/image/classroom/section-five/cover-image_sp.jpg");
  }
}
#classroom .section-five-body-1 .content > .row {
  position: absolute;
  top: 150px;
  left: calc(50% - 372.5px);
  width: 745px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row {
    top: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row {
    top: 48vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row {
    left: calc(50% - 30.0403225806vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row {
    left: calc(50% - 99.3333333333vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row {
    width: 60.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row {
    width: 84vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row {
    flex-direction: column;
    align-items: center;
    left: 8vw;
  }
}
#classroom .section-five-body-1 .content > .row .item {
  position: relative;
  width: 235px;
  height: 100px;
  background-color: #fff;
  border-radius: 20px;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item {
    width: 18.9516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item {
    width: 84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item {
    border-radius: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item {
    border-radius: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item {
    justify-content: start;
  }
  #classroom .section-five-body-1 .content > .row .item:not(:first-child) {
    margin-top: 1.3333333333vw;
  }
  #classroom .section-five-body-1 .content > .row .item > .text-image {
    margin-left: 20.1333333333vw;
  }
}
#classroom .section-five-body-1 .content > .row .item:after {
  display: block;
  content: "";
  height: 21.92px;
  position: absolute;
  top: -10.96px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item:after {
    height: 1.7677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item:after {
    height: 5.8453333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item:after {
    top: -0.8838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item:after {
    top: -2.9226666667vw;
  }
}
#classroom .section-five-body-1 .content > .row .item.item-1:after {
  width: 28.24px;
  left: calc(50% - 14.12px);
  background-image: url("/ste-lam/one-world/image/classroom/section-five/num-01.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-1:after {
    width: 2.2774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-1:after {
    width: 7.5306666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-1:after {
    left: calc(50% - 1.1387096774vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-1:after {
    left: calc(50% - 3.7653333333vw);
  }
}
#classroom .section-five-body-1 .content > .row .item.item-1 > .text-image {
  width: 95.17px;
  height: 56.77px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-1 > .text-image {
    width: 7.675vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-1 > .text-image {
    width: 50.224vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-1 > .text-image {
    height: 4.5782258065vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-1 > .text-image {
    height: 7.9386666667vw;
  }
}
#classroom .section-five-body-1 .content > .row .item.item-2:after {
  width: 30.99px;
  left: calc(50% - 15.495px);
  background-image: url("/ste-lam/one-world/image/classroom/section-five/num-02.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-2:after {
    width: 2.4991935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-2:after {
    width: 8.264vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-2:after {
    left: calc(50% - 1.2495967742vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-2:after {
    left: calc(50% - 4.132vw);
  }
}
#classroom .section-five-body-1 .content > .row .item.item-2 > .text-image {
  width: 82.64px;
  height: 57.17px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-2 > .text-image {
    width: 6.664516129vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-2 > .text-image {
    width: 37.3626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-2 > .text-image {
    height: 4.610483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-2 > .text-image {
    height: 8.0453333333vw;
  }
}
#classroom .section-five-body-1 .content > .row .item.item-3:after {
  width: 30.9px;
  left: calc(50% - 15.45px);
  background-image: url("/ste-lam/one-world/image/classroom/section-five/num-03.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-3:after {
    width: 2.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-3:after {
    width: 8.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-3:after {
    left: calc(50% - 1.2459677419vw);
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-3:after {
    left: calc(50% - 4.12vw);
  }
}
#classroom .section-five-body-1 .content > .row .item.item-3 > .text-image {
  width: 137.95px;
  height: 56.97px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-3 > .text-image {
    width: 11.125vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-3 > .text-image {
    width: 50.0293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .content > .row .item.item-3 > .text-image {
    height: 4.5943548387vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item.item-3 > .text-image {
    height: 7.992vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .content > .row .item::after {
    top: calc(50% - 2.9226666667vw);
    left: 7.5733333333vw !important;
  }
}
#classroom .section-five-body-1 .action-btn {
  margin-top: 55px;
  width: 310px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #4499cc;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 22px);
  background-size: 20px 20px;
  background-image: url("/ste-lam/one-world/image/classroom/section-five/icon-link.svg");
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn {
    margin-top: 4.435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn {
    width: 82.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn {
    background-position-x: calc(100% - 1.7741935484vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn {
    background-size: 1.6129032258vw 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn {
    background-size: 5.3333333333vw 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn {
    background-position-x: calc(100% - 5.8666666667vw);
  }
}
#classroom .section-five-body-1 .action-btn > .text-image {
  width: 216.9px;
  height: 19.22px;
  margin-left: -22px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    width: 17.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    width: 57.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    height: 1.55vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    height: 5.1253333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    margin-left: -1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-five-body-1 .action-btn > .text-image {
    margin-left: -5.8666666667vw;
  }
}

#classroom {
  overflow: hidden;
}
#classroom .section-campaign {
  position: relative;
}
#classroom .section-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#classroom .section-campaign__content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-campaign__content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #classroom .section-campaign__content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #classroom .section-campaign__content {
    padding-bottom: 5.6vw;
  }
}

html {
  scroll-behavior: smooth;
}

.ui-web {
  visibility: hidden;
}

.english {
  margin-top: 40px;
}
@media screen and (min-width: 1000px) {
  .english {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1919px) {
  .english .A1Section .swiper-pc {
    height: 800px;
  }
}
.english .swiper-pc {
  width: 100%;
  height: 42vw;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .swiper-pc {
    height: 48vw;
    margin-top: 3.481vw;
  }
}
.english .sp {
  overflow-x: hidden;
  overflow-y: hidden;
}
.english .sp .logo {
  width: 48vw;
  margin: 16.6vw auto 12vw;
}
.english .sp .A1Section {
  position: relative;
  margin-top: 30px;
}
.english .sp .A1Section .ow__container {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .english .sp .A1Section .ow__container {
    position: relative;
  }
  .english .sp .A1Section .ow__container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #fff;
    background-repeat: repeat-y;
    background-position-x: center;
    background-position-y: top;
    background-size: calc(100% + 20px);
    background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
  }
}
.english .sp .A1Section .c-KeyVisualSlides__item--02.lazyloaded {
  background: none;
}
.english .sp .A1Section .c-KeyVisualSlides__item--03.lazyloaded {
  background: none;
}
.english .sp .A1Section .c-KeyVisual {
  padding-top: 0;
  max-height: 160.867vw;
  margin-top: -3vw;
}
.english .sp .A1Section .c-KeyVisualSlides {
  width: 161.867vw;
}
.english .sp .A1Section .mb-slide-img-1 {
  margin-top: -23vw;
  width: 100vw;
  height: 174vw;
}
.english .sp .A1Section .mb-slide-img-2 {
  margin-top: -23vw;
  width: 100vw;
  height: 173vw;
}
.english .sp .A1Section .c-KeyVisual .swiper-pagination-bullets.u-imp {
  bottom: 36px;
}
.english .sp .A1Section__title > img {
  width: 84vw;
  margin: 9vw auto 0;
}
.english .sp .A1Section__title-text-1 {
  margin: 7vw auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
.english .sp .A1Section__pentagon {
  position: relative;
  list-style: none;
}
.english .sp .A1Section__pentagon_symbol-1 {
  width: 16vw;
  margin: -5vw 0 0 1.4vw;
  opacity: 0.2;
  position: absolute;
}
.english .sp .A1Section__pentagon-inner {
  height: 80vw;
  margin: 19.2vw auto 0;
}
.english .sp .A1Section__pentagon-earth-circle-inner {
  margin-top: -97vw;
  height: 57vw;
  margin-left: auto;
  margin-right: auto;
}
.english .sp .A1Section__pentagon-earth-title-1 {
  margin-left: auto;
  margin-right: auto;
  margin-top: -7.3vw;
  width: 39.7vw;
}
.english .sp .A1Section__pentagon-earth-circle-2-inner {
  height: 56vw;
  margin-left: 64vw;
  margin-top: -28vw;
}
.english .sp .A1Section__pentagon-earth-title-2 {
  margin-left: 69.5vw;
  padding-right: 15px;
  width: 35vw;
  margin-top: -6.5vw;
}
.english .sp .A1Section__pentagon-earth-circle-3-inner {
  height: 56vw;
  margin-top: -56vw;
  margin-left: -5.5vw;
}
.english .sp .A1Section__pentagon-earth-title-3 {
  margin-top: -7.5vw;
  width: 37vw;
  margin-left: -3.8vw;
}
.english .sp .A1Section__pentagon-earth-circle-4-inner {
  height: 56vw;
  margin-top: -12vw;
  margin-left: 4vw;
}
.english .sp .A1Section__pentagon-earth-title-4 {
  margin-left: 7vw;
  margin-top: -9vw;
  width: 42vw;
}
.english .sp .A1Section__pentagon-earth-circle-5-inner {
  height: 56vw;
  margin-left: 49.3vw;
  margin-top: -55.9vw;
}
.english .sp .A1Section__pentagon-earth-title-5 {
  width: 41.3vw;
  margin: -9.2vw 0 0 51.6vw;
}
.english .sp .A1Section__pentagon-symbol-2_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.english .sp .A1Section__pentagon-symbol-2_container-symbol-2 {
  width: 21vw;
  opacity: 0.2;
  margin: -50vw 0 0 90vw;
  position: relative;
  z-index: -1;
}
.english .sp .A1Section__title-1--pink {
  margin: -1.7vw auto 0;
  width: 47.8vw;
}
.english .sp .A1Section__title-2 {
  margin-left: -2vw;
}
.english .sp .A1Section__title-2 > img {
  width: 55.5vw;
  margin: 1vw auto 0;
}
.english .sp .A1Section__title-3 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.8vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin: 4.267vw auto 0;
}
.english .sp .A1Section__english {
  width: 100vw;
  margin-top: 7.5vw;
}
.english .sp .A1Section__english-1-img {
  height: 199vw;
}
.english .sp .A1Section__english-button {
  width: 47.2vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  margin-top: -13.4vw;
  margin-left: auto;
  margin-right: auto;
}
.english .sp .A1Section__english-button > a > img {
  width: 100vw;
}
.english .sp .A1Section__banner {
  position: relative;
}
.english .sp .A1Section__banner--small {
  margin-top: 9.667vw;
  height: 128vw;
}
.english .sp .B1Section {
  position: relative;
}
.english .sp .B1Section__title-2--light-green {
  margin: 9.013vw auto 0;
  width: 48.8vw;
}
.english .sp .B1Section__title2 {
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
}
.english .sp .B1Section__title2 > img {
  width: 100vw;
}
.english .sp .B1Section__title3 {
  width: 84vw;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.8vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  text-align: center;
  color: #777777;
  margin: 4.267vw auto 0;
}
.english .sp .B1Section__english {
  position: relative;
}
.english .sp .B1Section__english-symbol-1 {
  width: 37.6vw;
  margin-top: 4vw;
}
.english .sp .B1Section__english_buggle {
  height: 108vw;
  margin-top: -37vw;
}
.english .sp .B1Section__english-button {
  width: 100vw;
  position: absolute;
  top: 79vw;
  left: 71%;
  transform: translate(-50%, 0);
}
.english .sp .B1Section__english-button > a > img {
  width: 58vw;
}
.english .sp .B1Section__title-3--light-green {
  margin: 8vw auto 0;
  width: 36vw;
}
.english .sp .B1Section__title-4 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  text-align: center;
  color: #777777;
  margin-top: 2.4vw;
}
.english .sp .B1Section__2_1_img_1 {
  margin-top: -3.733vw;
  width: 100vw;
}
.english .sp .B1Section__text-7 {
  font-family: "A-OTF Shin Maru Go Emboss", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 2.2px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  margin: 30px 0 0 39vw;
}
.english .sp .B1Section__text-8 {
  font-family: "A-OTF Shin Maru Go Emboss", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 2.2px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  margin: 59px 0 0 19vw;
  position: absolute;
}
.english .sp .B1Section__sp-gradient-2 {
  margin-left: -5vw;
  margin-top: 7vw;
}
.english .sp .B1Section__2_1_img_2 {
  margin-top: -227vw;
  width: 100vw;
}
.english .sp .B1Section__btm-gradnt {
  margin-top: 7vw;
}
.english .sp .B1Section__btm-gradnt > img {
  width: 100vw;
}
.english .sp .B1Section__symbol-3 {
  width: 48vw;
  margin-left: -8vw;
  opacity: 0.5;
  margin-top: -17vw;
}
.english .sp .B1Section__title-4--light-green {
  margin: -24vw auto 0;
  width: 60.3vw;
}
.english .sp .B1Section__text-2 {
  margin: -5.653vw 0 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
.english .sp .B1Section__sp-gradient {
  opacity: 0.92;
  width: 100vw;
}
.english .sp .B1Section__title-5 {
  position: absolute;
  height: 55px;
  font-family: "A-OTF Shin Maru Go Emboss", sans-serif;
  font-size: 5.1vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: -202vw 58px 0;
}
.english .sp .B1Section__2-2-img-1 {
  margin-top: 6.667vw;
}
.english .sp .B1Section__2-2-img-2 {
  position: absolute;
  margin-top: -183vw;
}
.english .sp .B1Section__comin-soon {
  position: relative;
}
.english .sp .B1Section__comin-soon .b1-dummy {
  position: absolute;
  top: 140vw;
  left: 48%;
  transform: translate(-50%, 0);
  width: 74vw;
  background-color: black;
}
.english .sp .C1Section__content_image {
  margin-top: 34.4vw;
}
.english .sp .C1Section__content_image_title-3--green {
  margin: -25.6vw auto 0;
  width: 49.8vw;
}
.english .sp .C1Section__title2 > img {
  width: 72.5vw;
  margin-top: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.english .sp .C1Section__title3 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin: 4vw auto 0;
}
.english .sp .C1Section__column-cl {
  margin-top: -5vw;
  margin-left: 2vw;
}
.english .sp .C1Section__column-cl > img {
  width: 97vw;
}
.english .sp .C1Section__grn-bibble-cl {
  width: 100vw;
  height: 361.6933333333vw;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.2666666667vw;
}
.english .sp .C1Section__grn-bibble-cl.lazyloaded {
  background-position: center;
  background-size: 116.5333333333vw;
  background-repeat: no-repeat;
  background-image: url("/ste-lam/one-world/image/pc/section_3_bg_sp.png");
}
.english .sp .C1Section__grn-bibble-cl-item-1 {
  position: absolute;
  width: 51.2vw;
  height: 60.2666666667vw;
  top: 75.6vw;
  left: 45.8666666667vw;
}
.english .sp .C1Section__grn-bibble-cl-item-1 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-2 {
  position: absolute;
  width: 50.9333333333vw;
  height: 60.2666666667vw;
  top: 24.6666666667vw;
  left: 45.8666666667vw;
}
.english .sp .C1Section__grn-bibble-cl-item-2 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-3 {
  position: absolute;
  width: 79.2vw;
  height: 63.2vw;
  top: 163.3333333333vw;
  left: -2.6666666667vw;
}
.english .sp .C1Section__grn-bibble-cl-item-3 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-4 {
  position: absolute;
  width: 58.6666666667vw;
  height: 65.0666666667vw;
  top: 58.8vw;
  left: -2.6666666667vw;
}
.english .sp .C1Section__grn-bibble-cl-item-4 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-5 {
  position: absolute;
  width: 58.6666666667vw;
  height: 64.5333333333vw;
  top: 128.9333333333vw;
  left: 44.5333333333vw;
}
.english .sp .C1Section__grn-bibble-cl-item-5 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-6 {
  position: absolute;
  width: 58.6666666667vw;
  height: 60.2666666667vw;
  top: 244.9333333333vw;
  left: -2.6666666667vw;
}
.english .sp .C1Section__grn-bibble-cl-item-6 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-7 {
  position: absolute;
  width: 58.6666666667vw;
  height: 60.2666666667vw;
  top: 229.4666666667vw;
  left: 44vw;
}
.english .sp .C1Section__grn-bibble-cl-item-7 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__grn-bibble-cl-item-8 {
  position: absolute;
  width: 58.6666666667vw;
  height: 64.5333333333vw;
  top: 306.5333333333vw;
  left: 28vw;
}
.english .sp .C1Section__grn-bibble-cl-item-8 img {
  width: 100%;
  height: 100%;
}
.english .sp .C1Section__stud-sheet {
  margin-top: 8vw;
}
.english .sp .C1Section__stud-sheet > img {
  width: 100vw;
}
.english .sp .C1Section__img_1 {
  margin-top: -27.467vw;
  width: 94vw;
  margin-left: 3vw;
}
.english .sp .C1Section__img_4 {
  margin-top: -15px;
}
.english .sp .C1Section__img_5 {
  margin-top: -35px;
}
.english .sp .C1Section__img_6 {
  margin-top: 5px;
}
.english .sp .C1Section__sp-gradient {
  margin-top: 30px;
  position: relative;
}
.english .sp .C1Section .relative {
  position: relative;
}
.english .sp .C1Section__title-4 {
  position: absolute;
  margin-top: -211vw;
  height: 83px;
  font-family: "A-OTF Shin Maru Go Emboss", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.english .sp .C1Section__banner-2 {
  position: absolute;
  margin-top: -190vw;
}
.english .sp .C1Section__grid {
  display: grid;
  grid-template-columns: 43vw 43vw;
  column-gap: 4vw;
  margin: 8vw auto 0;
  justify-content: center;
}
.english .sp .C1Section__grid > img {
  width: 100vw;
}
.english .sp .C1Section__title-5 {
  margin-left: -1vw;
}
.english .sp .C1Section__title-5 > img {
  margin: 1vw auto 0;
  width: 75vw;
}
.english .sp .C1Section__btm-bubble-cl {
  margin-top: 4vw;
  margin-left: -2.2vw;
}
.english .sp .C1Section__btm-bubble-cl > img:first-of-type {
  max-width: 105.2vw;
}
.english .sp .C1Section__btm-bubble-cl > img:last-of-type {
  max-width: 105vw;
  margin-top: -7vw;
}
.english .sp .D1Section {
  position: relative;
}
.english .sp .D1Section__title--blue {
  margin: -0.533vw auto 0;
  width: 48.8vw;
}
.english .sp .D1Section__title-2 > img {
  margin-left: auto;
  margin-right: auto;
  width: 66vw;
}
.english .sp .D1Section__title-3 {
  margin: 5.333vw auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
.english .sp .D1Section__eiken_mark {
  margin: 7.2vw auto 0;
}
.english .sp .D1Section__symbol-4 {
  width: 45.34vw;
  margin: -29vw 0 0 63vw;
  opacity: 0.5;
  position: relative;
  z-index: -1;
}
.english .sp .D1Section__table-header {
  margin-top: -13vw;
  width: 100vw;
}
.english .sp .D1Section .pass-record {
  background-color: #4499cc;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
.english .sp .D1Section .pass-record__layout-table {
  padding-left: 20px;
  padding-right: 20px;
}
.english .sp .D1Section .pass-record__symbol-5 {
  width: 24.8vw;
  margin: -12vw 0 0 8.2vw;
  opacity: 0.3;
  position: relative;
  z-index: -1;
}
.english .sp .D1Section .pass-record > img {
  padding-top: 3.8vw;
  margin-left: auto;
  margin-right: auto;
}
.english .sp .E1Section {
  position: relative;
}
.english .sp .E1Section-title-purple {
  margin: -2vw auto 0;
  width: 48vw;
}
.english .sp .E1Section__title-2 > img {
  margin: 1vw auto 0;
  width: 76vw;
}
.english .sp .E1Section__title-3 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin-top: 5.6vw;
}
.english .sp .E1Section__tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 23.3vw auto 0;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-left: 20px;
  margin-right: 20px;
  height: 147vw;
}
.english .sp .E1Section__tabs input[type=radio] {
  display: none;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label + .tab {
  display: block;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label {
  background: #fff;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .first-tab {
  background: #aacc55;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .first-tab__text {
  color: #fff;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .second-tab {
  background: #dd77bb;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .second-tab__text {
  color: #fff;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .third-tab {
  background: #4499cc;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .third-tab__text {
  color: #fff;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .forth-tab {
  background: #44bb99;
}
.english .sp .E1Section__tabs input[type=radio]:checked + label .forth-tab__text {
  color: #fff;
}
.english .sp .E1Section__tabs .tab {
  width: 100%;
  background: #fff;
  order: 1;
  display: none;
}
.english .sp .E1Section__tabs .tab h2 {
  font-size: 3em;
}
.english .sp .E1Section__tabs .first-tab {
  width: 18vw;
  height: 11.2vw;
  border: solid 2px #aacc55;
  border-bottom: none;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: absolute;
}
.english .sp .E1Section__tabs .first-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #aacc55;
  margin-left: 3.8vw;
  margin-right: 3.9vw;
  margin-top: 4.3vw;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .sp .E1Section__tabs .second-tab {
  width: 18vw;
  height: 11.2vw;
  border: solid 2px #dd77bb;
  border-bottom: none;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-left: 19.3vw;
  position: absolute;
}
.english .sp .E1Section__tabs .second-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #dd77bb;
  margin-left: 3.8vw;
  margin-right: 3.9vw;
  margin-top: 4.3vw;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .sp .E1Section__tabs .third-tab {
  width: 18vw;
  height: 11.2vw;
  border: solid 2px #4499cc;
  border-bottom: none;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-left: 38.3vw;
  position: absolute;
}
.english .sp .E1Section__tabs .third-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #4499cc;
  margin-left: 3.8vw;
  margin-right: 3.9vw;
  margin-top: 2.3vw;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .sp .E1Section__tabs .forth-tab {
  width: 18vw;
  height: 11.2vw;
  border: solid 2px #44bb99;
  border-bottom: none;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-left: 57.3vw;
  position: absolute;
}
.english .sp .E1Section__tabs .forth-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #44bb99;
  margin-left: 3.8vw;
  margin-right: 3.9vw;
  margin-top: 2.3vw;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .sp .E1Section__tab-2 {
  width: 18vw;
  margin-left: 4px;
}
.english .sp .E1Section__tab-3 {
  width: 18vw;
  margin-left: 4px;
}
.english .sp .E1Section__tab-4 {
  width: 18vw;
  margin-left: 4px;
}
.english .sp .E1Section ::-webkit-scrollbar {
  width: 0;
  border-radius: 5px;
  height: 16px;
}
.english .sp .E1Section ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.english .sp .E1Section ::-webkit-scrollbar-thumb {
  background: #aa88ee;
  border-radius: 9px;
}
.english .sp .E1Section ::-webkit-scrollbar-thumb:hover {
  background: #aa88ee;
}
.english .sp .E1Section ::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 1px solid #c9c6c6;
  border-radius: 10px;
}
.english .sp .E1Section__table_1 {
  width: 203vw;
  max-width: none;
  margin-bottom: 20px !important;
  margin-top: 11.2vw;
  height: 128vw;
}
.english .sp .E1Section__table_2 {
  width: 200vw;
  max-width: none;
  margin-top: 11.2vw;
}
.english .sp .E1Section__table_3 {
  width: 184vw;
  max-width: none;
  margin-top: 11.2vw;
}
.english .sp .E1Section__table_4 {
  width: 184.3vw;
  max-width: none;
  margin-top: 11.2vw;
}
.english .sp .E1Section__table_5 {
  width: 117vw;
  max-width: none;
  margin-top: 11.2vw;
}
.english .sp .E1Section__bubble {
  margin-top: 8.8vw;
  width: 86vw;
  position: absolute;
  margin-left: 14.2vw;
}
.english .sp .E1Section__serf {
  margin: 8.96vw auto 0;
  width: 85vw;
}
.english .sp .E1Section__title-4 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin: -5vw auto 0;
}
.english .sp .E1Section__title-5 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin-left: 12vw;
  margin-right: 12vw;
}
.english .sp .E1Section__symbol-3 {
  width: 34.3vw;
  margin: -9vw 0 0 -3vw;
  opacity: 0.5;
}
.english .sp .E1Section__chart {
  margin: -7.7vw auto 0;
  width: 100vw;
}
.english .sp .E1Section__stem_container-button {
  position: relative;
}
.english .sp .E1Section__stem_container-button > img {
  width: 65vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 29vw;
}
.english .sp .E1Section__stem_container-button-2 {
  position: relative;
}
.english .sp .E1Section__stem_container-button-2 > img {
  width: 76vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -24vw;
}
.english .sp .E1Section__stem_container .E1Section__stem {
  margin: 14.4vw auto 0;
}
.english .sp .E1Section__stem_container .general_arrow_2 {
  position: absolute;
  width: 2.8vw;
  margin: -17.9vw 0 0 79.3vw;
}
.english .sp .E1Section__art_container-button {
  position: relative;
}
.english .sp .E1Section__art_container-button > img {
  width: 53vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 30vw;
}
.english .sp .E1Section__art_container-button-2 {
  position: relative;
}
.english .sp .E1Section__art_container-button-2 > img {
  width: 58vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: -19vw;
}
.english .pc {
  overflow-x: hidden;
  overflow-y: hidden;
}
.english .pc .A1Section {
  position: relative;
  margin-top: 40px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--01 {
  padding-top: 32px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--02.lazyloaded {
  background: url(/ste-lam/one-world/image/english_k/carousel_02_bubble.png) no-repeat;
  background-position: 50% 170px;
  background-size: auto;
}
.english .pc .A1Section .c-KeyVisualSlides__item--04.lazyloaded {
  background: url(/ste-lam/one-world/image/english_k/carousel_04_bubble.png) no-repeat;
  background-position: 50% 300px;
  background-size: auto;
}
.english .pc .A1Section .c-KeyVisualSlides__item--02 {
  padding-top: 90px;
}
.english .pc .A1Section .s2-body {
  overflow: visible;
}
.english .pc .A1Section .s2-title__img > img {
  margin-left: 30px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--02 .s2-body__set:not(:first-of-type) {
  margin-left: 0;
}
.english .pc .A1Section .c-KeyVisualSlides__item--01 .s1-body {
  margin-top: -150px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(odd) {
  margin-top: -76px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--02 .s2-footer__img {
  margin-left: auto;
  margin-right: auto;
  width: 632px;
  margin-top: 85px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--03 .s3-body__set--01 {
  margin-top: -57px;
  width: 1070px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--03 {
  padding-top: 130px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--04 {
  padding-top: 100px;
}
.english .pc .A1Section .s4-body > div {
  width: 220px;
}
.english .pc .A1Section .s4-body > div:nth-child(even) {
  margin-top: 80px;
}
.english .pc .A1Section .c-KeyVisualSlides__item--04 .s4-footer .s4-footer__img > img {
  margin-left: auto;
  margin-right: auto;
}
.english .pc .A1Section .c-KeyVisual .swiper-pagination-bullets.u-imp {
  bottom: 25px;
}
.english .pc .A1Section .c-KeyVisual {
  height: 800px;
  margin-top: -20px;
}
.english .pc .A1Section--grid {
  justify-items: center;
}
.english .pc .A1Section__title {
  margin-top: 104px;
  margin-left: 22px;
}
.english .pc .A1Section__title > img {
  margin-left: auto;
  margin-right: auto;
}
.english .pc .A1Section__title-2 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  margin: 25px auto 0;
}
.english .pc .A1Section__pentagon {
  height: 900px;
}
.english .pc .A1Section__pentagon--main {
  width: 866px;
  margin: 15px auto 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.english .pc .A1Section__pentagon--card-1 > img {
  width: 335px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 227px;
}
.english .pc .A1Section__pentagon--card-2 > img {
  width: 335px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: -26.6rem;
  top: -6rem;
}
.english .pc .A1Section__pentagon--card-3 > img {
  width: 335px;
  left: 50%;
  transform: translate(-50%, 0);
  position: relative;
  margin-left: 27rem;
  top: -24.4rem;
}
.english .pc .A1Section__pentagon--card-4 > img {
  width: 335px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: -13rem;
  top: -10rem;
}
.english .pc .A1Section__pentagon--card-5 > img {
  width: 342px;
  left: 50%;
  transform: translate(-50%, 0);
  position: relative;
  top: -28.5rem;
  margin-left: 13.2rem;
}
.english .pc .A1Section__title-1--pink {
  margin: 116.6px auto 0;
}
.english .pc .A1Section__title-3 {
  margin-left: -10px;
}
.english .pc .A1Section__title-3 > img {
  margin: 12px auto 0;
}
.english .pc .A1Section__title-4 {
  margin: 21px auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
.english .pc .A1Section__img-main {
  width: 1000px;
  margin: 28px auto 0;
}
.english .pc .A1Section__banner-1 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.english .pc .A1Section__english-button {
  text-align: center;
  margin-top: -75px;
}
.english .pc .A1Section__banner-1-days {
  position: relative;
  margin-top: 44px;
}
.english .pc .A1Section__banner-1-days .banner-1-bg-grad {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 390px;
}
.english .pc .B1Section {
  position: relative;
}
.english .pc .B1Section__title-2--lightblue {
  margin: 61.8px auto 0;
}
.english .pc .B1Section__title-container-4 {
  display: flex;
  flex-direction: column;
  margin-top: 71px;
  width: 194.2px;
  margin-left: auto;
  margin-right: auto;
}
.english .pc .B1Section__title-container-4 .B1Section__title-13 {
  margin-left: auto;
  margin-right: auto;
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  opacity: 0.99;
}
.english .pc .B1Section__title-container-4 .B1Section__title-14 {
  margin-left: auto;
  margin-right: auto;
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  opacity: 0.99;
}
.english .pc .B1Section__clil {
  position: relative;
}
.english .pc .B1Section__clil span > img {
  margin: -105px auto 0;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
.english .pc .B1Section__title-2 {
  margin-top: 10px;
  margin-left: 18px;
}
.english .pc .B1Section__title-2 > img {
  margin-left: auto;
  margin-right: auto;
}
.english .pc .B1Section__title-3 {
  margin: 24px auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  white-space: nowrap;
}
.english .pc .B1Section__symbol_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 88px 0 0 -708px;
}
.english .pc .B1Section__symbol_2 .B1Section__bg_1 {
  position: absolute;
  width: 141px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .B1Section__symbol_2 .B1Section__bg_1 {
    position: unset;
    margin-top: -9vw;
  }
}
.english .pc .B1Section__big_buggle {
  width: 780px;
  margin: -72px auto 0;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .B1Section__big_buggle {
    position: unset;
    width: 100%;
    margin-top: -17vw;
  }
}
.english .pc .B1Section__symbol_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 13.2rem 0 0 70rem;
}
.english .pc .B1Section__symbol_3 .B1Section__bg_2 {
  width: 150px;
}
.english .pc .B1Section__2_1_title {
  margin: -13vw auto 0;
}
@media screen and (min-width: 1000px) {
  .english .pc .B1Section__2_1_title {
    margin-top: -224px;
  }
}
.english .pc .B1Section__title-4 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  margin-top: 10px;
  margin-left: 2px;
}
.english .pc .B1Section__2_1_img_1 {
  width: 1000px;
  margin: 30px auto 0;
}
.english .pc .B1Section__title-5 {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 1.01vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  margin: 1.5vw 0 -102px 47.5vw;
  position: absolute;
}
.english .pc .B1Section__title-6 {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 1.01vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  margin: 3vw 0 -102px 44.2vw;
  position: absolute;
}
.english .pc .B1Section__gra2 {
  margin-top: -90px;
  width: 100%;
  height: 580px;
  position: absolute;
  z-index: -1;
}
.english .pc .B1Section__gra3 {
  margin-top: -86px;
  width: 100%;
  height: 580px;
}
.english .pc .B1Section__2_1_img_2 {
  margin: 0 auto;
  width: 1040px;
  margin-top: -93px;
}
.english .pc .B1Section__2_2_title_2 {
  margin: 73px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .B1Section__2_2_title_2 {
    margin-top: 17.273vw;
  }
}
.english .pc .B1Section__title-7 {
  margin-left: auto;
  margin-right: auto;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  margin-top: -14px;
}
.english .pc .B1Section__symbol_4 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -151px 0 0 -732px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .B1Section__symbol_4 {
    margin-left: -80vw;
  }
}
.english .pc .B1Section__symbol_4 .B1Section__bg_3 {
  width: 198px;
}
.english .pc .B1Section__2_2_img_1 {
  width: 1000px;
  border-radius: 30px;
  margin: -23px auto 0;
}
.english .pc .B1Section__title-8 {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  margin: 45px auto 0;
  opacity: 0.99;
}
.english .pc .B1Section__title-9 {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  opacity: 0.99;
}
.english .pc .B1Section__2_2_img_2 {
  width: 1040px;
  margin: -580px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .B1Section__2_2_img_2 {
    margin-top: -57.955vw;
  }
}
.english .pc .B1Section__drama {
  position: relative;
  top: 4.2rem;
}
.english .pc .B1Section__drama > img:first-of-type {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
.english .pc .C1Section__title-2--green {
  margin: 111.48px auto 0;
}
.english .pc .C1Section__title-2 {
  margin-left: -11px;
}
.english .pc .C1Section__title-2 > img {
  margin: 14px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__title-2 > img {
    width: 95vw;
  }
}
.english .pc .C1Section__title-3 {
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 26px auto 0;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  padding-left: 2px;
}
.english .pc .C1Section__img_main {
  width: 1000px;
  margin: 26px auto 0;
}
.english .pc .C1Section__all_in {
  width: 1017px;
  margin: 7px auto 0;
}
.english .pc .C1Section__all-in-section {
  width: 1000px;
  height: 1012.88px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section {
    height: 81.6838709677vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section {
    height: 270.1013333333vw;
  }
}
.english .pc .C1Section__all-in-section.lazyloaded {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/ste-lam/one-world/image/pc/section_3_bg.png");
}
.english .pc .C1Section__all-in-section-item-1 {
  position: absolute;
  width: 220px;
  height: 243px;
  top: 116.9px;
  left: 39.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-1 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-1 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-1 {
    height: 19.5967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-1 {
    height: 64.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-1 {
    top: 9.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-1 {
    top: 31.1733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-1 {
    left: 3.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-1 {
    left: 10.4266666667vw;
  }
}
.english .pc .C1Section__all-in-section-item-1 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-2 {
  position: absolute;
  width: 220px;
  height: 243px;
  top: 116.9px;
  left: 239.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-2 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-2 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-2 {
    height: 19.5967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-2 {
    height: 64.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-2 {
    top: 9.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-2 {
    top: 31.1733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-2 {
    left: 19.2822580645vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-2 {
    left: 63.76vw;
  }
}
.english .pc .C1Section__all-in-section-item-2 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-3 {
  position: absolute;
  width: 304px;
  height: 243px;
  top: 116.9px;
  left: 582.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-3 {
    width: 24.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-3 {
    width: 81.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-3 {
    height: 19.5967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-3 {
    height: 64.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-3 {
    top: 9.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-3 {
    top: 31.1733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-3 {
    left: 46.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-3 {
    left: 155.2266666667vw;
  }
}
.english .pc .C1Section__all-in-section-item-3 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-4 {
  position: absolute;
  width: 220px;
  height: 261px;
  top: 345.9px;
  left: 39.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-4 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-4 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-4 {
    height: 21.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-4 {
    height: 69.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-4 {
    top: 27.8951612903vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-4 {
    top: 92.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-4 {
    left: 3.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-4 {
    left: 10.4266666667vw;
  }
}
.english .pc .C1Section__all-in-section-item-4 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-5 {
  position: absolute;
  width: 220px;
  height: 261px;
  top: 345.9px;
  left: 776.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-5 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-5 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-5 {
    height: 21.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-5 {
    height: 69.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-5 {
    top: 27.8951612903vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-5 {
    top: 92.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-5 {
    left: 62.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-5 {
    left: 206.96vw;
  }
}
.english .pc .C1Section__all-in-section-item-5 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-6 {
  position: absolute;
  width: 220px;
  height: 245px;
  top: 677.9px;
  left: 39.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-6 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-6 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-6 {
    height: 19.7580645161vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-6 {
    height: 65.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-6 {
    top: 54.6693548387vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-6 {
    top: 180.7733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-6 {
    left: 3.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-6 {
    left: 10.4266666667vw;
  }
}
.english .pc .C1Section__all-in-section-item-6 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-7 {
  position: absolute;
  width: 220px;
  height: 245px;
  top: 748.9px;
  left: 239.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-7 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-7 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-7 {
    height: 19.7580645161vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-7 {
    height: 65.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-7 {
    top: 60.3951612903vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-7 {
    top: 199.7066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-7 {
    left: 19.2822580645vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-7 {
    left: 63.76vw;
  }
}
.english .pc .C1Section__all-in-section-item-7 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__all-in-section-item-8 {
  position: absolute;
  width: 220px;
  height: 259px;
  top: 687.9px;
  left: 674.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-8 {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-8 {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-8 {
    height: 20.8870967742vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-8 {
    height: 69.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-8 {
    top: 55.4758064516vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-8 {
    top: 183.44vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__all-in-section-item-8 {
    left: 54.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  .english .pc .C1Section__all-in-section-item-8 {
    left: 179.76vw;
  }
}
.english .pc .C1Section__all-in-section-item-8 img {
  width: 100%;
  height: 100%;
}
.english .pc .C1Section__title-10 {
  margin-top: 30px;
}
.english .pc .C1Section__title-10 > img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: -9px;
  left: -5px;
}
.english .pc .C1Section__title-11 {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 0.99;
  text-align: center;
}
.english .pc .C1Section__gra2 {
  margin-top: -69px;
  width: 100%;
  height: 580px;
  position: absolute;
  z-index: -1;
}
.english .pc .C1Section__3_3_img_2 {
  width: 1040px;
  margin: 13px auto 0;
  opacity: 0.99;
}
.english .pc .C1Section__two_option {
  width: 1040px;
  margin: 40px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .C1Section__two_option {
    width: 100%;
  }
}
.english .pc .D1Section {
  position: relative;
}
.english .pc .D1Section__title_1 {
  margin: 30px auto 0;
}
.english .pc .D1Section__title-2 {
  margin-left: -10px;
}
.english .pc .D1Section__title-2 > img {
  margin: 11px auto 0;
}
.english .pc .D1Section__title-3 {
  margin: 24px auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
.english .pc .D1Section__eiken-cl {
  position: relative;
  margin-left: 27px;
}
.english .pc .D1Section__eiken_mark {
  width: 145px;
  height: 80px;
  margin: 36px auto 0;
  font-family: "Hiragino Mincho Pro", sans-serif;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.67;
  letter-spacing: 6px;
  text-align: center;
  color: #444444;
}
.english .pc .D1Section__symbol_container_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -965px;
  margin-top: -88px;
}
.english .pc .D1Section__symbol_container_2 .D1Section__symbol_2 {
  width: 159.7px;
}
.english .pc .D1Section__table_header {
  width: 1000px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin: -53px auto 0;
  position: relative;
}
.english .pc .D1Section__table_background {
  width: 1000px;
  height: 835px;
  object-fit: contain;
  background-color: #4499cc;
  margin-left: auto;
  margin-right: auto;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: relative;
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .D1Section__table_background {
    width: 100%;
    height: 57.5%;
  }
}
.english .pc .D1Section__table_background .D1Section__table_renewed {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .D1Section__table_background .D1Section__table_renewed {
    width: 95%;
    height: 81vw;
  }
}
.english .pc .D1Section__symbol_container_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -60px -114px 0 73rem;
}
.english .pc .D1Section__symbol_container_3 .D1Section__symbol_3 {
  width: 93px;
}
.english .pc .E1Section {
  position: relative;
}
.english .pc .E1Section__title_1 {
  margin: 60px auto 0;
}
.english .pc .E1Section__title-2 {
  margin: 11px 0 21px;
}
.english .pc .E1Section__title-2 > img {
  margin-left: auto;
  margin-right: auto;
}
.english .pc .E1Section__title-3 {
  margin: 24px auto 0;
  font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
.english .pc .E1Section__symbol-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 37px 997px -37px 0;
}
.english .pc .E1Section__symbol-1 .E1Section__bg_1 {
  width: 149px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section__symbol-1 .E1Section__bg_1 {
    left: -3vw;
  }
}
.english .pc .E1Section .e-section__tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto 0;
  width: 1000px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section .e-section__tabs {
    width: 100vw;
  }
}
.english .pc .E1Section .e-section__tabs input[type=radio] {
  display: none;
}
.english .pc .E1Section .e-section__tabs .tab {
  width: 100%;
  background: #fff;
  order: 1;
  display: none;
}
.english .pc .E1Section .e-section__tabs .tab h2 {
  font-size: 3em;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label + .tab {
  display: block;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label {
  background: #fff;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .first-tab {
  background: #aacc55;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .first-tab .first-tab__text {
  color: #fff;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .second-tab {
  background: #dd77bb;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .second-tab .second-tab__text {
  color: #fff;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .third-tab {
  background: #4499cc;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .third-tab .third-tab__text {
  color: #fff;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .forth-tab {
  background: #44bb99;
}
.english .pc .E1Section .e-section__tabs input[type=radio]:checked + label .forth-tab .forth-tab__text {
  color: #fff;
}
.english .pc .E1Section .first-tab {
  width: 240px;
  height: 80px;
  border: solid 4px #aacc55;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section .first-tab {
    width: 24vw;
  }
}
.english .pc .E1Section .second-tab {
  width: 240px;
  height: 80px;
  border: solid 4px #dd77bb;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-left: 254px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section .second-tab {
    width: 24vw;
    margin-left: 25.4vw;
  }
}
.english .pc .E1Section .third-tab {
  width: 240px;
  height: 80px;
  border: solid 4px #4499cc;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-left: 506px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section .third-tab {
    width: 24vw;
    margin-left: 50.7vw;
  }
}
.english .pc .E1Section .forth-tab {
  width: 240px;
  height: 80px;
  border: solid 4px #44bb99;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-left: 760px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section .forth-tab {
    width: 24vw;
    margin-left: 76vw;
  }
}
.english .pc .E1Section .e-section__tab-2 {
  width: 18vw;
  margin-left: 4px;
}
.english .pc .E1Section .e-section__tab-3 {
  width: 18vw;
  margin-left: 4px;
}
.english .pc .E1Section .e-section__tab-4 {
  width: 18vw;
  margin-left: 4px;
}
.english .pc .E1Section .e-section__table_1 {
  width: 1000px;
  margin-bottom: 20px !important;
  margin-top: 79px;
}
.english .pc .E1Section .e-section__table_2 {
  width: 1000px;
  margin-top: 80px;
}
.english .pc .E1Section .e-section__table_3 {
  width: 1000px;
  margin-top: 80px;
}
.english .pc .E1Section .e-section__table_4 {
  width: 1000px;
  margin-top: 80px;
}
.english .pc .E1Section .e-section__table_5 {
  width: 1000px;
  margin-top: 80px;
}
.english .pc .E1Section .first-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 2px;
  text-align: left;
  color: #aacc55;
  margin: -46px 49px 30px 113px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .pc .E1Section .second-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 1.5px;
  text-align: left;
  color: #dd77bb;
  margin: -48px 49px 30px 114px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .pc .E1Section .third-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: 1.5px;
  text-align: left;
  color: #4499cc;
  margin: -61px 49px 18px 116px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .pc .E1Section .forth-tab__text {
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: 1.5px;
  text-align: left;
  color: #44bb99;
  margin: -61px 49px 18px 115px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.english .pc .E1Section .e-section__tab_cicrle_1 {
  width: 60px;
  margin: 2px 0 7px 45px;
}
.english .pc .E1Section .e-section__tab_cicrle_2 {
  width: 60px;
  margin: 3px 0 7px 43px;
}
.english .pc .E1Section .e-section__tab_cicrle_3 {
  width: 60px;
  margin: 3px 0 7px 45px;
}
.english .pc .E1Section .e-section__tab_cicrle_4 {
  width: 60px;
  margin: 3px 0 7px 44px;
}
.english .pc .E1Section__cerf-ttl {
  margin-left: -28px;
}
.english .pc .E1Section__cerf {
  margin: 72.7px auto 0;
}
.english .pc .E1Section__cerf-ttl--text {
  margin-left: -25px;
}
.english .pc .E1Section__cerf_text-1 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  margin-top: -18px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section__cerf_text-1 {
    letter-spacing: 1.2px;
    font-size: 2.538vw;
  }
}
.english .pc .E1Section__cerf_text-2 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section__cerf_text-2 {
    letter-spacing: 1.2px;
    font-size: 2.538vw;
  }
}
.english .pc .E1Section__cerf_text-3 {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section__cerf_text-3 {
    letter-spacing: 1.2px;
    font-size: 2.538vw;
  }
}
.english .pc .E1Section__symbol-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -45px 0 -47px 78.4rem;
}
.english .pc .E1Section__symbol-2 .E1Section__bg_2 {
  width: 93px;
}
.english .pc .E1Section__cerf_table_sheet {
  margin: 30px auto 0;
  width: 1000px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .english .pc .E1Section__cerf_table_sheet {
    margin-top: 14vw;
  }
}
.english .pc .E1Section__stem_container {
  width: 100%;
  height: 1241px;
  object-fit: contain;
  background: rgba(102, 187, 204, 0.15);
  margin-top: 76px;
}
.english .pc .E1Section__stem_container .E1Section__stem_title {
  margin: 0 auto 0;
  padding-top: 47.288px;
  width: 453.2px;
}
.english .pc .E1Section__stem_container-button > img {
  margin: -10px auto 0;
}
.english .pc .E1Section__stem_container .E1Section__stem_p {
  width: 1000px;
  margin: 15.32px auto 0;
}
.english .pc .E1Section__stem_container-button-2 {
  cursor: pointer;
}
.english .pc .E1Section__stem_container-button-2 > img {
  margin: 31px auto 0;
}
.english .pc .E1Section__art_container {
  width: 100%;
  height: 1241px;
  background: rgba(238, 153, 102, 0.15);
}
.english .pc .E1Section__art_container .E1Section__art_title {
  margin: 0 auto;
  padding-top: 50.288px;
  width: 318.08px;
}
.english .pc .E1Section__art_container-button > img {
  margin: -11px auto 0;
}
.english .pc .E1Section__art_container .E1Section__art_p {
  width: 1000px;
  margin: 5px auto 0;
}
.english .pc .E1Section__art_container-button-2 > img {
  margin: -62px auto 0;
}

#art_of_art {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 242.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art {
    padding-bottom: 19.5564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art {
    padding-bottom: 64.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #art_of_art .FromTwoSide__headerLabel {
    max-width: 330px;
    padding-top: 36px;
  }
  #art_of_art .FromTwoSide__headerTitle {
    max-width: 700px;
    padding-top: 12px;
  }
  #art_of_art .FromTwoSide__headerDesc {
    padding-top: 27px;
    text-align: center;
  }
  #art_of_art .FromTwoSide__body {
    margin-top: 70px;
    min-height: 700px;
  }
  #art_of_art .FromTwoSide__body.lazyloaded {
    background-image: url("/ste-lam/one-world/image/art_of_art/art_bg_cloud.png");
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1920px 700px;
  }
  #art_of_art .FromTwoSide__body figure {
    max-width: 1046px;
    padding-top: 17px;
  }
  #art_of_art .FromTwoSide__footer figure {
    max-width: 677px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .FromTwoSide__headerLabel {
    max-width: 317px;
    padding-top: 19px;
  }
  #art_of_art .FromTwoSide__headerTitle {
    max-width: 261px;
    padding-top: 4px;
  }
  #art_of_art .FromTwoSide__headerDesc {
    padding-top: 19px;
    text-align: center;
  }
  #art_of_art .FromTwoSide__body {
    min-height: 492px;
    margin-top: -70px;
  }
  #art_of_art .FromTwoSide__body.lazyloaded {
    background: url("/ste-lam/one-world/image/art_of_art/art_bg_cloud_sp.png") no-repeat;
    background-position: center 0;
    background-size: 821px 492px;
  }
  #art_of_art .FromTwoSide__body figure {
    max-width: 375px;
    padding-top: 90px;
  }
  #art_of_art .FromTwoSide__footer figure {
    max-width: 375px;
  }
}
#art_of_art .WhatIsArt__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
#art_of_art .WhatIsArt__label {
  background-color: #44bb99;
  text-align: center;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #art_of_art .WhatIsArt {
    margin-top: 75px;
  }
  #art_of_art .WhatIsArt__wrapper {
    border-radius: 30px;
  }
  #art_of_art .WhatIsArt__wrapper.lazyloaded {
    background: rgba(68, 187, 153, 0.1) url("/ste-lam/one-world/image/art_of_art/what_is_art_icon_bg.png") no-repeat;
    background-position: calc(50% + 5px) 70px;
    background-size: 932px 2520px;
  }
  #art_of_art .WhatIsArt__label {
    max-width: 328px;
    height: 60px;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 1.5px;
    margin: 0 auto;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  #art_of_art .WhatIsArt__class {
    padding-top: 47px;
  }
  #art_of_art .WhatIsArt__classTitle {
    max-width: 402px;
  }
  #art_of_art .WhatIsArt__classItems {
    text-align: center;
    margin-top: 40px;
  }
  #art_of_art .WhatIsArt__classItemsRow {
    min-width: 800px;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #art_of_art .WhatIsArt__classItemsRow img {
    max-width: 380px;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsArt__tools {
    margin-top: 143px;
    padding-bottom: 50px;
  }
  #art_of_art .WhatIsArt__toolsTitle {
    max-width: 376px;
  }
  #art_of_art .WhatIsArt__toolsItems {
    margin-top: 50px;
    text-align: center;
  }
  #art_of_art .WhatIsArt__toolsItemsRow {
    max-width: 800px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
  }
  #art_of_art .WhatIsArt__toolsItemsRow img {
    max-width: 380px;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsArt__toolsItemsRow > div:nth-child(2) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  #art_of_art .WhatIsArt__toolsItemsRow:nth-child(2) {
    margin-top: 50px;
  }
  #art_of_art .WhatIsArt__more {
    margin-top: 60px;
    padding-bottom: 28px;
  }
  #art_of_art .WhatIsArt__more figure {
    max-width: 792px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .WhatIsArt {
    margin-top: 85px;
  }
  #art_of_art .WhatIsArt__wrapper.lazyloaded {
    background: rgba(68, 187, 153, 0.1) url("/ste-lam/one-world/image/art_of_art/what_is_art_icon_bg_sp.png") no-repeat;
    background-position: calc(50% - 10px) 95px;
    background-size: 355px 1483px;
  }
  #art_of_art .WhatIsArt__label {
    max-width: 256px;
    height: 45px;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: 1px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsArt__classTitle {
    max-width: 265px;
  }
  #art_of_art .WhatIsArt__classItems {
    max-width: 500px;
    margin: 20px auto 0;
    padding-bottom: 45px;
    text-align: center;
  }
  #art_of_art .WhatIsArt__classItemsRow {
    max-width: 335px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #art_of_art .WhatIsArt__classItemsRow img {
    max-width: 160px;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsArt__classItemsRow:nth-child(1) a:nth-child(2) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  #art_of_art .WhatIsArt__classItemsRow:nth-child(2) {
    margin-top: 10px;
  }
  #art_of_art .WhatIsArt__classItemsRow:nth-child(2) a:nth-child(2) {
    -webkit-transform: translateY(66px);
    -ms-transform: translateY(66px);
    transform: translateY(66px);
  }
  #art_of_art .WhatIsArt__tools {
    margin-top: 25px;
  }
  #art_of_art .WhatIsArt__toolsTitle {
    max-width: 265px;
  }
  #art_of_art .WhatIsArt__toolsItems {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
  #art_of_art .WhatIsArt__toolsItemsRow {
    display: inline-block;
  }
  #art_of_art .WhatIsArt__toolsItemsRow img {
    max-width: 325px;
    margin-top: 20px;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsArt__more {
    margin-top: 40px;
    padding-bottom: 35px;
  }
  #art_of_art .WhatIsArt__more figure {
    max-width: 367px;
  }
  #art_of_art .WhatIsArt__more p {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.67;
    padding: 0 30px;
    max-width: 375px;
    margin: 0 auto;
    text-align: justify;
    color: #000000;
  }
  #art_of_art .WhatIsArt__more p strong {
    color: #ee6666;
  }
}
#art_of_art .WhatIsDesign__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
#art_of_art .WhatIsDesign__label {
  background-color: #aa88ee;
  text-align: center;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #art_of_art .WhatIsDesign {
    margin-top: 105px;
  }
  #art_of_art .WhatIsDesign__wrapper {
    border-radius: 30px;
  }
  #art_of_art .WhatIsDesign__wrapper.lazyloaded {
    background: rgba(170, 136, 238, 0.1) url("/ste-lam/one-world/image/art_of_art/what_is_design_icon_bg.png") no-repeat;
    background-position: calc(50% + 3px) 60px;
    background-size: 893px 1703px;
  }
  #art_of_art .WhatIsDesign__label {
    max-width: 328px;
    height: 60px;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 1.5px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsDesign__class {
    text-align: center;
    padding-top: 50px;
  }
  #art_of_art .WhatIsDesign__classTitle {
    max-width: 402px;
  }
  #art_of_art .WhatIsDesign__classItems {
    max-width: 800px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 67px;
  }
  #art_of_art .WhatIsDesign__classItem:nth-child(1) {
    max-width: 272px;
    margin-top: 15px;
    margin-left: -26px;
  }
  #art_of_art .WhatIsDesign__classItem:nth-child(2) {
    max-width: 269px;
  }
  #art_of_art .WhatIsDesign__classItem:nth-child(3) {
    max-width: 243px;
    margin-top: 15px;
    margin-right: -11px;
  }
  #art_of_art .WhatIsDesign__classItem img {
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsDesign__tools {
    margin-top: 80px;
  }
  #art_of_art .WhatIsDesign__toolsTitle {
    max-width: 376.5px;
  }
  #art_of_art .WhatIsDesign__toolsItems {
    max-width: 919px;
  }
  #art_of_art .WhatIsDesign__more {
    margin-top: 60px;
    padding-bottom: 28px;
  }
  #art_of_art .WhatIsDesign__more figure {
    max-width: 792px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .WhatIsDesign {
    margin-top: 70px;
  }
  #art_of_art .WhatIsDesign__wrapper.lazyloaded {
    background: rgba(170, 136, 238, 0.1) url("/ste-lam/one-world/image/art_of_art/what_is_design_icon_bg_sp.png") no-repeat;
    background-position: calc(50% - 10px) 555px;
    background-size: 315px 578px;
  }
  #art_of_art .WhatIsDesign__label {
    max-width: 256px;
    height: 45px;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: 1px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsDesign__class {
    padding-top: 5px;
    text-align: center;
  }
  #art_of_art .WhatIsDesign__classTitle {
    max-width: 300px;
  }
  #art_of_art .WhatIsDesign__classItems {
    display: inline-block;
    margin-top: 14px;
  }
  #art_of_art .WhatIsDesign__classItem {
    max-width: 335px;
  }
  #art_of_art .WhatIsDesign__classItem:not(:first-of-type) {
    margin-top: 20px;
  }
  #art_of_art .WhatIsDesign__classItem img {
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .WhatIsDesign__toolsTitle {
    max-width: 257px;
    margin-top: 45px;
  }
  #art_of_art .WhatIsDesign__toolsItems {
    max-width: 392px;
    margin-top: 3px;
  }
  #art_of_art .WhatIsDesign__more {
    padding-bottom: 35px;
  }
  #art_of_art .WhatIsDesign__more figure {
    max-width: 367px;
  }
  #art_of_art .WhatIsDesign__more p {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.65;
    padding: 10px 30px 0;
    max-width: 375px;
    margin: 0 auto;
    text-align: justify;
    color: #000000;
  }
  #art_of_art .WhatIsDesign__more p strong {
    color: #ee6666;
  }
}
@media screen and (min-width: 768px) {
  #art_of_art .recommended {
    margin-top: 58px;
  }
  #art_of_art .recommended figure {
    max-width: 1018px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .recommended {
    background-color: rgba(221, 119, 187, 0.1);
    margin-top: 60px;
    padding-bottom: 35px;
  }
  #art_of_art .recommended figure {
    max-width: 386px;
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  #art_of_art .recommended p {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.72;
    padding: 0 30px;
    max-width: 375px;
    margin: -32px auto 0;
    text-align: justify;
    color: #777777;
  }
}
#art_of_art .LearnArtAndEnglish {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(90deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(90deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(90deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  position: relative;
}
#art_of_art .LearnArtAndEnglish__wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#art_of_art .LearnArtAndEnglish__header {
  text-align: center;
}
#art_of_art .LearnArtAndEnglish__headerDesc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #777777;
}
@media screen and (min-width: 768px) {
  #art_of_art .LearnArtAndEnglish {
    margin-top: 25px;
    padding-top: 60px;
  }
  #art_of_art .LearnArtAndEnglish__comment {
    position: absolute;
    right: 10px;
    top: 0;
    width: 205px;
  }
  #art_of_art .LearnArtAndEnglish__headerTitle {
    max-width: 454px;
  }
  #art_of_art .LearnArtAndEnglish__headerDesc {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-top: 40px;
  }
  #art_of_art .LearnArtAndEnglish__content {
    max-width: 930px;
    margin-top: 50px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .LearnArtAndEnglish {
    margin-top: 75px;
    padding-top: 47px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/ste-lam/one-world/image/art_of_art//LearnArtAndEnglish_background.png");
  }
  #art_of_art .LearnArtAndEnglish__wrapper {
    position: unset;
  }
  #art_of_art .LearnArtAndEnglish__comment {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 205px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .LearnArtAndEnglish__headerTitle {
    max-width: 225px;
  }
  #art_of_art .LearnArtAndEnglish__headerDesc {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 1.5px;
    padding: 0 20px;
    text-align: justify;
    text-align-last: center;
    margin-top: 25px;
  }
  #art_of_art .LearnArtAndEnglish__content {
    max-width: 345px;
    padding-bottom: 40px;
  }
}
#art_of_art .AgeAndExperience {
  position: relative;
}
#art_of_art .AgeAndExperience.lazyloaded::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 60px;
  background: url("/ste-lam/one-world/image/art_of_art/AgeAndExperience_bg_top.png") repeat-x;
  background-size: 1px 60px;
}
#art_of_art .AgeAndExperience.lazyloaded::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 60px;
  background: url("/ste-lam/one-world/image/art_of_art/AgeAndExperience_bg_bottom.png") repeat-x;
  background-size: 1px 60px;
}
#art_of_art .AgeAndExperience__wrapper {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
#art_of_art .AgeAndExperience__items {
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  #art_of_art .AgeAndExperience {
    margin-top: 40px;
    background: rgba(104, 176, 155, 0.1);
    background: -moz-linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
    background: linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
  }
  #art_of_art .AgeAndExperience__header {
    padding-top: 160px;
    max-width: 669px;
  }
  #art_of_art .AgeAndExperience__items {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 54px auto 0;
    padding-bottom: 70px;
    z-index: 10;
  }
  #art_of_art .AgeAndExperience__item {
    max-width: 150px;
  }
  #art_of_art .AgeAndExperience__item img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #art_of_art .AgeAndExperience__item--01 img {
    min-width: 179px;
  }
  #art_of_art .AgeAndExperience__item--02 img {
    min-width: 190px;
    -webkit-transform: translate(-50%, 60px);
    -ms-transform: translate(-50%, 60px);
    transform: translate(-50%, 60px);
  }
  #art_of_art .AgeAndExperience__item--03 img {
    min-width: 180px;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
  #art_of_art .AgeAndExperience__item--04 img {
    min-width: 182px;
    -webkit-transform: translate(-50%, 60px);
    -ms-transform: translate(-50%, 60px);
    transform: translate(-50%, 60px);
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .AgeAndExperience {
    margin-top: 60px;
    background: rgba(104, 176, 155, 0.1);
    background: -moz-linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
    background: linear-gradient(45deg, rgba(104, 176, 155, 0.1) 0%, rgba(235, 122, 122, 0.1) 100%);
  }
  #art_of_art .AgeAndExperience__header {
    padding-top: 62px;
    max-width: 305px;
  }
  #art_of_art .AgeAndExperience__items {
    margin-top: 27px;
    position: relative;
    z-index: 10;
    max-width: 355px;
    width: 100%;
    padding-bottom: 20px;
  }
  #art_of_art .AgeAndExperience__item {
    max-width: 85px;
  }
  #art_of_art .AgeAndExperience__item:nth-child(even) {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
#art_of_art .GenreOfClasses {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
}
#art_of_art .GenreOfClasses__headerLabel {
  position: absolute;
}
#art_of_art .GenreOfClasses--baby {
  border-color: #ee6666;
}
#art_of_art .GenreOfClasses--kinder {
  border-color: #a9ce4e;
}
#art_of_art .GenreOfClasses--kids {
  border-color: #dd77bb;
}
#art_of_art .GenreOfClasses--junior {
  border-color: #64b6c8;
}
#art_of_art .GenreOfClassesBackground {
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground {
    max-width: 375px;
  }
}
#art_of_art .GenreOfClassesBackground--baby:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 186.06px;
  width: 180.42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180.416' height='186.061' viewBox='0 0 180.416 186.061'%3E%3Cpath id='shape' d='M183.659,156.481C223.39,106.188,149.726-48.308,52.418,6.432,23.6,21.593,30.875,61.258,22.906,82.365c-51.257,135.744,140.322,99.978,160.753,74.116Z' transform='translate(-14.224 5.14)' fill='rgb(238, 102, 102)' opacity='0.3'/%3E%3C/svg%3E%0A");
  left: -29.3px;
  top: 293px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    height: 15.0048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    height: 49.616vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    width: 14.55vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    width: 48.112vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    width: 195.22px;
    height: 192.31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    left: -2.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    left: -7.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    top: 23.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    top: 78.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:before {
    top: -18.6px;
    left: -11.1px;
  }
}
#art_of_art .GenreOfClassesBackground--baby:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(238, 102, 102)' opacity='0.3'/%3E%3C/svg%3E%0A");
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -43.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    width: 16.6741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    width: 55.136vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    height: 13.9443548387vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    height: 46.1093333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    width: 206.76px;
    height: 172.91px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    right: -2.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    right: -7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    bottom: -3.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    bottom: -11.5466666667vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--baby:after {
    bottom: -93.2px;
    right: 0;
  }
}
#art_of_art .GenreOfClassesBackground--kinder:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 186.06px;
  width: 180.42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180.416' height='186.061' viewBox='0 0 180.416 186.061'%3E%3Cpath id='shape' d='M183.659,156.481C223.39,106.188,149.726-48.308,52.418,6.432,23.6,21.593,30.875,61.258,22.906,82.365c-51.257,135.744,140.322,99.978,160.753,74.116Z' transform='translate(-14.224 5.14)' fill='rgb(169, 206, 78)' opacity='0.3'/%3E%3C/svg%3E%0A");
  left: -29.3px;
  top: 293px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    height: 15.0048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    height: 49.616vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    width: 14.55vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    width: 48.112vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    width: 195.22px;
    height: 192.31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    left: -2.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    left: -7.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    top: 23.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    top: 78.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:before {
    top: -18.6px;
    left: -11.1px;
  }
}
#art_of_art .GenreOfClassesBackground--kinder:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(169, 206, 78)' opacity='0.3'/%3E%3C/svg%3E%0A");
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -43.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    width: 16.6741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    width: 55.136vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    height: 13.9443548387vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    height: 46.1093333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    width: 206.76px;
    height: 172.91px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    right: -2.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    right: -7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    bottom: -3.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    bottom: -11.5466666667vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kinder:after {
    bottom: -34.9px;
    right: 0;
  }
}
#art_of_art .GenreOfClassesBackground--kids:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 186.06px;
  width: 180.42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180.416' height='186.061' viewBox='0 0 180.416 186.061'%3E%3Cpath id='shape' d='M183.659,156.481C223.39,106.188,149.726-48.308,52.418,6.432,23.6,21.593,30.875,61.258,22.906,82.365c-51.257,135.744,140.322,99.978,160.753,74.116Z' transform='translate(-14.224 5.14)' fill='rgb(221, 119, 187)' opacity='0.3'/%3E%3C/svg%3E%0A");
  left: -29.3px;
  top: 293px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    height: 15.0048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    height: 49.616vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    width: 14.55vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    width: 48.112vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    width: 195.22px;
    height: 192.31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    left: -2.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    left: -7.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    top: 23.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    top: 78.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:before {
    top: -18.6px;
    left: -11.1px;
  }
}
#art_of_art .GenreOfClassesBackground--kids:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(221, 119, 187)' opacity='0.3'/%3E%3C/svg%3E%0A");
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -43.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    width: 16.6741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    width: 55.136vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    height: 13.9443548387vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    height: 46.1093333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    width: 206.76px;
    height: 172.91px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    right: -2.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    right: -7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    bottom: -3.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    bottom: -11.5466666667vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--kids:after {
    bottom: -19px;
    right: -32.5px;
    transform: rotate(-72deg);
  }
}
#art_of_art .GenreOfClassesBackground--junior:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 186.06px;
  width: 180.42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180.416' height='186.061' viewBox='0 0 180.416 186.061'%3E%3Cpath id='shape' d='M183.659,156.481C223.39,106.188,149.726-48.308,52.418,6.432,23.6,21.593,30.875,61.258,22.906,82.365c-51.257,135.744,140.322,99.978,160.753,74.116Z' transform='translate(-14.224 5.14)' fill='rgb(100, 182, 200)' opacity='0.3'/%3E%3C/svg%3E%0A");
  left: -29.3px;
  top: 214.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    height: 15.0048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    height: 49.616vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    width: 14.55vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    width: 48.112vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    width: 195.22px;
    height: 192.31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    left: -2.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    left: -7.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    top: 17.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    top: 57.2266666667vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:before {
    top: -18.6px;
    left: -11.1px;
  }
}
#art_of_art .GenreOfClassesBackground--junior:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(100, 182, 200)' opacity='0.3'/%3E%3C/svg%3E%0A");
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -43.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    width: 16.6741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    width: 55.136vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    height: 13.9443548387vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    height: 46.1093333333vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    width: 206.76px;
    height: 172.91px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    right: -2.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    right: -7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    bottom: -3.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    bottom: -11.5466666667vw;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClassesBackground--junior:after {
    bottom: -34.9px;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  #art_of_art .GenreOfClasses {
    max-width: 1000px;
    border-width: 4px;
    border-radius: 30px;
    -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .GenreOfClasses__headerLabel {
    width: 278px;
    height: 278px;
    position: absolute;
    left: 43px;
    top: -30px;
  }
  #art_of_art .GenreOfClasses__content {
    min-height: 200px;
  }
  #art_of_art .GenreOfClasses--baby {
    margin-top: 193px;
    padding-bottom: 143px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__headerLabel img {
    min-width: 445px;
    position: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__headerTitle {
    max-width: 527px;
    margin: 70px 90px 0 auto;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__content {
    margin-top: 105px;
    background-color: rgba(238, 102, 102, 0.15);
    position: relative;
    text-align: center;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentFukidashi1 {
    max-width: 271px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentFukidashi2 {
    max-width: 289px;
    position: absolute;
    left: calc(50% + 215px);
    top: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentTitle {
    max-width: 268px;
    box-sizing: content-box;
    padding: 30px 0 0 75px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentItems {
    max-width: 800px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 50px;
    padding-bottom: 35px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentItem {
    max-width: 236px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentItem:nth-child(odd) {
    margin-top: 30px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__footer {
    width: 845px;
    position: absolute;
    left: 50%;
    bottom: 25px;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }
  #art_of_art .GenreOfClasses--kinder {
    margin-top: 260px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__headerLabel img {
    min-width: 444px;
    position: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__headerTitle {
    max-width: 535px;
    margin: 70px 90px 0 auto;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__content {
    margin-top: 105px;
    background-color: rgba(169, 206, 78, 0.15);
    position: relative;
    text-align: center;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentFukidashi1 {
    max-width: 271px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentFukidashi2 {
    max-width: 289px;
    position: absolute;
    left: calc(50% + 215px);
    top: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentTitle {
    max-width: 268px;
    box-sizing: content-box;
    padding: 30px 0 0 75px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentItems {
    max-width: 800px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 50px;
    padding-bottom: 45px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentItem {
    max-width: 236px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentItem:nth-child(odd) {
    margin-top: 30px;
  }
  #art_of_art .GenreOfClasses--kids {
    margin-top: 123px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__headerLabel img {
    min-width: 444px;
    position: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__headerTitle {
    max-width: 551px;
    margin: 70px 75px 0 auto;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content {
    background-color: rgba(221, 119, 187, 0.15);
    position: relative;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--blue {
    margin-top: 51px;
    background-color: rgba(177, 218, 227, 0.15);
    position: relative;
    max-height: 1644px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--blue .GenreOfClasses__contentFukidashi {
    position: absolute;
    right: 80px;
    top: 12px;
    width: 230px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--blue .GenreOfClasses__contentInfo {
    max-width: 358px;
    padding-top: 42px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--blue .GenreOfClasses__contentGraph {
    max-width: 960px;
    margin-top: 20px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentFukidashi1 {
    max-width: 271px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentFukidashi2 {
    max-width: 289px;
    position: absolute;
    left: calc(50% + 215px);
    top: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentTitle {
    max-width: 268px;
    box-sizing: content-box;
    padding: 30px 0 0 75px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItems {
    margin-top: 63px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 800px;
    margin: 0 auto;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItem {
    max-width: 235px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItem--adobe {
    max-width: 585px;
    margin-top: 35px;
    padding-bottom: 25px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItem:nth-child(odd) {
    margin-top: 30px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--2 {
    margin-top: 85px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentPrinters {
    max-width: 800px;
    margin-top: 60px;
    padding-bottom: 30px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__Arrow {
    max-width: 710px;
    margin: 192px auto 120px;
  }
  #art_of_art .GenreOfClasses--junior {
    margin-top: 162px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__headerLabel img {
    min-width: 443px;
    position: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__headerTitle {
    max-width: 550px;
    margin: 70px 77px 0 auto;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__content {
    margin-top: 105px;
    background-color: rgba(100, 182, 200, 0.15);
    position: relative;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentFukidashi1 {
    max-width: 271px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentFukidashi2 {
    max-width: 289px;
    position: absolute;
    left: calc(50% + 215px);
    top: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__content--colorful {
    background-image: url("/ste-lam/one-world/image/art_of_art/GenreOfClasses_junior_background.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__content--colorful figure {
    max-width: 836px;
    padding: 100px 0 22px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentTitle {
    max-width: 268px;
    box-sizing: content-box;
    padding: 30px 0 0 75px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentItems {
    max-width: 800px;
    margin-top: 50px;
    padding-bottom: 8px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentMonthly {
    max-width: 1000px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .GenreOfClasses {
    max-width: 355px;
    border-width: 3px;
    border-radius: 30px;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #art_of_art .GenreOfClasses__headerLabel {
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--baby {
    margin-top: 104px;
    padding-bottom: 64px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__headerLabel {
    min-width: 198px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__headerTitle {
    max-width: 305px;
    margin: 106px auto 0;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__content {
    margin-top: 83px;
    background-color: rgba(235, 180, 180, 0.15);
    position: relative;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentFukidashi1 {
    width: 219px;
    position: absolute;
    left: 50%;
    top: 6px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentFukidashi2 {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 78px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentTitle {
    max-width: 268px;
    margin: 34px auto 0;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentItems {
    max-width: 800px;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 226px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__contentItem {
    max-width: 345px;
  }
  #art_of_art .GenreOfClasses--baby .GenreOfClasses__footer {
    width: 373px;
    position: absolute;
    left: 50%;
    bottom: -100px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  #art_of_art .GenreOfClasses--kinder {
    margin-top: 200px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__headerLabel {
    min-width: 204.5px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__headerTitle {
    max-width: 312px;
    margin: 105px auto 0;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__content {
    margin-top: 83px;
    background-color: rgba(169, 206, 78, 0.15);
    position: relative;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentFukidashi1 {
    width: 230px;
    position: absolute;
    left: 50%;
    top: 6px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentFukidashi2 {
    max-width: 303px;
    margin: 0 auto;
    padding-top: 78px;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentTitle {
    max-width: 268px;
    margin: 20.6px auto 0;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentItems {
    max-width: 800px;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0;
  }
  #art_of_art .GenreOfClasses--kinder .GenreOfClasses__contentItem {
    max-width: 345px;
  }
  #art_of_art .GenreOfClasses--kids {
    margin-top: 135px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__headerLabel {
    min-width: 205.5px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__headerTitle {
    max-width: 306px;
    margin: 107px auto 0;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content {
    position: relative;
    background-color: rgba(221, 119, 187, 0.15);
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--blue {
    background-color: rgba(177, 218, 227, 0.15);
    margin-top: 97px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentFukidashi {
    width: 255px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentInfo {
    max-width: 307px;
    padding-top: 80px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentGraph {
    max-width: 350px;
    padding-bottom: 8px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentFukidashi1 {
    width: 230px;
    position: absolute;
    left: 50%;
    top: 6px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentFukidashi2 {
    max-width: 303px;
    margin: 0 auto;
    padding-top: 78px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentTitle {
    max-width: 268px;
    margin: 34px auto 0;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItems {
    margin-top: 15px;
    padding-bottom: 0;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItem {
    max-width: 345px;
    margin: 0 auto;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__contentItem--adobe {
    max-width: 338px;
    margin-top: 15px;
    padding-bottom: 20px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__content--2 {
    margin-top: 90px;
  }
  #art_of_art .GenreOfClasses--kids .GenreOfClasses__Arrow {
    max-width: 290px;
    margin-top: 22px;
    margin-bottom: 97px;
  }
  #art_of_art .GenreOfClasses--junior {
    margin-top: 115px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__headerLabel {
    min-width: 205.5px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__headerTitle {
    max-width: 312px;
    margin: 111px auto 0;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__header {
    margin-bottom: 90px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__content {
    background-color: rgba(100, 182, 200, 0.15);
    position: relative;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentFukidashi1 {
    width: 219px;
    position: absolute;
    left: 50%;
    top: 6px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentFukidashi2 {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 78px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentTitle {
    max-width: 268px;
    margin: 20px auto 0;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentItems {
    max-width: 345px;
    margin-top: 10px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__contentMonthly {
    max-width: 352px;
    margin-top: 25px;
  }
  #art_of_art .GenreOfClasses--junior .GenreOfClasses__content--colorful {
    padding: 30px 0 20px;
    background-image: url("/ste-lam/one-world/image/art_of_art/GenreOfClasses_junior_background_sp.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
#art_of_art .u-desc {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #777777;
}
@media screen and (min-width: 768px) {
  #art_of_art .u-desc {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .u-desc {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 1.5px;
  }
}
#art_of_art .bottom-radius {
  border-radius: 0 0 30px 30px;
}

#art_of_art .KvArtOfArt,
#music_of_art .KvArtOfArt {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
}
#art_of_art .KvArtOfArt__wrapper.lazyloaded,
#music_of_art .KvArtOfArt__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/art_of_art/kv_bg.png"), url("/ste-lam/one-world/image/art_of_art/round_bright.png");
  background-repeat: no-repeat no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #art_of_art .KvArtOfArt,
#music_of_art .KvArtOfArt {
    padding-top: 80px;
  }
  #art_of_art .KvArtOfArt__wrapper,
#music_of_art .KvArtOfArt__wrapper {
    min-height: 527px;
  }
  #art_of_art .KvArtOfArt__wrapper.lazyloaded,
#music_of_art .KvArtOfArt__wrapper.lazyloaded {
    background-position: calc(50% + 15px) 64px, center 180px;
    background-size: 867.5px 800px, 480px 480px;
  }
  #art_of_art .KvArtOfArt__wrapper figure,
#music_of_art .KvArtOfArt__wrapper figure {
    max-width: 674px;
  }
}
@media screen and (max-width: 767px) {
  #art_of_art .KvArtOfArt,
#music_of_art .KvArtOfArt {
    padding-top: 60px;
  }
  #art_of_art .KvArtOfArt__wrapper,
#music_of_art .KvArtOfArt__wrapper {
    min-height: 430px;
  }
  #art_of_art .KvArtOfArt__wrapper.lazyloaded,
#music_of_art .KvArtOfArt__wrapper.lazyloaded {
    background-position: calc(50% + 5px) -28px, center 57px;
    background-size: 653.5px 603px, 382px 382px;
  }
  #art_of_art .KvArtOfArt__wrapper figure,
#music_of_art .KvArtOfArt__wrapper figure {
    max-width: 375px;
    margin-bottom: 13px;
  }
  #art_of_art .KvArtOfArt__wrapper figure img,
#music_of_art .KvArtOfArt__wrapper figure img {
    min-width: 395px;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

/* For AgeAndExperience colors */
#music_of_art {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #music_of_art .ImaginationAndCreativity__wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  #music_of_art .ImaginationAndCreativity__headerLabel {
    width: 200px;
    height: 60px;
    position: relative;
    margin: 70px auto 0;
  }
  #music_of_art .ImaginationAndCreativity__headerLabel img {
    position: absolute;
    min-width: 331px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #music_of_art .ImaginationAndCreativity__headerTitle {
    max-width: 510px;
    margin-top: 27px;
  }
  #music_of_art .ImaginationAndCreativity__contentImage1 {
    max-width: 1000px;
    margin-top: 17px;
  }
  #music_of_art .ImaginationAndCreativity__contentImage1 img {
    min-width: 1316px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #music_of_art .ImaginationAndCreativity__footerFukidashi {
    max-width: 677px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .ImaginationAndCreativity__headerLabel {
    width: 200px;
    height: 42px;
    position: relative;
    margin: 30px auto 0;
  }
  #music_of_art .ImaginationAndCreativity__headerLabel img {
    position: absolute;
    min-width: 317px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #music_of_art .ImaginationAndCreativity__headerTitle {
    max-width: 243px;
    margin-top: 22px;
  }
  #music_of_art .ImaginationAndCreativity__contentImage1 {
    max-width: 375px;
    margin-top: 23px;
  }
  #music_of_art .ImaginationAndCreativity__footerFukidashi {
    max-width: 369px;
    margin-top: 20px;
  }
}
#music_of_art .ImaginationAndCreativityLesson__wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #music_of_art .ImaginationAndCreativityLesson {
    margin-top: 90px;
  }
  #music_of_art .ImaginationAndCreativityLesson__wrapper.lazyloaded {
    background-image: url("/ste-lam/one-world/image/music_of_art/music_of_art_imagination_creativity_lesson_bg_icon.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 5px) 54px;
    background-size: 874px 1750px;
  }
  #music_of_art .ImaginationAndCreativityLesson__curriculum {
    padding-top: 110px;
    max-width: 846px;
  }
  #music_of_art .ImaginationAndCreativityLesson__examples {
    max-width: 748px;
    margin-top: 17px;
  }
  #music_of_art .ImaginationAndCreativityLesson__fukidashi {
    max-width: 710px;
    margin-top: 35px;
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .ImaginationAndCreativityLesson {
    margin-top: 70px;
  }
  #music_of_art .ImaginationAndCreativityLesson__wrapper.lazyloaded {
    background-image: url("/ste-lam/one-world/image/music_of_art/music_of_art_imagination_creativity_lesson_bg_icon_sp.png");
    background-repeat: no-repeat;
    background-position: calc(50% - 10px) 430px;
    background-size: 355px 1066px;
  }
  #music_of_art .ImaginationAndCreativityLesson__curriculum {
    padding-top: 47px;
    max-width: 375px;
  }
  #music_of_art .ImaginationAndCreativityLesson__examples {
    max-width: 354px;
    margin-top: 30px;
  }
  #music_of_art .ImaginationAndCreativityLesson__fukidashi {
    max-width: 460px;
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  #music_of_art .ImaginationAndCreativityLesson__fukidashi img {
    min-width: 460px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#music_of_art .ImaginationAndCreativityEvent__wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #music_of_art .ImaginationAndCreativityEvent {
    margin-top: 90px;
  }
  #music_of_art .ImaginationAndCreativityEvent__performance {
    max-width: 965px;
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .ImaginationAndCreativityEvent {
    margin-top: 60px;
  }
  #music_of_art .ImaginationAndCreativityEvent__performance {
    max-width: 357px;
    padding: 55px 0 15px;
  }
}
#music_of_art .AgeAndExperience {
  position: relative;
}
#music_of_art .AgeAndExperience.lazyloaded::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 60px;
  background: url("/ste-lam/one-world/image/art_of_art/AgeAndExperience_bg_top.png") repeat-x;
  background-size: 1px 60px;
}
#music_of_art .AgeAndExperience.lazyloaded::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 60px;
  background: url("/ste-lam/one-world/image/art_of_art/AgeAndExperience_bg_bottom.png") repeat-x;
  background-size: 1px 60px;
}
#music_of_art .AgeAndExperience__wrapper {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
#music_of_art .AgeAndExperience__items {
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  #music_of_art .AgeAndExperience {
    margin-top: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
  #music_of_art .AgeAndExperience.lazyloaded {
    background-image: url("/ste-lam/one-world/image/music_of_art/AgeAndExperience-bg.png");
  }
  #music_of_art .AgeAndExperience__header {
    padding-top: 160px;
    max-width: 669px;
  }
  #music_of_art .AgeAndExperience__items {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 54px auto 0;
    padding-bottom: 120px;
    z-index: 10;
  }
  #music_of_art .AgeAndExperience__item {
    max-width: 150px;
  }
  #music_of_art .AgeAndExperience__item img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #music_of_art .AgeAndExperience__item--01 img {
    min-width: 179px;
  }
  #music_of_art .AgeAndExperience__item--02 img {
    min-width: 180px;
    -webkit-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
  }
  #music_of_art .AgeAndExperience__item--03 img {
    min-width: 180px;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
  #music_of_art .AgeAndExperience__item--04 img {
    min-width: 180px;
    -webkit-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperience {
    margin-top: 45px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
  #music_of_art .AgeAndExperience.lazyloaded {
    background-image: url("/ste-lam/one-world/image/music_of_art/AgeAndExperience-bg_sp.png");
  }
  #music_of_art .AgeAndExperience__header {
    padding-top: 62px;
    max-width: 305px;
  }
  #music_of_art .AgeAndExperience__items {
    margin-top: 27px;
    position: relative;
    z-index: 10;
    max-width: 355px;
    width: 100%;
    padding-bottom: 20px;
  }
  #music_of_art .AgeAndExperience__item {
    max-width: 85px;
  }
  #music_of_art .AgeAndExperience__item:nth-child(even) {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
#music_of_art .AgeAndExperienceClass {
  border-radius: 30px;
  background-color: #ffffff;
  position: relative;
}
#music_of_art .AgeAndExperienceClass--01 {
  border-color: #44BB99;
}
#music_of_art .AgeAndExperienceClass--01 .AgeAndExperienceClass__content {
  background-color: rgba(68, 187, 153, 0.15);
}
#music_of_art .AgeAndExperienceClass--02 {
  border-color: #EE9966;
}
#music_of_art .AgeAndExperienceClass--02 .AgeAndExperienceClass__content {
  background-color: rgba(238, 153, 102, 0.15);
}
#music_of_art .AgeAndExperienceClass--03 {
  border-color: #AA88EE;
}
#music_of_art .AgeAndExperienceClass--03 .AgeAndExperienceClass__content {
  background-color: rgba(170, 136, 238, 0.15);
}
#music_of_art .AgeAndExperienceClass--04 {
  border-color: #4499CC;
}
#music_of_art .AgeAndExperienceClass--04 .AgeAndExperienceClass__content {
  background-color: rgba(68, 153, 204, 0.15);
}
#music_of_art .AgeAndExperienceClassBackground {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClassBackground {
    max-width: 375px;
  }
}
#music_of_art .AgeAndExperienceClassBackground--01 {
  position: relative;
}
#music_of_art .AgeAndExperienceClassBackground--01:after {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(68, 187, 153)' opacity='0.3'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -22.4px;
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClassBackground--01:after {
    width: 206.63px;
    height: 172.35px;
  }
}
#music_of_art .AgeAndExperienceClassBackground--02 {
  position: relative;
}
#music_of_art .AgeAndExperienceClassBackground--02:after {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(238, 153, 102)' opacity='0.3'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -22.4px;
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClassBackground--02:after {
    width: 206.63px;
    height: 172.35px;
  }
}
#music_of_art .AgeAndExperienceClassBackground--03 {
  position: relative;
}
#music_of_art .AgeAndExperienceClassBackground--03:after {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(170, 136, 238)' opacity='0.3'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -22.4px;
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClassBackground--03:after {
    width: 206.63px;
    height: 172.35px;
  }
}
#music_of_art .AgeAndExperienceClassBackground--04 {
  position: relative;
}
#music_of_art .AgeAndExperienceClassBackground--04:after {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.758' height='172.911' viewBox='0 0 206.758 172.911'%3E%3Cpath id='shape' d='M-13.887,61.219C-61.667,113.282,15.451,243.05,129.3,178.053c33.665-18.29,27.182-53.4,37.276-73.908,64.92-131.892-155.9-69.7-180.464-42.926Z' transform='translate(28.286 -22.97)' fill='rgb(68, 153, 204)' opacity='0.3'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 206.76px;
  height: 172.91px;
  right: -27.5px;
  bottom: -22.4px;
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClassBackground--04:after {
    width: 206.63px;
    height: 172.35px;
  }
}
#music_of_art .AgeAndExperienceClass__label {
  position: absolute;
}
#music_of_art .AgeAndExperienceClass__content {
  position: relative;
  min-height: 300px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media screen and (min-width: 768px) {
  #music_of_art .AgeAndExperienceClass {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    border-width: 4px;
    -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #music_of_art .AgeAndExperienceClass__content {
    margin-top: 240px;
  }
  #music_of_art .AgeAndExperienceClass__point {
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #music_of_art .AgeAndExperienceClass__examples {
    max-width: 800px;
    margin: 0 auto;
    padding: 135px 0 25px;
  }
  #music_of_art .AgeAndExperienceClass--01 {
    margin-top: 210px;
  }
  #music_of_art .AgeAndExperienceClass--01 .AgeAndExperienceClass__title {
    max-width: 483px;
    margin: 56px 115px 0 auto;
  }
  #music_of_art .AgeAndExperienceClass--01 .AgeAndExperienceClass__point {
    width: 960px;
  }
  #music_of_art .AgeAndExperienceClass--02 {
    margin-top: 245px;
  }
  #music_of_art .AgeAndExperienceClass--02 .AgeAndExperienceClass__title {
    max-width: 458px;
    margin: 55px 110px 0 auto;
  }
  #music_of_art .AgeAndExperienceClass--02 .AgeAndExperienceClass__point {
    width: 960px;
  }
  #music_of_art .AgeAndExperienceClass--03 {
    margin-top: 250px;
  }
  #music_of_art .AgeAndExperienceClass--03 .AgeAndExperienceClass__title {
    max-width: 564px;
    margin: 56px 70px 0 auto;
  }
  #music_of_art .AgeAndExperienceClass--03 .AgeAndExperienceClass__point {
    width: 994px;
  }
  #music_of_art .AgeAndExperienceClass--04 {
    margin-top: 245px;
  }
  #music_of_art .AgeAndExperienceClass--04 .AgeAndExperienceClass__title {
    max-width: 432px;
    margin: 56px 163px 0 auto;
  }
  #music_of_art .AgeAndExperienceClass--04 .AgeAndExperienceClass__point {
    width: 995px;
  }
  #music_of_art .AgeAndExperienceClass__label {
    left: 37px;
    top: -120px;
    width: 280px;
    height: 280px;
  }
  #music_of_art .AgeAndExperienceClass__label img {
    min-width: 446px;
    margin-left: 50%;
    margin-top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceClass {
    max-width: 355px;
    width: 100%;
    margin: 0 auto;
    border-width: 3px;
  }
  #music_of_art .AgeAndExperienceClass__content {
    margin-top: 54px;
  }
  #music_of_art .AgeAndExperienceClass__point {
    max-width: 293px;
    margin: 0 auto;
    -webkit-transform: translateY(-43px);
    -ms-transform: translateY(-43px);
    transform: translateY(-43px);
  }
  #music_of_art .AgeAndExperienceClass__examples {
    background-color: #ffffff;
    padding-top: 20px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  #music_of_art .AgeAndExperienceClass--01 {
    margin-top: 120px;
  }
  #music_of_art .AgeAndExperienceClass--01 .AgeAndExperienceClass__label {
    width: 192px;
  }
  #music_of_art .AgeAndExperienceClass--01 .AgeAndExperienceClass__title {
    max-width: 270px;
    margin: 0 auto;
    padding-top: 108px;
  }
  #music_of_art .AgeAndExperienceClass--02 {
    margin-top: 140px;
  }
  #music_of_art .AgeAndExperienceClass--02 .AgeAndExperienceClass__label {
    width: 203px;
  }
  #music_of_art .AgeAndExperienceClass--02 .AgeAndExperienceClass__title {
    max-width: 303px;
    margin: 0 auto;
    padding-top: 108px;
  }
  #music_of_art .AgeAndExperienceClass--03 {
    margin-top: 135px;
  }
  #music_of_art .AgeAndExperienceClass--03 .AgeAndExperienceClass__label {
    width: 197px;
  }
  #music_of_art .AgeAndExperienceClass--03 .AgeAndExperienceClass__title {
    max-width: 303px;
    margin: 0 auto;
    padding-top: 108px;
  }
  #music_of_art .AgeAndExperienceClass--04 {
    margin-top: 140px;
  }
  #music_of_art .AgeAndExperienceClass--04 .AgeAndExperienceClass__label {
    width: 205px;
  }
  #music_of_art .AgeAndExperienceClass--04 .AgeAndExperienceClass__title {
    max-width: 333px;
    margin: 0 auto;
    padding-top: 108px;
  }
  #music_of_art .AgeAndExperienceClass__label {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
#music_of_art .AgeAndExperienceEvent {
  background: rgba(201, 114, 171, 0.2);
  background: -moz-linear-gradient(84deg, rgba(201, 114, 171, 0.2) 0%, rgba(0, 171, 141, 0.2) 86%, rgba(0, 169, 132, 0.2) 100%);
  background: -webkit-linear-gradient(84deg, rgba(201, 114, 171, 0.2) 0%, rgba(0, 171, 141, 0.2) 86%, rgba(0, 169, 132, 0.2) 100%);
  background: linear-gradient(84deg, rgba(201, 114, 171, 0.2) 0%, rgba(0, 171, 141, 0.2) 86%, rgba(0, 169, 132, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c972ab",endColorstr="#00a984",GradientType=1);
}
@media screen and (min-width: 768px) {
  #music_of_art .AgeAndExperienceEvent {
    margin-top: 135px;
    padding-bottom: 104px;
  }
  #music_of_art .AgeAndExperienceEvent__wrapper {
    position: relative;
    min-height: 1000px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  #music_of_art .AgeAndExperienceEvent__label {
    position: absolute;
    left: -35px;
    top: 40px;
    width: 321px;
  }
  #music_of_art .AgeAndExperienceEvent__title {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 109px;
    text-align: right;
  }
  #music_of_art .AgeAndExperienceEvent__title p {
    display: inline-block;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #777777;
    text-align: center;
  }
  #music_of_art .AgeAndExperienceEvent__item {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #music_of_art .AgeAndExperienceEvent__item--week {
    min-width: 1054px;
    margin-top: 80px;
  }
  #music_of_art .AgeAndExperienceEvent__item--month {
    min-width: 1104px;
    margin-top: 55px;
  }
  #music_of_art .AgeAndExperienceEvent__item--annual {
    min-width: 1041px;
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .AgeAndExperienceEvent {
    margin-top: 135px;
    padding-bottom: 21px;
  }
  #music_of_art .AgeAndExperienceEvent__wrapper {
    position: relative;
    min-height: 500px;
  }
  #music_of_art .AgeAndExperienceEvent__label {
    position: absolute;
    left: 50%;
    top: 0;
    width: 185px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #music_of_art .AgeAndExperienceEvent__title {
    text-align: center;
    padding-top: 73px;
  }
  #music_of_art .AgeAndExperienceEvent__title p {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.72;
    letter-spacing: 0;
    color: #777777;
    text-align: center;
  }
  #music_of_art .AgeAndExperienceEvent__item {
    max-width: 500px;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }
  #music_of_art .AgeAndExperienceEvent__item--week {
    margin-top: 30px;
  }
  #music_of_art .AgeAndExperienceEvent__item--month {
    margin-top: 24px;
  }
  #music_of_art .AgeAndExperienceEvent__item--annual {
    margin-top: 50px;
  }
}
#music_of_art .u-skin--green {
  background-color: rgba(68, 187, 153, 0.1);
}
#music_of_art .u-skin--purple {
  background-color: rgba(170, 136, 238, 0.1);
}
@media screen and (min-width: 768px) {
  #music_of_art .u-skin {
    border-radius: 30px;
    border: 1px solid rgba(112, 112, 112, 0.1);
  }
}
#music_of_art .u-label {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#music_of_art .u-label p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  #music_of_art .u-label {
    width: 328px;
    height: 60px;
    -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #music_of_art .u-label p {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 1.5px;
  }
}
@media screen and (max-width: 767px) {
  #music_of_art .u-label {
    width: 256px;
    height: 45px;
    -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #music_of_art .u-label p {
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: 1px;
  }
}
#music_of_art .u-label--green {
  background-color: #44BB99;
}
#music_of_art .u-label--purple {
  background-color: #AA88EE;
}

#writing .sp .HeaderMenu {
  top: 70px;
}
#writing .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#writing .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#writing .sp .TitleWrap {
  display: flex;
  flex-direction: column;
  margin: 0 5.33334vw 5.33334vw 5.6vw;
}
#writing .sp .TitleWrap-grn {
  width: 83.0187vw;
  margin: 0 auto 4.53334vw;
}
#writing .sp .TitleWrap-blk {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.73334vw;
  font-weight: 600;
  line-height: 5.33334vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#writing .sp .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(170, 204, 85, 0.1);
}
#writing .sp .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 15.733334vw 5.33334vw 6.933334vw;
  width: 89.33334vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#writing .sp .Asection__wrap-thumb {
  width: 100%;
}
#writing .sp .Asection__wrap-num {
  width: 24.6528vw;
  margin: -13.0667vw auto -10.933334vw;
  z-index: 1;
}
#writing .sp .Bsection {
  margin-top: 5.6vw;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(238, 153, 102, 0.1);
}
#writing .sp .Bsection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 16vw 5.33334vw 8vw;
  width: 89.33334vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#writing .sp .Bsection__wrap-thumb {
  width: 100%;
}
#writing .sp .Bsection__wrap-num {
  width: 24.6528vw;
  margin: -13.0667vw auto -10.933334vw;
  z-index: 1;
}
#writing .sp .Csection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 5.33334vw;
  margin-bottom: 5.33334vw;
}
#writing .sp .Csection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(68, 153, 204, 0.1);
  margin-top: 13.12vw;
  min-height: 400px;
}
#writing .sp .Csection__wrap-blue-btn {
  width: 82.667vw;
  height: 12vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin: -7.2vw auto 0 9.0667vw;
}
#writing .sp .Csection__wrap-kid-1 {
  width: 100%;
  margin: 4vw auto 0;
}
#writing .sp .Csection__wrap-kid-2 {
  width: 100%;
  margin: -1.33334vw 0 -2.6667vw;
}
#writing .sp .Csection__content {
  display: flex;
  flex-direction: column;
  margin: 6.933334vw 8vw 0;
}
#writing .sp .Csection__content-title {
  margin: 0 auto 6.4vw;
  width: 73.9101vw;
}
#writing .sp .Csection__content-title-2 {
  width: 73.9101vw;
  margin: 0.8vw auto 6.133334vw;
}
#writing .sp .Csection__content-desc {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.73334vw;
  font-weight: 600;
  line-height: 6.4vw;
  text-align: left;
  color: #777777;
}
#writing .sp .Csection__content:last-of-type {
  margin: 3.227vw 8vw 0;
}
#writing .sp .Csection__bg {
  width: 25.067vw;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 2.667vw;
}
#writing .pc .TitleWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5.1vw auto 0;
}
@media screen and (min-width: 1000px) {
  #writing .pc .TitleWrap {
    margin: 51px auto 0;
  }
}
#writing .pc .TitleWrap__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #writing .pc .TitleWrap__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#writing .pc .TitleWrap-grn img {
  width: 56vw;
  height: auto;
  margin-bottom: 2.1vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .TitleWrap-grn img {
    width: 560px;
    margin-bottom: 21px;
  }
}
#writing .pc .TitleWrap-blk {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #writing .pc .TitleWrap-blk {
    font-size: 20px;
    line-height: 30px;
  }
}
#writing .pc .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 5.77vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection {
    margin-top: 57.7px;
  }
}
#writing .pc .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#writing .pc .Asection__num {
  width: 177.912px;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__num {
    width: 177.912px;
    height: auto;
    margin-bottom: 30px;
  }
}
#writing .pc .Asection__content {
  margin: 0 auto;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__content {
    font-size: 14px;
    line-height: 24px;
  }
}
#writing .pc .Asection__thumbs {
  position: relative;
  margin-top: 6.2vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 3.5vw;
  z-index: 5;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs {
    margin-top: 62px;
    display: grid;
    column-gap: 35px;
  }
}
#writing .pc .Asection__thumbs::before {
  content: "";
  width: 19.5001vw;
  height: 12.126vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_red_bubble_pc.svg) no-repeat center center;
  background-size: cover;
  top: auto;
  bottom: -5.7vw;
  right: 24.2vw;
  left: auto;
  position: absolute;
  display: inline-block;
  z-index: 6;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs::before {
    width: 195.001px;
    height: 121.26px;
    bottom: -57px;
    right: 242px;
  }
}
#writing .pc .Asection__thumbs-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 27.5vw;
  border-radius: 2vw;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #a9ce4e;
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box {
    width: 220px;
    height: 275px;
    border-radius: 20px;
  }
}
#writing .pc .Asection__thumbs-box:first-of-type::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_step_1_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:first-of-type::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#writing .pc .Asection__thumbs-box:nth-of-type(2)::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_step_2_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:nth-of-type(2)::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#writing .pc .Asection__thumbs-box:nth-of-type(3) {
  border: solid 2px #ee6666;
}
#writing .pc .Asection__thumbs-box:nth-of-type(3) .Asection__thumbs-box-bg {
  background-color: #ee6666;
}
#writing .pc .Asection__thumbs-box:nth-of-type(3)::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_step_3_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:nth-of-type(3)::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#writing .pc .Asection__thumbs-box:last-of-type::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_step_4_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:last-of-type::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#writing .pc .Asection__thumbs-box:last-of-type .Asection__thumbs-box-text {
  margin-top: 0.6vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:last-of-type .Asection__thumbs-box-text {
    margin-top: 6px;
  }
}
#writing .pc .Asection__thumbs-box:not(:last-of-type)::before {
  content: "";
  width: 2.4215vw;
  height: 4vw;
  background: url(/ste-lam/one-world/image/eng-writing/pc/section_1_right_arrow_pc.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 22.4vw;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box:not(:last-of-type)::before {
    width: 24.215px;
    height: 40px;
    left: 224px;
  }
}
#writing .pc .Asection__thumbs-box-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7.6vw;
  border-radius: 1.6vw 1.6vw 0 0;
  background-color: #a9ce4e;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box-bg {
    height: 76px;
    border-radius: 16px 16px 0 0;
  }
}
#writing .pc .Asection__thumbs-box-bg > img {
  display: block;
  width: auto !important;
  height: auto;
}
#writing .pc .Asection__thumbs-box img {
  width: 100%;
}
#writing .pc .Asection__thumbs-box-text {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin-top: 1.2vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs-box-text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
  }
}
#writing .pc .Asection__thumbs .box-bottom {
  margin-top: 4.1vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__thumbs .box-bottom {
    margin-top: 41px;
  }
}
#writing .pc .Asection__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 20.8vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Asection__bg {
    margin: 0;
    width: fit-content;
    max-width: 1188px;
    top: 208px;
    left: -80px;
    right: auto;
  }
}
#writing .pc .Bsection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 13.17vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection {
    margin-top: 131.7px;
  }
}
#writing .pc .Bsection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#writing .pc .Bsection__num {
  width: 365px;
  height: auto;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection__num {
    width: 365px;
    height: auto;
    margin-bottom: 20px;
  }
}
#writing .pc .Bsection__title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 4vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #ee9966;
  margin: 1.82vw auto 2.5vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection__title {
    font-size: 24px;
    line-height: 40px;
    margin: 18.2px auto 25px;
  }
}
#writing .pc .Bsection__content {
  margin: 0 auto -8.4vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection__content {
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto -84px;
  }
}
#writing .pc .Bsection__bg {
  max-width: 1000px;
  width: 103vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Bsection__bg {
    max-width: 1031px;
  }
}
#writing .pc .Csection {
  position: relative;
  display: flex;
  flex-direction: column;
}
#writing .pc .Csection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4.97vw 10px 6vw;
  overflow: visible;
  background-color: rgba(68, 153, 204, 0.1);
  min-height: 400px;
  border-radius: 3vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__wrap {
    margin: 0 auto;
    width: 1000px;
    border-radius: 30px;
    margin-top: 49.7px;
    margin-bottom: 60px;
  }
}
#writing .pc .Csection__wrap-blue-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32.8vw;
  height: 6vw;
  border-radius: 3vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  background-color: #4499cc;
  margin: -3vw auto 0;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__wrap-blue-btn {
    width: 328px;
    height: 60px;
    border-radius: 30px;
    margin: -30px auto 0;
  }
}
#writing .pc .Csection__wrap-blue-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2.2vw;
  letter-spacing: 0.1em;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__wrap-blue-btn span {
    font-size: 20px;
    line-height: 22px;
  }
}
#writing .pc .Csection__wrap-img-1 {
  width: 46vw;
  height: auto;
  margin: 0 auto 2vw;
  display: block;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__wrap-img-1 {
    width: 460px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
  }
}
#writing .pc .Csection__wrap-img-2 {
  width: 86vw;
  margin: 3.6vw 4.35vw 7.5vw auto;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__wrap-img-2 {
    width: 860px;
    margin: 36px 43.5px 75px auto;
  }
}
#writing .pc .Csection__content {
  display: flex;
  flex-direction: column;
  margin: 6.85vw auto 0;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__content {
    margin: 68.5px auto 0;
  }
}
#writing .pc .Csection__content-desc {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__content-desc {
    font-size: 14px;
    line-height: 24px;
  }
}
#writing .pc .Csection__content:last-of-type {
  margin: 3.21vw auto 0;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__content:last-of-type {
    margin: 32.1px auto 0;
  }
}
#writing .pc .Csection__bg {
  position: absolute;
  width: 13.1vw;
  height: 13.1vw;
  z-index: -1;
  top: 0;
  left: 25vw;
  top: -5.02vw;
}
@media screen and (min-width: 1000px) {
  #writing .pc .Csection__bg {
    width: 131px;
    height: 131px;
    left: 250px;
    top: -50.2px;
  }
}

#stem {
  overflow: hidden;
}
#stem .ow__container {
  width: 100%;
  position: relative;
}
#stem .ow__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#stem .BreadCrumb {
  margin-top: 0;
  position: absolute;
  top: 19.4%;
  left: 2%;
}
#stem .block {
  display: block;
}
#stem .drop-shadow {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#stem #top-page {
  all: unset;
  position: fixed;
  right: 20px;
  bottom: 150px;
  cursor: pointer;
  font: bold 2rem monospace;
  color: black;
  display: none;
  cursor: pointer;
  width: 16vw;
  z-index: 1001;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  #stem #top-page {
    width: 100px;
    margin-right: 100px;
  }
}
#stem .sp img {
  width: 100%;
}
#stem .sp .images-top {
  margin-top: 50px;
}
#stem .sp .images-top .swiper-wrapper {
  width: 100%;
  height: 176.867vw;
}
#stem .sp .images-top .swiper-pagination-bullet {
  width: 16vw;
  height: 6px;
  margin: 0 20px 0 0;
  border-radius: 3px;
  background-color: #4499cc;
  margin-bottom: 22.4vw !important;
}
#stem .sp .SectionFirst {
  display: flex;
  flex-direction: column;
  margin-top: 21.4vw;
}
#stem .sp .SectionFirst__campaign-banner {
  margin-top: -21.4vw;
}
#stem .sp .SectionFirst__campaign-banner {
  position: absolute;
  z-index: -1;
  width: 100%;
}
#stem .sp .SectionFirst__campaign-banner-img {
  height: 478vw;
}
#stem .sp .SectionFirst .c-campaign {
  width: 89.333vw;
  height: 104.4vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: -4vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__title {
  width: 50vw;
  max-width: none;
  padding-top: 77.333vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__content {
  width: 70vw;
  max-width: none;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__footer {
  padding-top: 10px;
  width: 89.333vw;
  max-width: none;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--01 {
  width: 25.6vw;
  height: 25.6vw;
  top: -14.667vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--01 .c-campaign__circleLast {
  font-size: 6.933vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--01 .c-campaign__circleText {
  font-size: 2.667vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--02 {
  width: 25.6vw;
  height: 25.6vw;
  top: -10.667vw;
  left: 19.2vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#stem .sp .SectionFirst .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#stem .sp .SectionFirst__title {
  margin: 9vw auto 1.4vw;
  width: 86.67vw;
}
#stem .sp .SectionFirst__title img {
  display: block;
}
#stem .sp .SectionFirst__language-art-img {
  margin-top: 2vw;
  margin-left: auto;
  margin-right: auto;
  width: 93.33vw;
}
#stem .sp .SectionFirst__Title-2 {
  margin: 2.667vw auto 0;
}
#stem .sp .SectionFirst__Title-2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: left;
  color: #777777;
}
#stem .sp .SectionFirst__stelam-hexa {
  margin-top: 5.333vw;
}
#stem .sp .SectionFirst__Title-3 {
  margin: 14.72vw auto 0;
}
#stem .sp .SectionFirst__Title-3 img {
  display: block;
}
#stem .sp .SectionFirst__Title-3 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #64b6c8;
}
#stem .sp .SectionFirst__Title-4 {
  margin: 4.533vw auto 0;
  width: 86.67vw;
}
#stem .sp .SectionFirst__Title-4 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: left;
  color: #777777;
}
#stem .sp .SectionFirst__tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 768px;
  margin: 6.933vw auto 0;
  padding: 0 5.333vw 5.333vw;
}
#stem .sp .SectionFirst__tabs input[type=radio] {
  display: none;
}
#stem .sp .SectionFirst__tabs .free {
  background: #4A97CC;
  border-top-left-radius: 4vw;
}
#stem .sp .SectionFirst__tabs .silver {
  background: #44BB99;
}
#stem .sp .SectionFirst__tabs .gold {
  background: #DD77BB;
  border-top-right-radius: 4vw;
}
#stem .sp .SectionFirst__tabs label {
  background: #e2e2e2;
  font-weight: bold;
  height: 13.333vw;
  width: 33.3%;
}
#stem .sp .SectionFirst__tabs label .tabFirst, #stem .sp .SectionFirst__tabs label .tabSecond, #stem .sp .SectionFirst__tabs label .tabThird {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#stem .sp .SectionFirst__tabs label h2 {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.32vw;
  text-align: center;
  color: #ffffff;
}
#stem .sp .SectionFirst__tabs label:not(:first-child) {
  border-left: 2px solid #fff;
}
#stem .sp .SectionFirst__tabs .tab {
  width: 100%;
  padding: 6.667vw 2.667vw 3.733vw;
  background-color: #eeeeee;
  order: 1;
  display: none;
}
#stem .sp .SectionFirst__tabs .tab__blue-one {
  margin-top: 5.6vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-one-img {
  height: 153.333vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-two {
  margin-top: 4.267vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-two-img {
  height: 86.667vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-three {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-three-img {
  height: 67.733vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-four {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__blue-four-img {
  height: 48.533vw;
}
#stem .sp .SectionFirst__tabs .tab__green-one {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__green-one-img {
  height: 107.467vw;
}
#stem .sp .SectionFirst__tabs .tab__green-two {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-one {
  margin-top: 4.8vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-one-img {
  height: 149.867vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-two {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-two-img {
  height: 124.267vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-three {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-three-img {
  height: 124.267vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-four {
  margin-top: 4vw;
}
#stem .sp .SectionFirst__tabs .tab__pink-four-img {
  height: 92.267vw;
}
#stem .sp .SectionFirst__tabs .tab h2 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0.32vw;
  text-align: center;
  color: #777777;
  white-space: nowrap;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label + .tab {
  display: block;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabFirst__text {
  color: #fff;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabFirst::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #4A97CC;
  left: calc(50% - 1.867vw);
  bottom: -2.667vw;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabSecond__text {
  color: #fff;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabSecond::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #44BB99;
  left: calc(50% - 1.867vw);
  bottom: -2.667vw;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabThird__text {
  color: #fff;
}
#stem .sp .SectionFirst__tabs input[type=radio]:checked + label .tabThird::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #DD77BB;
  left: calc(50% - 1.867vw);
  bottom: -2.667vw;
}
#stem .sp .SectionSecond {
  display: flex;
  flex-direction: column;
}
#stem .sp .SectionSecond__Title {
  margin: 6.4vw auto 0;
  width: 72.27vw;
}
#stem .sp .SectionSecond__penta-two {
  margin: 4vw auto 0;
  width: 28vw;
}
#stem .sp .SectionSecond__penta-two-text {
  margin-top: -7vw;
  width: 33.333vw;
}
#stem .sp .SectionSecond__dwnarrow-img {
  position: relative;
  z-index: -1;
}
#stem .sp .SectionSecond__content3 {
  width: 97.2vw;
  margin: -2vw auto -8vw;
}
#stem .sp .SectionSecond__Title-2 {
  margin: 3.88vw auto 0;
  width: 82.13vw;
}
#stem .sp .SectionSecond__Title-3 {
  margin-top: 4.267vw;
}
#stem .sp .SectionSecond__Title-3 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionSecond__banner-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
}
#stem .sp .SectionSecond__banner-bg-img {
  margin-top: 245vw;
}
#stem .sp .SectionSecond__banner-second {
  margin: 2vw auto 0;
}
#stem .sp .SectionSecond__Title-4 {
  margin: 11.733vw auto -1.8vw;
  width: 81.07vw;
}
#stem .sp .SectionSecond__Title-5 {
  margin: 4.267vw auto 0;
  width: 86.67vw;
}
#stem .sp .SectionSecond__Title-5 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionSecond__program-bg {
  margin-top: 5vw;
}
#stem .sp .SectionSecond__program-bg-img {
  position: absolute;
  z-index: -1;
}
#stem .sp .SectionSecond__green-button {
  width: 138px;
  margin: 10.4vw auto 4vw;
}
#stem .sp .SectionSecond__null {
  width: 68.267vw;
  height: 9.867vw;
  margin: 0 16.267vw 6.933vw 15.467vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.467vw;
  font-weight: 600;
  line-height: 1.54;
  letter-spacing: 0.347vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionSecond__grid-five {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  column-gap: 2.667vw;
  grid-template-columns: 43.2vw 43.2vw;
}
#stem .sp .SectionSecond__grid-five-program-card-1 {
  margin-top: 1vw;
}
#stem .sp .SectionSecond__grid-five-program-card-2 {
  margin-top: 12.2vw;
}
#stem .sp .SectionSecond__industrial-bg-img {
  position: absolute;
  z-index: -1;
  width: 100%;
  margin-top: 6vw;
}
#stem .sp .SectionSecond__purple-button {
  margin: 14vw auto 7vw;
  width: 138px;
}
#stem .sp .SectionSecond__purple {
  margin: 0 auto;
}
#stem .sp .SectionSecond__purple p {
  font-family: "Hiragino Sans W6", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: 0.347vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionSecond__industrial-card {
  width: 89.1vw;
  margin: 6.933vw auto 0;
}
#stem .sp .SectionSecond__ai-bg {
  margin-top: 9.067vw;
}
#stem .sp .SectionSecond__ai-bg-img {
  position: absolute;
  z-index: -1;
  width: 100%;
}
#stem .sp .SectionSecond__pink-button {
  width: 36.8vw;
  height: 11.2vw;
  margin: 6.773vw 32vw 3.893vw 31.2vw;
}
#stem .sp .SectionSecond__null-2 {
  margin: 2.667vw auto 0;
}
#stem .sp .SectionSecond__null-2-text {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.467vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: 0.3467vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionSecond__ai-card {
  width: 68.667vw;
  margin: 8vw auto 0 18vw;
  position: relative;
}
#stem .sp .SectionSecond__ai-card-bubble-img {
  position: absolute;
  z-index: 1;
  width: 42.021vw;
  left: 57%;
  top: -6.133vw;
}
#stem .sp .SectionThird {
  display: flex;
  flex-direction: column;
}
#stem .sp .SectionThird__stelam-kids {
  width: 75.6vw;
  margin-top: 16vw;
  margin-left: 12.387vw;
  margin-right: 32.853vw;
  display: inherit;
}
#stem .sp .SectionThird__stelam-kids-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.533vw;
  text-align: center;
  color: #64b6c8;
  margin-top: 5vw;
  margin-left: 2.5vw;
}
#stem .sp .SectionThird__Title-6 {
  margin-left: auto;
  margin-right: auto;
}
#stem .sp .SectionThird__Title-6 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.533vw;
  text-align: center;
  color: #64b6c8;
}
#stem .sp .SectionThird__Title-7 {
  margin: 4.587vw auto 0;
}
#stem .sp .SectionThird__Title-7 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionThird__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 3.733vw 4.8vw 0;
}
#stem .sp .SectionThird__grid .SectionThird__third {
  display: flex;
  flex-direction: column;
}
#stem .sp .SectionThird__grid .SectionThird__third-one {
  width: 34vw;
  margin-left: 8vw;
  margin-top: 4vw;
}
#stem .sp .SectionThird__grid .SectionThird__third-three {
  width: 34vw;
  margin-left: 7vw;
}
#stem .sp .SectionThird__grid .SectionThird__third-two-text {
  width: 54vw;
  max-width: fit-content;
  margin-top: 1vw;
}
#stem .sp .SectionThird__grid .SectionThird__third-four-text {
  width: 54vw;
  max-width: fit-content;
  margin-top: 2vw;
}
#stem .sp .SectionThird__grid .SectionThird__forth {
  display: flex;
  flex-direction: column;
}
#stem .sp .SectionThird__grid .SectionThird__forth-one-text {
  width: 54vw;
  margin-top: 9vw;
  max-width: fit-content;
  margin-left: -16vw;
}
#stem .sp .SectionThird__grid .SectionThird__forth-three-text {
  width: 54vw;
  max-width: fit-content;
  margin-top: 2vw;
  margin-left: -16.5vw;
}
#stem .sp .SectionThird__grid .SectionThird__forth-two {
  width: 34vw;
  margin-top: -1vw;
}
#stem .sp .SectionThird__grid .SectionThird__forth-four {
  width: 34vw;
  margin-top: -1vw;
}
#stem .sp .SectionThird__point-bubble {
  margin-top: 2vw;
}
#stem .sp .SectionThird__Title-8 {
  margin: 8vw auto 0;
}
#stem .sp .SectionThird__3times {
  max-width: max-content;
  margin-top: 2vw;
}
#stem .sp .SectionThird__3times-img {
  position: absolute;
  z-index: -1;
  width: 39vw;
  left: 30%;
}
#stem .sp .SectionThird__blue-button {
  width: 45.333vw;
  height: 13.6vw;
  margin: 7.2vw 24.8vw 5.067vw 30.4vw;
}
#stem .sp .SectionThird__scroll {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-left: 5.333vw;
  margin-right: 5.333vw;
}
#stem .sp .SectionThird__scroll-img {
  width: 216.8vw;
  max-width: none;
  margin-bottom: 6.133vw;
}
#stem .sp .SectionThird ::-webkit-scrollbar {
  width: 0;
  border-radius: 1.333vw;
  height: 4.267vw;
}
#stem .sp .SectionThird ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#stem .sp .SectionThird ::-webkit-scrollbar-thumb {
  background: #64B6C8;
  border-radius: 2.4vw;
  border: solid 1px #c9c6c6;
}
#stem .sp .SectionThird ::-webkit-scrollbar-thumb:hover {
  background: #64B6C8;
}
#stem .sp .SectionThird__fukidashi {
  margin: 16vw 8vw 0;
  position: absolute;
  top: -154px;
}
#stem .sp .SectionThird__orange-bg {
  height: 285.067vw;
  padding: 31.2vw 0 8vw;
  object-fit: contain;
  background-color: rgba(238, 153, 102, 0.1);
  margin-top: -21vw;
  z-index: -1;
}
#stem .sp .SectionThird__orange-bg-Title-9 {
  margin: 6.6vw auto 0;
  width: 69.33vw;
}
#stem .sp .SectionThird__orange-bg-stemart-3 {
  margin-top: 2.667vw;
  margin-bottom: -2vw;
}
#stem .sp .SectionThird__orange-bg-Title-10 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  text-align: left;
  color: #777777;
  margin-left: 6vw;
}
#stem .sp .SectionThird__orange-bg-qaudro {
  margin-top: -5vw;
}
#stem .sp .SectionThird__orange-bg-Title-11 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#stem .sp .SectionThird__orange-bg-button {
  width: 58.667vw;
  height: 12vw;
  margin: 4.8vw 20.8vw 0 20.533vw;
  padding: 4.8vw 5.333vw 3.2vw 4.4vw;
  border-radius: 13.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
}
#stem .sp .SectionThird__orange-bg-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.69;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#stem .sp .SectionThird__orange-bg-button-arrow {
  width: 2.5vw;
  float: right;
  margin-top: -3.5vw;
}
#stem .sp .SectionThird__blue-bg {
  height: 256.267vw;
  padding: 15.733vw 0 9.067vw 1.253vw;
  object-fit: contain;
  background-color: rgba(68, 153, 204, 0.15);
}
#stem .sp .SectionThird__blue-bg-Title-12 {
  width: 61.33vw;
  margin: 3.73vw auto 8.53vw;
}
#stem .sp .SectionThird__blue-bg-stemart-2 {
  margin-top: 2.667vw;
}
#stem .sp .SectionThird__blue-bg-Title-13 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.373vw;
  color: #777777;
  text-align: center;
}
#stem .sp .SectionThird__blue-bg-penta {
  width: 107.47vw;
  margin: 5vw -4vw;
}
#stem .sp .SectionThird__blue-bg-button img {
  width: 58.67vw;
  margin: -6.13vw auto;
}
#stem .sp .SectionThird__trail {
  width: 100vw;
}
#stem .sp .SectionThird__trail-img {
  position: absolute;
  z-index: -1;
  left: 0;
}
#stem .sp .SectionThird__start-trail {
  width: 89.067vw;
  height: 115.2vw;
  margin: 10.347vw auto 0;
  padding: 5.067vw 2.133vw 4.267vw 2.667vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: relative;
}
#stem .sp .SectionThird__start-trail-img {
  width: 77.867vw;
  height: 45.867vw;
  margin: 0 3.2vw 6.133vw;
  object-fit: contain;
  border-radius: 4.267vw;
}
#stem .sp .SectionThird__start-trail .SectionThird__trail-bdg-img {
  width: 26vw;
  position: absolute;
  left: -0.1vw;
  top: -6vw;
}
#stem .sp .SectionThird__start-trail .SectionThird__first p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.04vw;
  text-align: left;
  color: #777777;
  text-align: center;
}
#stem .sp .SectionThird__start-trail .SectionThird__second {
  display: flex;
  flex-direction: row;
  margin: 2.933vw 6vw 0;
}
#stem .sp .SectionThird__start-trail .SectionThird__second p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.8vw;
  text-align: center;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-one {
  color: #66bbcc;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-two {
  color: #44bb99;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-three {
  color: #aa88ee;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-four {
  color: #4499cc;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-five {
  color: #aacc55;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-six {
  color: #ee9966;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-seven {
  color: #dd77bb;
}
#stem .sp .SectionThird__start-trail .SectionThird__second-text-eight {
  color: #44bb99;
}
#stem .sp .SectionThird__start-trail .SectionThird__third {
  margin-top: 4vw;
  min-height: 12vw;
}
#stem .sp .SectionThird__start-trail .SectionThird__third p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.133vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
  text-align: center;
}
#stem .sp .SectionThird__start-trail .SectionThird__yellow-bg-button {
  width: 84.267vw;
  height: 18.4vw;
  margin: 6vw 0 0;
  padding: 7.733vw 4.533vw 6.667vw 4.533vw;
  border-radius: 13.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  position: relative;
  text-align: center;
}
#stem .sp .SectionThird__start-trail .SectionThird__yellow-bg-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.81;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#stem .sp .SectionThird__start-trail .SectionThird__yellow-bg-button-white {
  width: 21.067vw;
  height: 10.933vw;
  padding: 4vw 4.533vw 3.467vw 4vw;
  border-radius: 8vw;
  box-shadow: 0 1.333vw 2.667vw 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  position: absolute;
  left: 32vw;
  top: -5vw;
}
#stem .sp .SectionThird__start-trail .SectionThird__yellow-bg-button-white-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ee9966;
  white-space: nowrap;
}
#stem .sp .SectionThird__start-trail .SectionThird__yellow-bg-button-arrow {
  width: 2vw;
  float: right;
  margin-top: -3vw;
}
#stem .sp .SectionThird__trail-bdg {
  width: 28vw;
}
#stem .sp .commitment_sp {
  margin: 5vw -2vw;
  max-width: 104.8vw;
  width: 104.8vw;
}
#stem .sp .LogoFooter {
  width: 47vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12vw;
  height: 33vw;
}
#stem .sp .c-KeyVisualSlides__item--01, #stem .sp .c-KeyVisualSlides__item--02, #stem .sp .c-KeyVisualSlides__item--03, #stem .sp .c-KeyVisualSlides__item--04 {
  padding-top: 0;
}
#stem .sp .c-KeyVisualSlides__item--01 .s3-body, #stem .sp .c-KeyVisualSlides__item--02 .s3-body, #stem .sp .c-KeyVisualSlides__item--03 .s3-body, #stem .sp .c-KeyVisualSlides__item--04 .s3-body {
  margin-top: 0;
}
#stem .sp .c-KeyVisualSlides__item--01 .s2-body, #stem .sp .c-KeyVisualSlides__item--02 .s2-body, #stem .sp .c-KeyVisualSlides__item--03 .s2-body, #stem .sp .c-KeyVisualSlides__item--04 .s2-body {
  margin-top: 0;
}
#stem .sp .c-KeyVisualSlides__item--01 .s4-body, #stem .sp .c-KeyVisualSlides__item--02 .s4-body, #stem .sp .c-KeyVisualSlides__item--03 .s4-body, #stem .sp .c-KeyVisualSlides__item--04 .s4-body {
  margin-top: 0;
}
#stem .sp .c-KeyVisual {
  max-height: 174.667vw;
  padding-top: 16vw;
}
#stem .sp .swiper-container-autoheight, #stem .sp .swiper-container-autoheight .swiper-slide {
  height: 164.667vw;
}
#stem .sp .c-KeyVisual .swiper-pagination-bullets.u-imp {
  bottom: 7.467vw;
}
#stem .sp .c-KeyVisual .swiper-pagination-bullet {
  width: 16vw;
}
#stem .pc {
  overflow-x: hidden;
}
#stem .pc .swiper-container {
  height: 59.529vw;
  position: relative;
  z-index: 1;
}
#stem .pc .swiper-container .wrapperOne {
  margin-top: 9vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .swiper-container .wrapperOne {
    margin-top: 0.781vw;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .swiper-container .wrapperOne .slider-img {
    width: 100vw;
    height: 45.833vw;
  }
}
#stem .pc .swiper-container .swiper-pagination-bullet {
  width: 3.125vw;
  height: 4px;
  border-radius: 3px;
  background-color: #4499cc;
  margin-top: -16.952vw;
}
#stem .pc .SectionFirst {
  display: flex;
  flex-direction: column;
}
#stem .pc .SectionFirst__campaign-bg-img {
  position: absolute;
  z-index: -1;
  height: 42.923vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__campaign-bg-img {
    height: 900px;
    width: 100%;
  }
}
#stem .pc .SectionFirst__campaign {
  z-index: 2;
}
#stem .pc .SectionFirst__campaign-img {
  width: 55vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: -11vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__campaign-img {
    width: 1000px;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .c-campaign {
    margin-top: -60px;
  }
}
#stem .pc .SectionFirst__Title {
  margin: 7.632vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title {
    margin: 149px auto 0;
  }
}
#stem .pc .SectionFirst__Title img {
  display: block;
}
#stem .pc .SectionFirst__Title p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title p {
    font-size: 36px;
  }
}
#stem .pc .SectionFirst__container {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__container {
    margin-top: 0;
  }
}
#stem .pc .SectionFirst__STEM {
  display: flex;
  flex-direction: row;
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 33px;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__STEM {
    margin-top: 33px;
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionFirst__campaign-8-24-img {
  position: absolute;
  z-index: 4;
  top: 43vw;
  left: 19vw;
  width: 7.292vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__campaign-8-24-img {
    width: 140px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: -500px;
    margin-top: -40px;
  }
}
#stem .pc .SectionFirst__Title-2 {
  margin: 2.011vw auto -0.7vw;
}
#stem .pc .SectionFirst__Title-2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-2 p {
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-2 {
    margin: 20.11px auto -7px;
  }
}
#stem .pc .SectionFirst__hexa {
  margin-top: 2vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__hexa {
    margin-top: 20px;
  }
}
#stem .pc .SectionFirst__hexa-img {
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__hexa-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#stem .pc .SectionFirst__hexaSecond {
  width: 88vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__hexaSecond {
    width: unset;
    margin-top: 60px;
  }
}
#stem .pc .SectionFirst__Title-3 {
  margin: 4vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-3 {
    margin: 130px auto 0;
  }
}
#stem .pc .SectionFirst__Title-3 img {
  display: block;
}
#stem .pc .SectionFirst__Title-3 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-3 p {
    font-size: 36px;
  }
}
#stem .pc .SectionFirst__Title-4 {
  margin: 4vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-4 {
    margin: 36px auto 0;
  }
}
#stem .pc .SectionFirst__Title-4 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst__Title-4 p {
    font-size: 20px;
  }
}
#stem .pc .SectionFirst .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
#stem .pc .SectionFirst .swiper-container .swiper-slide {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100vw;
  height: 77.778vw;
  margin-top: -10.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .swiper-container .swiper-slide {
    margin-top: 39px;
  }
}
#stem .pc .SectionFirst .gallery-top {
  height: 80%;
  width: 100%;
  margin-top: -8vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-top {
    width: 1000px;
    margin-top: -275px;
    height: 1100px;
  }
}
#stem .pc .SectionFirst .gallery-top .wrapperTwo {
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-top .wrapperTwo {
    margin-top: 173px;
  }
}
#stem .pc .SectionFirst .gallery-top .swiper-button-next {
  width: 60px;
  height: 60px;
  padding: 20.1px 23.9px 19.9px 24px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #707070;
  border-radius: 30px;
  right: 0;
}
#stem .pc .SectionFirst .gallery-top .swiper-button-next-arrow {
  width: 9px;
  height: 15px;
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-top .swiper-button-next {
    top: 65%;
  }
}
#stem .pc .SectionFirst .gallery-top .swiper-button-prev {
  width: 60px;
  height: 60px;
  padding: 20.1px 23.9px 19.9px 24px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #707070;
  border-radius: 30px;
  right: 5px;
  left: 0;
}
#stem .pc .SectionFirst .gallery-top .swiper-button-prev-arrow {
  width: 9px;
  height: 15px;
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-top .swiper-button-prev {
    top: 65%;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-top .swiper-slide {
    height: 730px;
    margin-top: 129px;
    margin-right: 0;
  }
}
#stem .pc .SectionFirst .gallery-thumbs {
  height: 105px;
  width: 31.889vw;
  box-sizing: border-box;
  padding: 10px 0;
  overflow: unset;
  z-index: 10;
}
#stem .pc .SectionFirst .gallery-thumbs .swiper-wrapper {
  transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 999px) and (min-width: 767px) {
  #stem .pc .SectionFirst .gallery-thumbs .swiper-slide {
    width: 32vw !important;
    height: 12vw !important;
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-thumbs .swiper-slide {
    width: 334px !important;
    height: 130px !important;
    margin-right: 0 !important;
  }
}
#stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down {
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #4A97CC;
  position: absolute;
  left: 43.5%;
  margin-top: 11.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #4A97CC;
    left: 43.5%;
    margin-top: 122px;
  }
}
#stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down-2 {
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #44bb99;
  position: absolute;
  left: 43.5%;
  margin-top: 11.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down-2 {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #44bb99;
    left: 43.5%;
    margin-top: 122px;
  }
}
#stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down-3 {
  width: 0;
  height: 0;
  border-left: 1.867vw solid transparent;
  border-right: 1.867vw solid transparent;
  border-top: 2.667vw solid #dd77bb;
  position: absolute;
  left: 43.5%;
  margin-top: 11.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionFirst .gallery-thumbs .swiper-slide-thumb-active .arrow-down-3 {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #dd77bb;
    left: 43.5%;
    margin-top: 122px;
  }
}
#stem .pc .SectionSecond {
  display: flex;
  flex-direction: column;
}
#stem .pc .SectionSecond__Title-1 {
  margin: 0 auto;
}
#stem .pc .SectionSecond__Title-1 img {
  display: block;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-1 {
    margin: 65px auto 0;
  }
}
#stem .pc .SectionSecond__children-parents {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}
#stem .pc .SectionSecond__woman-logo {
  width: 888px;
  margin: 0 auto;
}
#stem .pc .SectionSecond__dwn-arrow {
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__dwn-arrow {
    width: unset;
  }
}
#stem .pc .SectionSecond__Title-2 {
  margin: 6.667vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-2 {
    margin: 60px auto 0;
  }
}
#stem .pc .SectionSecond__Title-2 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: 600;
  line-height: 1.39;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-2 p {
    font-size: 36px;
  }
}
#stem .pc .SectionSecond__Title-3 {
  margin-top: 4.222vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-3 {
    margin-top: 38px;
  }
}
#stem .pc .SectionSecond__Title-3 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-3 p {
    font-size: 20px;
    font-weight: 600;
  }
}
#stem .pc .SectionSecond__scnd-bnnr {
  margin-top: -5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__scnd-bnnr {
    margin-top: -50px;
  }
}
#stem .pc .SectionSecond__scnd-bnnr-img {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__scnd-bnnr-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#stem .pc .SectionSecond__scnd-bnnr-pic {
  width: 94vw;
  margin: 10vw 0 0 5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__scnd-bnnr-pic {
    width: 102%;
    margin: unset;
    margin-left: -40px;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__scnd-bnnr-pic-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 83px;
    width: 1125.6px;
  }
}
#stem .pc .SectionSecond__Title-4 {
  width: 55.4vw;
  margin: 12.222vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-4 {
    width: 554px;
    margin: 37px auto 2px;
  }
}
#stem .pc .SectionSecond__Title-5 {
  margin-top: 2.222vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-5 {
    margin-top: 20px;
  }
}
#stem .pc .SectionSecond__Title-5 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-5 p {
    font-size: 20px;
  }
}
#stem .pc .SectionSecond__program-bg {
  margin-top: 6.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__program-bg {
    margin-top: 58.5px;
  }
}
#stem .pc .SectionSecond__program-bg-img {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__program-bg-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#stem .pc .SectionSecond__green-button {
  width: 22.222vw;
  height: 6.667vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__green-button {
    width: 200px;
    height: 60px;
    margin: 0 auto;
  }
}
#stem .pc .SectionSecond__green-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__green-button-text {
    font-size: 20px;
  }
}
#stem .pc .SectionSecond__Title-6 {
  margin: 1.667vw 35.5vw 0 auto;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-6 {
    margin: 20px auto 0;
  }
}
#stem .pc .SectionSecond__Title-6 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-6 p {
    font-size: 20px;
    font-weight: 600;
  }
}
#stem .pc .SectionSecond__program-cards {
  margin: 2.444vw auto 0;
  width: 90vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__program-cards {
    width: 940px;
    margin: 40px auto 0;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__program-cards-img {
    margin-left: -20px;
  }
}
#stem .pc .SectionSecond__industrial-bg {
  margin-top: 7.222vw;
}
#stem .pc .SectionSecond__industrial-bg-img {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__industrial-bg-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#stem .pc .SectionSecond__purple-button {
  margin: 0.815vw auto 0;
  width: 22.222vw;
  height: 6.667vw;
  padding: 2.667vw 7.222vw 1.889vw;
  border-radius: 3.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #aa88ee;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__purple-button {
    width: 200px;
    height: 60px;
    padding: 22px 45px 17px;
    border-radius: 30px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #aa88ee;
  }
}
#stem .pc .SectionSecond__purple-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__purple-button-text {
    font-size: 20px;
  }
}
#stem .pc .SectionSecond__Title-7 {
  margin: 1.667vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-7 {
    margin-top: 20px;
  }
}
#stem .pc .SectionSecond__Title-7 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-7 p {
    font-size: 20px;
    font-weight: 600;
  }
}
#stem .pc .SectionSecond__industrial-cards {
  margin: 2.444vw auto 0;
  width: 90vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__industrial-cards {
    width: 940px;
    margin-top: 39px;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__industrial-cards-img {
    margin-left: 20px;
  }
}
#stem .pc .SectionSecond__ai-bg {
  margin-top: 1vw;
}
#stem .pc .SectionSecond__ai-bg-img {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__ai-bg-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#stem .pc .SectionSecond__red-button {
  width: 200px;
  height: 60px;
  margin: 11vw auto 0;
  padding: 16px 91px 17px;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #dd77bb;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__red-button {
    width: 200px;
    height: 60px;
    padding: 16px 91px 17px;
    border-radius: 30px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #dd77bb;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
  }
}
#stem .pc .SectionSecond__red-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  color: #ffffff;
}
#stem .pc .SectionSecond__Title-8 {
  margin: 1.667vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-8 {
    margin-top: 20px;
  }
}
#stem .pc .SectionSecond__Title-8 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-8 p {
    font-size: 20px;
  }
}
#stem .pc .SectionSecond__ai-cards {
  position: relative;
  margin: -2.056vw auto 0;
}
#stem .pc .SectionSecond__ai-cards-img {
  width: 103.2vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__ai-cards-img {
    width: 1032px;
    margin-left: 0;
    margin-top: -45px;
  }
}
#stem .pc .SectionSecond__ai-cards-bubble-img {
  position: absolute;
  z-index: 1;
  width: 30vw;
  left: 70.5%;
  top: -9vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__ai-cards-bubble-img {
    width: 300px;
    top: -160px;
  }
}
#stem .pc .SectionSecond__stelam-logo {
  margin: 14vw auto 0;
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-logo {
    margin-top: 110px;
  }
}
#stem .pc .SectionSecond__stelam-logo-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
  margin-top: 2vw;
  margin-left: 1vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-logo-text {
    font-size: 36px;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-logo-img {
    width: 250px;
  }
}
#stem .pc .SectionSecond__Title-9 {
  margin: 15.1vw auto 1.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-9 {
    margin: 151px auto 15px;
  }
}
#stem .pc .SectionSecond__Title-9 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.22;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-9 p {
    font-size: 36px;
  }
}
#stem .pc .SectionSecond__Title-10 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__Title-10 p {
    font-size: 20px;
    font-weight: 600;
  }
}
#stem .pc .SectionSecond__stelam-flex {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 3vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionSecond__stelam-flex-one-img {
  width: 30vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-one-img {
    width: 500px;
  }
}
#stem .pc .SectionSecond__stelam-flex-one-text {
  position: relative;
  z-index: 1;
  left: -25%;
  top: 3vw;
  width: 42vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-one-text {
    width: 750px;
  }
}
#stem .pc .SectionSecond__stelam-flex-two {
  margin-left: -8vw;
}
#stem .pc .SectionSecond__stelam-flex-two-img {
  width: 30vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-two-img {
    width: 500px;
  }
}
#stem .pc .SectionSecond__stelam-flex-two-text {
  position: relative;
  z-index: 1;
  top: 3vw;
  width: 42vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-two-text {
    width: 750px;
    left: 15%;
  }
}
#stem .pc .SectionSecond__stelam-flex-2 {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 3vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-2 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionSecond__stelam-flex-2-one-img {
  margin-left: -1vw;
  width: 30vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-2-one-img {
    width: 855px;
  }
}
#stem .pc .SectionSecond__stelam-flex-2-one-text {
  position: relative;
  z-index: 1;
  top: 3vw;
  width: 42vw;
  left: 5%;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-2-one-text {
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
#stem .pc .SectionSecond__stelam-flex-2-two-img {
  margin-left: -1vw;
  width: 30vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-2-two-img {
    width: 855px;
  }
}
#stem .pc .SectionSecond__stelam-flex-2-two-text {
  position: relative;
  z-index: 1;
  top: 3vw;
  width: 42vw;
  left: 5%;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionSecond__stelam-flex-2-two-text {
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
#stem .pc .SectionThird {
  display: flex;
  flex-direction: column;
}
#stem .pc .SectionThird .commitment {
  width: 1106px;
  margin: 0 auto;
}
#stem .pc .SectionThird__point-bubble {
  padding-left: 2.222vw;
  padding-right: 2.222vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__point-bubble {
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionThird__Title-1 {
  margin: 10.5vw auto -7.2vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__Title-1 {
    margin: 105px auto -72px;
  }
}
#stem .pc .SectionThird__Title-1 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__Title-1 p {
    font-size: 36px;
  }
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__3times {
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionThird__3times-img {
  width: 23vw;
  position: absolute;
  z-index: -1;
  left: -1%;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__3times-img {
    width: 230px;
    margin-left: -550px;
    left: unset;
  }
}
#stem .pc .SectionThird__3times-button {
  width: 22.222vw;
  height: 6.667vw;
  padding: 2.222vw 4vw 1.889vw;
  border-radius: 3.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #64b6c8;
  margin-top: 6vw;
  margin-left: 4vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__3times-button {
    width: 200px;
    height: 60px;
    padding: 16px 46px 17px;
    border-radius: 30px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #64b6c8;
    margin-left: -500px;
  }
}
#stem .pc .SectionThird__3times-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.222vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__3times-button-text {
    font-size: 20px;
  }
}
#stem .pc .SectionThird__time-table {
  padding-left: 2.222vw;
  padding-right: 2.222vw;
  margin-top: -2vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__time-table {
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionThird__time-table-img {
  width: 102.4vw;
}
@media screen and (min-width: 768px) {
  #stem .pc .SectionThird__time-table-img {
    width: 1024px;
  }
}
#stem .pc .SectionThird__orange-container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 158.556vw;
  background-color: rgba(238, 153, 102, 0.15);
  margin-top: 30.778vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container {
    margin-top: 277px;
    width: 100%;
    height: 1598px;
  }
}
#stem .pc .SectionThird__orange-container-fukidashi {
  width: 50vw;
  margin: 16vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-fukidashi {
    margin-top: 280px;
  }
}
#stem .pc .SectionThird__orange-container-fukidashi-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#stem .pc .SectionThird__orange-container-Title-1 {
  margin: -2.6vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-Title-1 {
    margin: -26px auto 0;
  }
}
#stem .pc .SectionThird__orange-container-flex {
  display: flex;
  flex-direction: row;
  margin: 5.222vw auto 0;
  padding-left: 2.222vw;
  padding-right: 2.222vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-flex {
    margin-top: 36px;
  }
}
#stem .pc .SectionThird__orange-container-flex-plus {
  margin: 1.5vw 1.111vw 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-flex-plus {
    margin: 20px 10px 0;
  }
}
#stem .pc .SectionThird__orange-container-flex-art {
  margin-top: -1.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-flex-art {
    margin-top: -17px;
  }
}
#stem .pc .SectionThird__orange-container-Title-2 {
  margin-top: 3.111vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-Title-2 {
    margin-top: 28px;
  }
}
#stem .pc .SectionThird__orange-container-Title-2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-Title-2 p {
    font-size: 20px;
  }
}
#stem .pc .SectionThird__orange-container-quadro {
  margin-top: 6.667vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-quadro {
    margin-top: 60px;
  }
}
#stem .pc .SectionThird__orange-container-quadro-img {
  width: 95vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-quadro-img {
    width: 1000px;
  }
}
#stem .pc .SectionThird__orange-container-button {
  width: 35.556vw;
  height: 6.667vw;
  padding: 2.444vw 2.3vw 1.889vw 2.667vw;
  border-radius: 5.556vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  margin: -5vw auto 0;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-button {
    width: 320px;
    height: 60px;
    padding: 19px 19.7px 17px 10px;
    border-radius: 50px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ee9966;
    margin-top: -45px;
  }
}
#stem .pc .SectionThird__orange-container-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-button-text {
    font-size: 20px;
  }
}
#stem .pc .SectionThird__orange-container-button-arrow {
  width: 1.7vw;
  float: right;
  margin-top: -2.4vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__orange-container-button-arrow {
    width: 13px;
    margin-top: -19px;
  }
}
#stem .pc .SectionThird__blue-container {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 154.222vw;
  object-fit: contain;
  background-color: rgba(68, 153, 204, 0.15);
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container {
    height: 1550px;
  }
}
#stem .pc .SectionThird__blue-container-Title-1 {
  margin: 9.444vw auto 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-Title-1 {
    margin: 94.44px auto 0;
  }
}
#stem .pc .SectionThird__blue-container-Title-1 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.947vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: 3.6px;
  text-align: center;
  color: #4499cc;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-Title-1 p {
    font-size: 36px;
  }
}
#stem .pc .SectionThird__blue-container-Title-2 {
  margin-top: 4.444vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-Title-2 {
    margin-top: 40px;
  }
}
#stem .pc .SectionThird__blue-container-Title-2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.667vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-Title-2 p {
    font-size: 20px;
  }
}
#stem .pc .SectionThird__blue-container-flex {
  display: flex;
  flex-direction: row;
  margin: 5.222vw auto 0;
  padding-left: 2.222vw;
  padding-right: 2.222vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-flex {
    margin-top: 40px;
  }
}
#stem .pc .SectionThird__blue-container-flex-plus {
  margin: 1.5vw 1.111vw 0;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-flex-plus {
    margin: 20px 10px 0;
  }
}
#stem .pc .SectionThird__blue-container-flex-language {
  margin-top: -1.5vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-flex-language {
    margin-top: -15px;
  }
}
#stem .pc .SectionThird__blue-container-penta {
  margin-top: 6.667vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-penta {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }
}
#stem .pc .SectionThird__blue-container-penta-img {
  width: 100vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-penta-img {
    width: 1000px;
  }
}
#stem .pc .SectionThird__blue-container-button {
  width: 35.556vw;
  height: 6.667vw;
  border-radius: 5.556vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #4499cc;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.667vw;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-button {
    width: 320px;
    height: 60px;
    padding: 20px 19.7px 17px 18px;
    border-radius: 50px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #4499cc;
    margin-top: 51px;
  }
}
#stem .pc .SectionThird__blue-container-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.222vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 2vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-button-text {
    font-size: 20px;
    margin-top: unset;
  }
}
#stem .pc .SectionThird__blue-container-button-arrow {
  width: 1.5vw;
  margin-top: -2.1vw;
  margin-left: 32vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__blue-container-button-arrow {
    width: 13px;
    margin-top: -19px;
    margin-left: 272px;
  }
}
#stem .pc .SectionThird__trail-container {
  margin-top: 7.778vw;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__trail-container {
    margin-top: 70px;
  }
}
#stem .pc .SectionThird__trail-container-img {
  height: 40vw;
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
@media screen and (min-width: 1000px) {
  #stem .pc .SectionThird__trail-container-img {
    height: 580px;
    width: 100%;
    visibility: visible;
  }
}
#stem .pc .SectionThird__trail-container-startTrail-img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 1000px;
  height: 500px;
}
#stem .pc .SectionThird__trail-container-startTrail-bdg-img {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 500px;
  margin-top: 55px;
}
#stem .pc .SectionThird__trail-container-white-button {
  width: 460px;
  height: 100px;
  margin: 38px 0 0;
  padding: 32px 19.7px 36px 96px;
  border-radius: 50px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -90px;
  text-align: center;
}
#stem .pc .SectionThird__trail-container-white-button-white {
  width: 115px;
  height: 60px;
  padding: 16px 19px 17px 26px;
  border-radius: 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  position: absolute;
  left: 170px;
  top: -33px;
}
#stem .pc .SectionThird__trail-container-white-button-white-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #ee9966;
  white-space: nowrap;
}
#stem .pc .SectionThird__trail-container-white-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.83;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  margin-left: -81px;
}
#stem .pc .SectionThird__trail-container-white-button-arrow {
  width: 12.1px;
  float: right;
  margin-top: -20px;
}
#stem .pc .LogoFooter-img {
  display: flex;
  margin: 130px auto 0;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-title__img--01 {
  width: 775px;
  margin-top: -10px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--01 {
  left: calc(49% - 252px);
  top: calc(82.6% + 10px);
  width: 158.5px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--02 {
  left: calc(50% - 105px);
  top: calc(45% + 33px);
  width: 185px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--03 {
  left: calc(50% + 107px);
  top: calc(50% + 3px);
  width: 185px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--04 {
  left: calc(50% + 308px);
  top: calc(50% - 86px);
  width: 185px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--05 {
  left: calc(50% - 308px);
  top: calc(50% - 86px);
  width: 185px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-body__set--06 {
  left: calc(50% + 272px);
  top: calc(82.6% + 10px);
  width: 158.5px;
}
#stem .pc .c-KeyVisualSlides__item--01 .s1-footer {
  margin-top: -110px;
}
#stem .pc .stem-art-sm {
  max-width: 147px;
}
#stem .pc .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}
#stem .pc .c-KeyVisual .swiper-pagination-bullets.u-imp {
  bottom: 95px;
}
#stem .pc .c-KeyVisualSlides__item--02 .s2-body__set:nth-child(odd) {
  margin-top: 0;
}
#stem .pc .c-KeyVisualSlides__item--02 .s2-body__set {
  width: 930px;
  margin-left: -16px;
  min-width: unset;
}
#stem .pc .c-KeyVisualSlides__item--02.lazyloaded {
  background: none;
}
#stem .pc .c-KeyVisualSlides__item--03 .s3-body__set--01 {
  width: 1100px;
  margin-left: 35px;
  margin-top: -113px;
}
#stem .pc .c-KeyVisualSlides__item--03 .s3-title__img {
  margin-top: -10px;
  width: 600px;
}
#stem .pc .c-KeyVisualSlides__item--03.lazyloaded {
  background: none;
}
#stem .pc .s3-footer__title > img {
  margin: -37px auto 0;
}
#stem .pc .c-KeyVisualSlides__item--04 .s4-title__img {
  width: 558px;
}
#stem .pc .c-KeyVisualSlides__item--04 .s4-body__set--01 {
  width: 1084px;
}
#stem .pc .c-KeyVisualSlides__item--04 .s4-footer__img {
  width: 630px;
}
#stem .free_trial_2__container {
  margin-top: 80px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #stem .free_trial_2__container {
    margin-top: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #stem .free_trial_2__container {
    margin-top: 16vw;
  }
}

#vision {
  overflow: hidden;
}
#vision .page-header {
  position: relative;
}
#vision .page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#vision .page-header__content {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__content {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__content {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__content {
    height: 82.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__content {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__content {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__content {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__content {
    margin-right: 0vw;
  }
}
#vision .page-header__content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/vision/kv-image.jpg");
}
@media screen and (max-width: 767px) {
  #vision .page-header__content.lazyloaded {
    background-image: url("/ste-lam/one-world/image/vision/kv-image_sp.jpg");
  }
}
#vision .page-header__wrapper {
  width: 480px;
  height: 480px;
  position: absolute;
  left: calc(50% - 240px);
  top: 91px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__wrapper {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__wrapper {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__wrapper {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__wrapper {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__wrapper {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__wrapper {
    left: calc(50% - 34.6666666667vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__wrapper {
    top: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__wrapper {
    top: 13.0666666667vw;
  }
}
#vision .page-header__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/common/kv-content-bg.svg");
}
#vision .page-header__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 98.5px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__logo {
    top: 7.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__logo {
    left: calc(50% - 24.404vw);
  }
}
#vision .page-header__title {
  position: absolute;
  width: 440.84px;
  height: 98.77px;
  top: 215.2px;
  left: calc(50% - 220.42px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__title {
    width: 35.5516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__title {
    width: 63.6933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__title {
    height: 7.9653225806vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__title {
    height: 18.5813333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__title {
    top: 17.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__title {
    top: 37.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .page-header__title {
    left: calc(50% - 17.7758064516vw);
  }
}
@media screen and (max-width: 767px) {
  #vision .page-header__title {
    left: calc(50% - 31.8466666667vw);
  }
}
#vision .section-campaign {
  position: relative;
}
#vision .section-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#vision .section-campaign__content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .section-campaign__content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .section-campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .section-campaign__content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .section-campaign__content {
    padding-bottom: 5.6vw;
  }
}
#vision .SectionOne__campaign {
  margin-top: -60px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .SectionOne__campaign {
    margin-top: -4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .SectionOne__campaign {
    margin-top: 0vw;
  }
}
#vision .SectionOne__campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
  top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .SectionOne__campaign::before {
    top: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .SectionOne__campaign::before {
    top: 0vw;
  }
}
#vision .SectionOne__campaign__content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .SectionOne__campaign__content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .SectionOne__campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .SectionOne__campaign__content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .SectionOne__campaign__content {
    padding-bottom: 5.6vw;
  }
}
#vision .btm-campaign {
  position: relative;
}
#vision .btm-campaign::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#vision .btm-campaign__content {
  padding-top: 100px;
  padding-bottom: 63px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .btm-campaign__content {
    padding-top: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .btm-campaign__content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .btm-campaign__content {
    padding-bottom: 5.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .btm-campaign__content {
    padding-bottom: 5.6vw;
  }
}
#vision .sp {
  padding-bottom: 15.2vw;
}
#vision .sp .SectionOne {
  margin-top: 60px;
}
#vision .sp .SectionOne img {
  width: 100%;
}
#vision .sp .SectionOne-img {
  position: absolute;
  z-index: 1;
}
#vision .sp .SectionOne__gra-img {
  position: absolute;
  z-index: -1;
  height: 185vw;
}
#vision .sp .SectionOne__title1 {
  margin-top: 17vw;
}
#vision .sp .SectionOne__title1 > img {
  width: 80.987vw;
  margin-left: auto;
  margin-right: auto;
}
#vision .sp .SectionOne__title1 p:first-of-type {
  margin-top: 5.333vw;
}
#vision .sp .SectionOne__title1 p:nth-last-child(-n+3) {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.7px;
  text-align: center;
  color: #777777;
}
#vision .sp .SectionOne__first-bg {
  margin-top: 5vw;
}
#vision .sp .SectionOne__first-bg-img {
  position: absolute;
  z-index: -1;
}
#vision .sp .SectionOne__flexOne {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
}
#vision .sp .SectionOne__flexOne-picOne {
  width: 26.667vw;
  margin-top: 9vw;
  margin-left: 8vw;
}
#vision .sp .SectionOne__flexOne-picTwo {
  width: 26.667vw;
  margin-top: 2vw;
  margin-left: 2vw;
}
#vision .sp .SectionOne__flexOne-picThree {
  width: 26.667vw;
  margin-top: 9vw;
  margin-left: 2vw;
}
#vision .sp .SectionOne__title2 {
  display: flex;
  flex-direction: column;
  margin: 6.133vw 10.667vw 0;
}
#vision .sp .SectionOne__title2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__title3 {
  display: flex;
  flex-direction: column;
  margin: 6.133vw 10.667vw 0;
}
#vision .sp .SectionOne__title3 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__title4 {
  display: flex;
  flex-direction: column;
  margin: 6.133vw 10.667vw 0;
}
#vision .sp .SectionOne__title4 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__flexTwo {
  display: flex;
  flex-direction: row;
  margin-top: 6.4vw;
  justify-content: center;
  gap: 7.7vw;
}
#vision .sp .SectionOne__flexTwo-picOne {
  width: 32vw;
}
#vision .sp .SectionOne__flexTwo-picTwo {
  width: 32vw;
}
#vision .sp .SectionOne__title5 {
  margin: 14vw auto 0;
  width: 78.053vw;
}
#vision .sp .SectionOne__btw {
  margin-top: 5.333vw;
}
#vision .sp .SectionOne__title6 {
  display: flex;
  flex-direction: column;
  margin: 8vw 10.667vw 0;
}
#vision .sp .SectionOne__title6 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__title7 {
  margin: 6vw 10.667vw 0;
}
#vision .sp .SectionOne__title7 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__blueButton {
  width: 78.667vw;
  height: 16vw;
  margin: 8vw auto 0;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .sp .SectionOne__orangeButton {
  width: 78.667vw;
  height: 16vw;
  margin: 3vw auto 0;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .sp .SectionOne__gradButton {
  width: 78.667vw;
  height: 16vw;
  margin: 3vw auto 0;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .sp .SectionOne__title8 {
  width: 72.267vw;
  margin: 16vw auto 0;
}
#vision .sp .SectionOne__title9 {
  margin: 4.333vw 10.667vw 0;
}
#vision .sp .SectionOne__title9 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionOne__title10 {
  margin: 7.333vw 10.667vw 0;
}
#vision .sp .SectionOne__title10 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionTwo__bg-pic-img {
  padding-top: 2vw;
  width: 100vw;
}
#vision .sp .SectionTwo__orangeButton {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .sp .SectionTwo__orangeButton > a img {
  width: 78.667vw;
  height: 16vw;
  margin: -1.8vw auto 0;
}
#vision .sp .SectionTwo__title10 {
  margin-top: 18vw;
  margin-left: 3vw;
}
#vision .sp .SectionTwo__title10 > img {
  margin-left: auto;
  margin-right: auto;
  width: 72.267vw;
}
#vision .sp .SectionTwo__title11 {
  margin: 3.9vw 10.667vw 0;
}
#vision .sp .SectionTwo__title11 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.2vw;
  text-align: left;
  color: #777777;
}
#vision .sp .SectionTwo__bg2 {
  margin-top: 4vw;
}
#vision .sp .SectionTwo__bg2-img {
  position: absolute;
  z-index: -1;
  width: 100%;
}
#vision .sp .SectionTwo__flexThree {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
#vision .sp .SectionTwo__bg3 {
  margin-top: -7vw;
}
#vision .sp .SectionTwo__bg3-img {
  position: absolute;
  z-index: -1;
  margin-top: 8.5vw;
}
#vision .sp .SectionTwo__manners {
  display: flex;
  justify-content: center;
}
#vision .sp .SectionTwo__manners-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__manners-white {
  width: 89.943vw;
  height: 25.067vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
}
#vision .sp .SectionTwo__manners-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.333vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__expression {
  display: flex;
  justify-content: center;
  margin-top: 7.733vw;
}
#vision .sp .SectionTwo__expression-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__expression-white {
  width: 89.943vw;
  height: 30.4vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
  padding-top: 2vw;
}
#vision .sp .SectionTwo__expression-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__Independence {
  display: flex;
  justify-content: center;
  margin-top: 7.733vw;
}
#vision .sp .SectionTwo__Independence-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__Independence-white {
  width: 89.943vw;
  height: 41.067vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
  padding-top: 2vw;
}
#vision .sp .SectionTwo__Independence-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__teamwork {
  display: flex;
  justify-content: center;
  margin-top: 7.733vw;
}
#vision .sp .SectionTwo__teamwork-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__teamwork-white {
  width: 89.943vw;
  height: 35.733vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
  padding-top: 2vw;
}
#vision .sp .SectionTwo__teamwork-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__goal {
  display: flex;
  justify-content: center;
  margin-top: 7.733vw;
}
#vision .sp .SectionTwo__goal-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__goal-white {
  width: 89.943vw;
  height: 51.733vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
  padding-top: 2vw;
}
#vision .sp .SectionTwo__goal-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__card {
  display: flex;
  justify-content: center;
  margin-top: 7.733vw;
}
#vision .sp .SectionTwo__card-img {
  width: 90%;
  height: 62vw;
}
#vision .sp .SectionTwo__card-white {
  width: 89.943vw;
  height: 41.067vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dddddd;
  border-bottom-left-radius: 8vw;
  border-bottom-right-radius: 8vw;
  padding-top: 2vw;
}
#vision .sp .SectionTwo__card-white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
  margin: 5.333vw;
}
#vision .sp .SectionTwo__gra {
  margin-top: 15.2vw;
}
#vision .sp .SectionTwo__gra-img {
  position: absolute;
  z-index: -1;
  height: 185vw;
}
#vision .sp .SectionTwo .c-campaign {
  display: flex;
  margin-top: 6.933vw;
  margin-left: auto;
  margin-right: auto;
  width: 89.333vw;
  top: 6vw;
}
@media screen and (min-width: 768px) {
  #vision .sp .SectionTwo .c-campaign {
    visibility: hidden;
  }
}
#vision .sp .SectionTwo .c-campaign__title {
  max-width: none;
  width: 78.533vw;
  padding-top: 6.933vw;
}
#vision .sp .SectionTwo .c-campaign__content {
  max-width: none;
  width: 69.333vw;
  padding-top: 5.333vw;
}
#vision .sp .SectionTwo .c-campaign__footer {
  max-width: none;
  width: 89.333vw;
  padding-top: 5.867vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--01 {
  width: 25.6vw;
  height: 25.6vw;
  left: -3.2vw;
  top: -10.667vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleLast {
  font-size: 6.933vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleText {
  font-size: 2.667vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--02 {
  width: 25.6vw;
  height: 25.6vw;
  left: 19.2vw;
  top: -3.2vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#vision .sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining em {
  font-size: 4.8vw;
}
#vision .sp .SectionTwo__lesson {
  display: flex;
  justify-content: center;
  margin-top: 17.6vw;
}
#vision .sp .SectionTwo__lesson-img {
  width: 100%;
}
#vision .sp .SectionTwo__trail {
  margin-top: -4vw;
}
#vision .sp .SectionTwo__trail-img {
  position: absolute;
  z-index: -1;
  width: 100vw;
}
#vision .sp .SectionTwo__start-trail {
  width: 89.067vw;
  height: 115.2vw;
  margin: 10.347vw auto 0;
  padding: 5.067vw 2.133vw 4.267vw 2.667vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: relative;
}
#vision .sp .SectionTwo__start-trail-img {
  width: 77.867vw;
  height: 45.867vw;
  margin: 0 3.2vw 6.133vw;
  object-fit: contain;
  border-radius: 4.267vw;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__trail-bdg-img {
  width: 26vw;
  position: absolute;
  left: -0.1vw;
  top: -6vw;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__first p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.04vw;
  text-align: left;
  color: #777777;
  text-align: center;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second {
  display: flex;
  flex-direction: row;
  margin: 2.933vw 6vw 0;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.8vw;
  text-align: center;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-one {
  color: #66bbcc;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-two {
  color: #44bb99;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-three {
  color: #aa88ee;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-four {
  color: #4499cc;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-five {
  color: #aacc55;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-six {
  color: #ee9966;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-seven {
  color: #dd77bb;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__second-text-eight {
  color: #44bb99;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__third {
  margin-top: 4vw;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__third p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.133vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
  text-align: center;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button {
  width: 84.267vw;
  height: 18.4vw;
  margin: 10.667vw 0 0;
  padding: 7.733vw 4.533vw 6.667vw 4.533vw;
  border-radius: 13.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  position: relative;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.81;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white {
  width: 21.067vw;
  height: 10.933vw;
  padding: 4vw 4.533vw 3.467vw 4vw;
  border-radius: 8vw;
  box-shadow: 0 1.333vw 2.667vw 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  position: absolute;
  left: 32vw;
  top: -5vw;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ee9966;
  white-space: nowrap;
}
#vision .sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-arrow {
  width: 2vw;
  float: right;
  margin-top: -3vw;
}
#vision .sp .SectionTwo__trail-bdg {
  width: 28vw;
}
#vision .pc {
  overflow: hidden;
}
#vision .pc .SectionOne {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#vision .pc .SectionOne__visionHeader {
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__visionHeader {
    margin-top: 80px;
  }
}
#vision .pc .SectionOne__visionHeader-img {
  position: absolute;
  z-index: -1;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__visionHeader-img {
    height: 527px;
  }
}
#vision .pc .SectionOne__visionHeader-pic {
  display: flex;
  justify-content: center;
}
#vision .pc .SectionOne__visionHeader-pic-img {
  height: 43.232vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__visionHeader-pic-img {
    height: 527px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  }
}
#vision .pc .SectionOne__blue--title {
  display: flex;
  justify-content: center;
  width: 60vw;
  margin: 11.059vw auto 0;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__blue--title {
    margin-top: 95px;
    width: 100%;
  }
}
#vision .pc .SectionOne__title1 {
  margin-top: 12vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 {
    margin-top: 176px;
  }
}
#vision .pc .SectionOne__title1 p:nth-child(1) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.636vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.051vw;
  letter-spacing: 3.6px;
  text-align: center;
  color: #64b6c8;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 p:nth-child(1) {
    line-height: 50px;
    letter-spacing: 3.6px;
    font-size: 36px;
  }
}
#vision .pc .SectionOne__title1 p:nth-child(2) {
  margin: 1.01vw auto 0;
  color: #64b6c8;
  width: 22px;
  height: 36px;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 p:nth-child(2) {
    width: 22px;
    height: 36px;
    margin: 20px auto 0;
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
#vision .pc .SectionOne__title1 p:nth-child(3) {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.01vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 p:nth-child(3) {
    font-size: 10px;
    margin-top: -15px;
  }
}
#vision .pc .SectionOne__title1 p:nth-child(4) {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.636vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.636vw;
  letter-spacing: 2px;
  text-align: center;
  color: #64b6c8;
  white-space: nowrap;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 p:nth-child(4) {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 2px;
  }
}
#vision .pc .SectionOne__title1 p:nth-child(5) {
  margin-top: 10vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title1 p:nth-child(5) {
    margin-top: 97px;
  }
}
#vision .pc .SectionOne__bg {
  display: flex;
  justify-content: center;
  margin-top: 3.198vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg {
    margin-top: 31px;
    margin-left: 11px;
  }
}
#vision .pc .SectionOne__bg-img {
  width: 100vw;
  margin-left: -1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg-img {
    width: 1050px;
    margin-left: -50px;
  }
}
#vision .pc .SectionOne__title6 {
  margin: 11.765vw auto 0;
  width: 78vw;
}
#vision .pc .SectionOne__title6-img {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title6 {
    margin-top: 96px;
    width: unset;
  }
}
#vision .pc .SectionOne__btw {
  margin-top: 3.03vw;
  padding-left: 1.01vw;
  padding-right: 1.01vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__btw {
    margin-top: 30px;
    padding: unset;
  }
}
#vision .pc .SectionOne__btw-img {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__btw-img {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
#vision .pc .SectionOne__title7 {
  margin-top: 3.03vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title7 {
    margin-top: 26px;
  }
}
#vision .pc .SectionOne__title7 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.02vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.03vw;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title7 p {
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
  }
}
#vision .pc .SectionOne__title8 {
  margin-top: 4.03vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title8 {
    margin-top: 30px;
  }
}
#vision .pc .SectionOne__title8 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.02vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.03vw;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title8 p {
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
  }
}
#vision .pc .SectionOne__buttons {
  display: grid;
  grid-template-columns: 25.313vw 25.313vw 25.313vw;
  grid-column-gap: 3.131vw;
  width: 100%;
  height: 6.061vw;
  margin-top: 3.061vw;
  margin-left: 4.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__buttons {
    margin: 25px auto 0;
    padding: unset;
    width: 1000px;
    height: 60px;
    grid-template-columns: 310px 310px 310px;
    grid-column-gap: 35px;
  }
}
#vision .pc .SectionOne__buttons--blueButton {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .pc .SectionOne__buttons--orangeButton {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .pc .SectionOne__buttons--gradButton {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .pc .SectionOne__title9 {
  margin: 13.465vw auto 0;
  width: 60vw;
}
#vision .pc .SectionOne__title9 > img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title9 {
    margin-top: 164px;
  }
}
#vision .pc .SectionOne__title10 {
  margin-top: 3.03vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title10 {
    margin-top: 33px;
  }
}
#vision .pc .SectionOne__title10 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.02vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.03vw;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title10 p {
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
  }
}
#vision .pc .SectionOne__title11 {
  margin-top: 3.53vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title11 {
    margin-top: 30px;
  }
}
#vision .pc .SectionOne__title11 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.02vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.03vw;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__title11 p {
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
  }
}
#vision .pc .SectionOne__bg-second {
  width: 100vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg-second {
    margin-left: auto;
    width: 1050px;
    margin-right: auto;
    padding-left: 32px;
  }
}
#vision .pc .SectionOne__bg-second > img {
  margin: -2.588vw auto 0;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg-second > img {
    margin: -22px auto 0;
  }
}
#vision .pc .SectionOne__bg-second-pic {
  display: flex;
  justify-content: center;
  padding-top: 10vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg-second-pic {
    padding-top: 100px;
  }
}
#vision .pc .SectionOne__bg-second-pic-img {
  width: 75vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__bg-second-pic-img {
    width: 800px;
  }
}
#vision .pc .SectionOne__buttons--yellowButton {
  margin: -3vw auto 0;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__buttons--yellowButton {
    margin-top: -18px;
    margin-bottom: 30px;
  }
}
#vision .pc .SectionOne__buttons--yellowButton > a > img {
  width: 25.4vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionOne__buttons--yellowButton > a > img {
    width: 100%;
  }
}
#vision .pc .SectionOne__campaign-bg {
  position: relative;
  z-index: 0;
}
#vision .pc .SectionTwo {
  padding-bottom: 150px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #vision .pc .SectionTwo {
    padding-bottom: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #vision .pc .SectionTwo {
    padding-bottom: 40vw;
  }
}
#vision .pc .SectionTwo__title12 {
  width: 60vw;
  margin: 14.141vw auto 0;
}
#vision .pc .SectionTwo__title12 > img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__title12 {
    margin-top: 103px;
    width: unset;
  }
}
#vision .pc .SectionTwo__title13 {
  margin-top: 3.03vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__title13 {
    margin-top: 30px;
  }
}
#vision .pc .SectionTwo__title13 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.02vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.03vw;
  letter-spacing: 2px;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__title13 p {
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 20px;
  }
}
#vision .pc .SectionTwo__bg-third-img {
  position: absolute;
  z-index: -1;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-third-img {
    width: 1070px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 34rem;
  }
}
#vision .pc .SectionTwo__bg-third-pic {
  margin-top: 1vw;
  margin-left: 2.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-third-pic {
    display: flex;
    justify-content: center;
    margin: 0 0 0 -35px;
  }
}
#vision .pc .SectionTwo__bg-third-pic-img {
  width: 95vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-third-pic-img {
    width: 1060px;
  }
}
#vision .pc .SectionTwo__bg-forth {
  margin-top: 8.101vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-forth {
    margin-top: 92px;
  }
}
#vision .pc .SectionTwo__bg-forth-img {
  position: absolute;
  z-index: -1;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-forth-img {
    width: 1121px;
    left: 50.4%;
    transform: translate(-50%, -50%);
    margin-top: 702px;
  }
}
#vision .pc .SectionTwo__grid {
  display: grid;
  grid-template-rows: 40vw 40vw 40vw;
  grid-template-columns: 40vw 40vw;
  justify-content: center;
  grid-column-gap: 10.101vw;
  grid-row-gap: 5.657vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid {
    grid-template-columns: 450px 450px;
    grid-template-rows: 400px 400px 400px;
    grid-column-gap: 100px;
    grid-row-gap: 89px;
  }
}
#vision .pc .SectionTwo__grid-first {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .pc .SectionTwo__grid-first--white {
  width: 40vw;
  height: 13.131vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-first--white {
    width: 450px;
    height: 130px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 21px 20px 20px 28px;
  }
}
#vision .pc .SectionTwo__grid-first--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.22vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-first--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__grid-second {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-second {
    margin-top: 50px;
  }
}
#vision .pc .SectionTwo__grid-second--white {
  width: 40vw;
  height: 13.131vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-second--white {
    width: 450px;
    height: 130px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px;
  }
}
#vision .pc .SectionTwo__grid-second--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.212vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-second--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__grid-third {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
#vision .pc .SectionTwo__grid-third--white {
  width: 40vw;
  height: 14.545vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-third--white {
    width: 450px;
    height: 144px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 14px 20px 20px 29px;
  }
}
#vision .pc .SectionTwo__grid-third--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.212vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-third--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__grid-forth {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-forth {
    margin-top: unset;
  }
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-forth {
    width: 450px;
    height: 230px;
    object-fit: cover;
    margin-top: 50px;
  }
}
#vision .pc .SectionTwo__grid-forth--white {
  width: 40vw;
  height: 13.131vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-forth--white {
    width: 450px;
    height: 130px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px;
  }
}
#vision .pc .SectionTwo__grid-forth--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.212vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-forth--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__grid-fifth {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-fifth-img {
    width: 450px;
    height: 243px;
    object-fit: cover;
  }
}
#vision .pc .SectionTwo__grid-fifth--white {
  width: 40vw;
  height: 19.192vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-fifth--white {
    width: 450px;
    height: 190px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px;
  }
}
#vision .pc .SectionTwo__grid-fifth--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-fifth--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__grid-sixth {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
  margin-top: 8vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-sixth {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-sixth-img {
    width: 450px;
    height: 280px;
    object-fit: cover;
  }
}
#vision .pc .SectionTwo__grid-sixth--white {
  width: 40vw;
  height: 16.162vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-bottom-left-radius: 3.03vw;
  border-bottom-right-radius: 3.03vw;
  padding: 1.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-sixth--white {
    width: 450px;
    height: 160px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px;
  }
}
#vision .pc .SectionTwo__grid-sixth--white p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.184vw;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.212vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__grid-sixth--white p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}
#vision .pc .SectionTwo__bg-fifth {
  margin-top: 19.101vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-fifth {
    margin-top: 194px;
  }
}
#vision .pc .SectionTwo__bg-fifth-img {
  position: absolute;
  z-index: -1;
  height: 50.101vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-fifth-img {
    height: 578px;
    width: 100%;
  }
}
#vision .pc .SectionTwo__lesson {
  display: flex;
  justify-content: center;
  margin-top: 9.394vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson {
    margin-top: 197px;
  }
}
#vision .pc .SectionTwo__lesson-img {
  width: 80%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-img {
    width: 812px;
    height: 566px;
  }
}
#vision .pc .SectionTwo__bg-sixth {
  margin-top: -2vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-sixth {
    margin-top: -20px;
  }
}
#vision .pc .SectionTwo__bg-sixth-img {
  position: absolute;
  z-index: -1;
  height: 33.5vw;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__bg-sixth-img {
    height: 420px;
  }
}
#vision .pc .SectionTwo__lesson-trail {
  width: 80vw;
  margin: 3.03vw auto;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail {
    width: 1000px;
    height: 340px;
    margin: 40px auto;
  }
}
#vision .pc .SectionTwo__lesson-trail-badge-img {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13vw;
  margin-left: 38vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail-badge-img {
    width: 140px;
    height: 140px;
    margin-left: 500px;
  }
}
#vision .pc .SectionTwo__lesson-trail--white {
  width: 24.465vw;
  height: 2.101vw;
  background-color: #ffffff;
  position: absolute;
  z-index: 2;
  border-radius: 3.051vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  margin-top: -11vw;
  margin-left: 46vw;
  padding: 0.5vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail--white {
    width: 300px;
    height: 40px;
    margin: -151px 0 0 580px;
    padding: 10px;
  }
}
#vision .pc .SectionTwo__lesson-trail--white p {
  font-size: 0.95vw;
  color: #ee9966;
  margin-left: 2vw;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail--white p {
    font-size: 13px;
    margin-left: 10px;
  }
}
#vision .pc .SectionTwo__lesson-trail--button {
  margin: -9.5vw auto 0 40vw;
  width: 36.465vw;
  height: 7.101vw;
  padding: 2.52vw 2.02vw 1.717vw 3.62vw;
  border-radius: 5.051vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail--button {
    width: 460px;
    height: 100px;
    margin: -131px auto 0 500px;
    padding: 30px 15px 15px 15px;
  }
}
#vision .pc .SectionTwo__lesson-trail--button p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.524vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.212vw;
  letter-spacing: 0.187vw;
  text-align: left;
  color: #666666;
  white-space: nowrap;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail--button p {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 39px;
  }
}
#vision .pc .SectionTwo__lesson-trail--button .general_arrow {
  width: 1.1vw;
  margin-top: -2vw;
  float: right;
}
@media screen and (min-width: 1000px) {
  #vision .pc .SectionTwo__lesson-trail--button .general_arrow {
    width: 15px;
    margin-top: -32px;
  }
}
#vision .ExperienceBanner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #vision .ExperienceBanner {
    max-width: 1000px;
    margin: 200px auto 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #vision .ExperienceBanner {
    width: 100%;
  }
}
#vision .footerLogo-img {
  margin: 12.121vw auto 8vw;
  width: 45vw;
}
@media screen and (min-width: 1000px) {
  #vision .footerLogo-img {
    width: 455px;
    height: 104px;
    margin: 133.5px auto 97.8px;
  }
}
@media screen and (max-width: 767px) {
  #vision .footerLogo {
    display: flex;
    justify-content: center;
    margin-top: 1.2vw;
  }
  #vision .footerLogo-img {
    width: 48vw;
  }
}
@media screen and (min-width: 1000px) {
  #vision .c-free_trial_1 {
    margin-top: 31px;
  }
}
@media screen and (max-width: 767px) {
  #vision .c-free_trial_1 {
    margin-top: 11.7vw;
  }
}
@media screen and (min-width: 768px) {
  #vision .c-free_trial_1__section-2 {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media screen and (min-width: 1000px) {
  #vision .c-free_trial_1__section-2 {
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (max-width: 1150px) and (min-width: 1001px) {
  #vision .SectionOne__visionHeader-pic .SectionOne__visionHeader-pic-img {
    height: 460px;
  }
  #vision .c-free_trial_1__section-2 .content::after {
    right: 0;
  }
  #vision #vision .l-Wrapper {
    overflow-x: hidden;
  }
}

#reading .sp .HeaderMenu {
  top: 70px;
}
#reading .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#reading .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#reading .sp .TitleContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 9.867vw auto 10vw;
}
#reading .sp .TitleContent > img {
  width: 68.53vw;
  margin: 0 auto 20px;
}
#reading .sp .TitleContent span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#reading .sp .SoundPicture {
  margin-top: 12.667vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
#reading .sp .SoundPicture__head {
  width: 81.87vw;
  margin: 0 auto 5.33vw;
}
#reading .sp .SoundPicture__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 57.6vw;
}
#reading .sp .SoundPicture__content {
  margin: 1.333vw 8vw 4.747vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  color: #777777;
}
#reading .sp .SoundPicture__content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
  font-weight: 400;
}
#reading .sp .SoundPicture__InTheLibrary {
  width: 100%;
}
#reading .sp .ExtensiveReading {
  margin-top: 4vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
#reading .sp .ExtensiveReading__head {
  width: 81.87vw;
  margin: 0 auto 5.33vw;
}
#reading .sp .ExtensiveReading__VoiceOfJoy {
  max-width: 109.33vw;
  width: 109.33vw;
  margin: 0 -5.33vw -6vw;
}
#reading .sp .Instruction {
  margin-top: 10.8vw;
  margin-bottom: 1vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
#reading .sp .Instruction__head {
  width: 81.87vw;
  margin: 0 auto 6.33vw;
}
#reading .sp .Instruction__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 92.267vw;
}
#reading .sp .Instruction__NurturesEmotions {
  width: 101.87vw;
  max-width: 101.87vw;
  margin-left: 2.33vw;
}
#reading .pc .TitleContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5.1vw auto 0;
}
@media screen and (min-width: 1000px) {
  #reading .pc .TitleContent {
    margin: 51px auto 0;
  }
}
#reading .pc .TitleContent img {
  width: 46.3vw;
  margin: 0 auto 5.33vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .TitleContent img {
    width: 463px;
    margin: 0 auto 20px;
    display: block;
  }
}
#reading .pc .TitleContent span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #reading .pc .TitleContent span:last-of-type {
    font-size: 20px;
    line-height: 30px;
  }
}
#reading .pc .SoundPicture {
  margin-top: 7.55vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  #reading .pc .SoundPicture {
    margin-top: 75.5px;
  }
}
#reading .pc .SoundPicture__head {
  width: 67.2vw;
  height: auto;
  margin: 0 auto 2vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .SoundPicture__head {
    width: 672px;
    height: auto;
    margin: 0 auto 20px;
  }
}
#reading .pc .SoundPicture__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #reading .pc .SoundPicture__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#reading .pc .SoundPicture__bg {
  position: absolute;
  width: 93.4%;
  z-index: -1;
  top: 26.45vw;
  left: -0.56vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .SoundPicture__bg {
    width: 934px;
    top: 264.5px;
    left: -15.6px;
  }
}
#reading .pc .SoundPicture__InTheLibrary {
  width: 81.4vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .SoundPicture__InTheLibrary {
    width: 814px;
  }
}
#reading .pc .ExtensiveReading {
  margin-top: 4.2vw;
  padding-bottom: 5.9vw;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 1000px) {
  #reading .pc .ExtensiveReading {
    overflow: visible;
    margin-top: 42px;
    padding: 0;
  }
}
#reading .pc .ExtensiveReading__head {
  width: 53.8vw;
  margin: 0 auto 2vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .ExtensiveReading__head {
    width: 538px;
    margin: 0 auto 20px;
  }
}
#reading .pc .ExtensiveReading__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #reading .pc .ExtensiveReading__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#reading .pc .ExtensiveReading__bg {
  width: 108.9vw;
  position: absolute;
  top: 21.1vw;
  left: -5.95vw;
  z-index: -1;
  max-width: fit-content;
}
@media screen and (min-width: 1000px) {
  #reading .pc .ExtensiveReading__bg {
    max-width: 1089px;
    top: 211px;
    left: -49.5px;
  }
}
#reading .pc .ExtensiveReading__content {
  margin: 0.21vw auto 3vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 2.8vw;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #reading .pc .ExtensiveReading__content {
    margin: 2.1px auto 30px;
    font-size: 16px;
    line-height: 28px;
  }
}
#reading .pc .ExtensiveReading__content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
  font-weight: 400;
}
#reading .pc .ExtensiveReading__VoiceOfJoy {
  width: 100%;
}
#reading .pc .Instruction {
  margin-top: 4.95vw;
  padding-bottom: 5.25vw;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction {
    overflow: visible;
    margin-top: 49.5px;
    padding: 0;
  }
}
#reading .pc .Instruction__head {
  width: 56.8vw;
  margin: 0 auto 2vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__head {
    width: 568px;
    margin: 0 auto 20px;
  }
}
#reading .pc .Instruction__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__wrap {
    margin: 0 auto 80px;
    width: 1000px;
  }
}
#reading .pc .Instruction__bg {
  width: 108.6vw;
  position: absolute;
  top: 25.3vw;
  left: -6.4 5vw;
  z-index: -1;
  max-width: fit-content;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__bg {
    max-width: 1086px;
    top: 253px;
    left: -54.5px;
  }
}
#reading .pc .Instruction__content {
  margin: 3.01vw auto 4vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 2.8vw;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__content {
    margin: 30.1px auto 40px;
    font-size: 16px;
    line-height: 28px;
  }
}
#reading .pc .Instruction__content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
  font-weight: 400;
}
#reading .pc .Instruction__NurturesEmotions {
  position: relative;
}
#reading .pc .Instruction__NurturesEmotions img:only-of-type {
  width: 100%;
}
#reading .pc .Instruction__NurturesEmotions-cloud {
  position: absolute;
  display: flex;
  right: 0;
  top: 0;
}
#reading .pc .Instruction__NurturesEmotions-cloud img:first-child {
  width: 29.8vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__NurturesEmotions-cloud img:first-child {
    width: 298px;
  }
}
#reading .pc .Instruction__NurturesEmotions-cloud img:last-child {
  position: absolute;
  width: 20.1vw;
  top: 6.47vw;
  right: 4.41vw;
}
@media screen and (min-width: 1000px) {
  #reading .pc .Instruction__NurturesEmotions-cloud img:last-child {
    width: 201px;
    top: 64.7px;
    right: 44.1px;
  }
}

#vocabulary .sp .HeaderMenu {
  top: 70px;
}
#vocabulary .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#vocabulary .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#vocabulary .sp .MainContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10.6667vw;
}
#vocabulary .sp .MainContent__title-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 7.733vw 7.7333vw 8vw;
}
#vocabulary .sp .MainContent__title-wrap img {
  width: 50.2773vw;
  margin: 0 auto 5.0667vw;
}
#vocabulary .sp .MainContent__title-wrap span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#vocabulary .sp .MainContent__title-wrap:last-of-type {
  margin: 0 7.733vw 5.6vw 8vw;
}
#vocabulary .sp .MainContent__title-wrap:last-of-type img {
  width: 85.3493vw;
}
#vocabulary .sp .MainContent__tooltip {
  margin: 0 5.333vw 5.333vw 5.333vw;
}
#vocabulary .sp .MainContent__tooltip-1 {
  margin: 6.1333vw 5.333vw 5.333vw 5.333vw;
}
#vocabulary .sp .MainContent img.MainContent__table {
  width: 100%;
}
#vocabulary .sp .MainContent img.MainContent__table-1 {
  width: 100%;
}
#vocabulary .sp .MainContent__eiken-buble {
  z-index: 3;
  margin: -10.4vw auto 0 20.267vw;
  width: 66.133vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#vocabulary .sp .MainContent__arrow {
  margin: 3.627vw auto 2.6133vw;
  width: 10.667vw;
}
#vocabulary .sp .MainContent__toeic {
  margin: 0 auto 0 10.9333vw;
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 3.733vw;
  font-weight: 700;
  line-height: 6.4vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#vocabulary .sp .MainContent__green-buble {
  width: 100%;
  margin: -2.667vw 0 10.9067vw;
}
#vocabulary .sp .FirstMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(238, 153, 102, 0.1);
  height: 180.8vw;
}
#vocabulary .sp .FirstMethod img:first-of-type {
  width: 24.6528vw;
  margin: 2.9333vw auto 0;
  z-index: 1;
}
#vocabulary .sp .FirstMethod img:last-of-type {
  margin: -11.2vw auto 11.2vw;
  width: 89.8667vw;
  height: auto;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#vocabulary .sp .SecondMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 5.333vw;
  background-color: rgba(102, 187, 204, 0.1);
}
#vocabulary .sp .SecondMethod img:first-of-type {
  width: 24.6528vw;
  margin: 2.9333vw auto 0;
  z-index: 1;
}
#vocabulary .sp .SecondMethod img:nth-of-type(2) {
  margin: -13.8667vw 0 8vw;
  width: 100%;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#vocabulary .sp .SecondMethod img:last-of-type {
  width: 68vw;
  margin: -46.6667vw 10.6667vw 0 auto;
  z-index: 1;
}
#vocabulary .sp .ThirdMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 5.333vw;
  background-color: rgba(221, 119, 187, 0.1);
}
#vocabulary .sp .ThirdMethod img:first-of-type {
  width: 24.6528vw;
  margin: 2.9333vw auto 0;
  z-index: 1;
}
#vocabulary .sp .ThirdMethod img:last-of-type {
  margin: -10.6667vw auto 8vw;
  width: 89.3333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#vocabulary .pc .MainContent {
  position: relative;
  display: flex;
  flex-direction: column;
}
#vocabulary .pc .MainContent__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#vocabulary .pc .MainContent__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__title-wrap {
    margin: 58px auto 0;
  }
}
#vocabulary .pc .MainContent__title-wrap img {
  width: 50.0328vw;
  margin: 0 auto 2.4vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__title-wrap img {
    width: 500.328px;
    margin: 0 auto 24px;
  }
}
#vocabulary .pc .MainContent__title-wrap span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__title-wrap span {
    font-size: 20px;
    line-height: 30px;
  }
}
#vocabulary .pc .MainContent__tables {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 8.9vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__tables {
    margin-top: 89px;
  }
}
#vocabulary .pc .MainContent__tooltips {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.1vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__tooltips {
    margin-bottom: 21px;
  }
}
#vocabulary .pc .MainContent__tooltips img {
  width: 48.1vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__tooltips img {
    width: 481px;
  }
}
#vocabulary .pc .MainContent__table {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 43.6vw;
  background: url(/ste-lam/one-world/image/eng-vocabulary/pc/graph.svg) no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table {
    height: 436px;
  }
}
#vocabulary .pc .MainContent__table img.kids {
  width: 7vw;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kids {
    width: 70px;
  }
}
#vocabulary .pc .MainContent__table img.kid-1 {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  margin: 4.4vw auto 1vw -0.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kid-1 {
    margin: 44px auto 10px -3px;
  }
}
#vocabulary .pc .MainContent__table img.kid-2 {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  margin: 0 auto 1.1vw -0.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kid-2 {
    margin: 0 auto 11px -3px;
  }
}
#vocabulary .pc .MainContent__table img.kid-3 {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  margin: 0 auto 1vw -0.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kid-3 {
    margin: 0 auto 10px -3px;
  }
}
#vocabulary .pc .MainContent__table img.kid-4 {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  margin: 0 auto 1vw -0.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kid-4 {
    margin: 0 auto 10px -3px;
  }
}
#vocabulary .pc .MainContent__table img.kid-5 {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  margin: 0 auto 1vw -0.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.kid-5 {
    margin: 0 auto 10px -3px;
  }
}
#vocabulary .pc .MainContent__table img.eiken-bubble {
  position: absolute;
  z-index: 3;
  width: 24.8vw;
  bottom: -11.7vw;
  right: 13.3vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__table img.eiken-bubble {
    width: 248px;
    bottom: -117px;
    right: 133px;
  }
}
#vocabulary .pc .MainContent .table-small-text {
  margin: 2vw auto 0 0.7vw;
  width: 27.359vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent .table-small-text {
    margin: 20px auto 0 7px;
    width: 273.59px;
  }
}
#vocabulary .pc .MainContent__arrow {
  width: 4vw;
  margin: 3.3vw auto 0;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__arrow {
    width: 40px;
    margin: 33px auto 0;
  }
}
#vocabulary .pc .MainContent__toeic900 {
  width: 75.8vw;
  margin: -4.4vw auto 0 10.8vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .MainContent__toeic900 {
    width: 758px;
    margin: -44px auto 0 108px;
  }
}
#vocabulary .pc .FirstMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 9.3vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod {
    margin-top: 93px;
  }
}
#vocabulary .pc .FirstMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#vocabulary .pc .FirstMethod__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__title-wrap {
    margin: 0 auto;
  }
}
#vocabulary .pc .FirstMethod__title-wrap img {
  width: 57.6108vw;
  margin-bottom: 2.8vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__title-wrap img {
    width: 576.108px;
    margin-bottom: 28px;
  }
}
#vocabulary .pc .FirstMethod__title-wrap span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  margin: 0 auto 0 7.5vw;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__title-wrap span {
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto 0 75px;
  }
}
#vocabulary .pc .FirstMethod__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 14.6vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__bg {
    max-width: 1081px;
    top: 146px;
  }
}
#vocabulary .pc .FirstMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 60.5vw;
  margin-top: 9.9vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__white-box {
    height: 605px;
    margin-top: 99px;
    border-radius: 30px;
  }
}
#vocabulary .pc .FirstMethod__white-box-title {
  margin: 2.8vw auto 0;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.4vw;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ee9966;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__white-box-title {
    margin: 28px auto 0;
    font-size: 24px;
  }
}
#vocabulary .pc .FirstMethod__white-box-content {
  width: 68.84vw;
  margin: 1.7vw auto 0 15.1vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__white-box-content {
    width: 688.4px;
    margin: 17px auto 0 151px;
  }
}
#vocabulary .pc .FirstMethod__white-box-content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#vocabulary .pc .FirstMethod__white-box-steps {
  width: 82.5vw;
  margin: 2.95vw auto auto 10.25vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__white-box-steps {
    width: 825px;
    margin: 29.5px auto auto 102.5px;
  }
}
#vocabulary .pc .FirstMethod__method-num {
  width: 10.6615vw;
  margin: -5.5vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__method-num {
    width: 106.615px;
    margin: -55px auto 0;
  }
}
#vocabulary .pc .FirstMethod__ab {
  position: absolute;
  top: -10.5vw;
  right: 0;
  width: 20.9vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .FirstMethod__ab {
    width: 209px;
    top: -105px;
    right: -21px;
  }
}
#vocabulary .pc .SecondMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 6.15vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod {
    margin-top: 61.5px;
  }
}
#vocabulary .pc .SecondMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#vocabulary .pc .SecondMethod__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__bg {
    max-width: 1071px;
    left: -7px;
  }
}
#vocabulary .pc .SecondMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 69.6vw;
  margin-top: 4.15vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__white-box {
    height: 696px;
    margin-top: 41.5px;
    border-radius: 30px;
  }
}
#vocabulary .pc .SecondMethod__white-box-content {
  width: 56.9492vw;
  margin: 1.7vw auto 0 21.2vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__white-box-content {
    width: 569.492px;
    margin: 17px auto 0 212px;
  }
}
#vocabulary .pc .SecondMethod__white-box-steps {
  width: 79.9vw;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0.1vw;
  left: 0.1vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__white-box-steps {
    width: 799px;
    bottom: 1px;
    left: 1px;
  }
}
#vocabulary .pc .SecondMethod__method-num {
  width: 10.6615vw;
  margin: -5.5vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .SecondMethod__method-num {
    width: 106.615px;
    margin: -55px auto 0;
  }
}
#vocabulary .pc .ThirdMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8.35vw;
  margin-bottom: 9vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod {
    margin-top: 83.5px;
    margin-bottom: 90px;
  }
}
#vocabulary .pc .ThirdMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#vocabulary .pc .ThirdMethod__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__bg {
    max-width: 1058px;
    right: -5px;
    top: -4px;
  }
}
#vocabulary .pc .ThirdMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 63vw;
  margin-top: 3.75vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__white-box {
    height: 630px;
    margin-top: 37.5px;
    border-radius: 30px;
  }
}
#vocabulary .pc .ThirdMethod__white-box-title {
  margin: 1.25vw auto 0;
  width: 31.5336vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__white-box-title {
    margin: 12.5px auto 0;
    width: 315.336px;
  }
}
#vocabulary .pc .ThirdMethod__white-box-content {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
  margin: 1.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__white-box-content {
    font-size: 14px;
    line-height: 24px;
    margin: 17px auto 0;
  }
}
#vocabulary .pc .ThirdMethod__white-box-content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#vocabulary .pc .ThirdMethod__white-box-steps {
  width: 87.4vw;
  margin: 3.6vw auto auto 6vw;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__white-box-steps {
    width: 874px;
    margin: 36px auto auto 60px;
  }
}
#vocabulary .pc .ThirdMethod__method-num {
  width: 10.6615vw;
  margin: -5.6vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #vocabulary .pc .ThirdMethod__method-num {
    width: 106.615px;
    margin: -56px auto 0;
  }
}

#phonics .sp .HeaderMenu {
  top: 70px;
}
#phonics .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#phonics .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#phonics .sp .TitleContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 9.867vw auto 5.333vw;
}
#phonics .sp .TitleContent > img {
  display: block;
  width: 80vw;
  margin: 0 auto 4.33vw;
}
#phonics .sp .TitleContent span:first-of-type {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #44bb99;
  margin-bottom: 4vw;
}
#phonics .sp .TitleContent span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#phonics .sp .TitleContent:last-of-type {
  margin: 9.867vw auto 7.6vw;
}
#phonics .sp .TitleContent:last-of-type span:last-of-type {
  margin-left: 5.333vw;
  margin-right: 5.333vw;
  text-align: left;
}
#phonics .sp .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(170, 136, 238, 0.1);
  height: 174.733vw;
}
#phonics .sp .Asection__head {
  width: 104.53vw;
  max-width: 104.53vw;
  display: block;
  margin: -12vw -2.67vw 5.33vw;
}
#phonics .sp .Asection__content {
  margin: -1.87vw 5.333vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  color: #777777;
}
#phonics .sp .Asection__content__red-heading {
  width: 62.26vw;
  top: -1.5vw;
  position: relative;
}
#phonics .sp .Asection__arrow {
  width: 10.667vw;
  margin: 4.53vw auto 0.28vw;
}
#phonics .sp .Asection__btn {
  margin: 5.6vw auto 4.533vw;
  width: 71.467vw;
  height: 10.667vw;
  border-radius: 8vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  background-color: #aa88ee;
  display: flex;
  justify-content: center;
  align-items: center;
}
#phonics .sp .Asection__btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.733vw;
  font-weight: 400;
  line-height: 3.467vw;
  text-align: center;
  color: #ffffff;
}
#phonics .sp .Asection__text {
  display: block;
  margin: 0 auto;
}
#phonics .sp .Asection__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 1.947vw;
}
#phonics .sp .Bsection {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 98.333vw;
  margin-top: 10vw;
}
#phonics .sp .Bsection__head {
  margin: -14.6vw 3vw 0;
  width: 94.67vw;
}
#phonics .sp .Bsection__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: -5.33vw;
}
#phonics .pc .TitleContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5.1vw auto 0;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .TitleContent {
    margin: 51px auto 0;
  }
}
#phonics .pc .TitleContent > img {
  display: block;
  width: 62.34vw;
  margin: 0 auto 3.8vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .TitleContent > img {
    width: 623.4px;
    margin: 0 auto 38px;
  }
}
#phonics .pc .TitleContent span:first-of-type {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #44bb99;
  margin-bottom: 2.2vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .TitleContent span:first-of-type {
    margin-bottom: 22px;
    font-size: 36px;
    line-height: 50px;
  }
}
#phonics .pc .TitleContent span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .TitleContent span:last-of-type {
    font-size: 20px;
    line-height: 30px;
  }
}
#phonics .pc .Asection {
  margin-top: -0.7vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection {
    margin-top: -7px;
  }
}
#phonics .pc .Asection__head {
  position: relative;
  margin: 0 auto;
}
#phonics .pc .Asection__head > img {
  width: 79.8vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__head > img {
    width: 798px;
  }
}
#phonics .pc .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#phonics .pc .Asection__content {
  margin: 2.5vw auto 2.69vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 2.8vw;
  color: #777777;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__content {
    margin: 25px auto 26.9px;
    font-size: 16px;
    line-height: 28px;
  }
}
#phonics .pc .Asection__content img {
  position: relative;
  top: -7px;
  width: 29.5vw;
  max-width: 29.5vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__content img {
    width: 295px;
    max-width: 295px;
  }
}
#phonics .pc .Asection__arrow {
  width: 4vw;
  margin: -1.3vw auto 0;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__arrow {
    width: 40px;
    margin: -13px auto -0.2px;
  }
}
#phonics .pc .Asection__btn {
  margin: 1.28vw auto 1.8vw;
  width: 26.8vw;
  height: 4vw;
  border-radius: 3vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  background-color: #aa88ee;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__btn {
    margin: 12.8px auto 18px;
    width: 268px;
    height: 40px;
    border-radius: 30px;
  }
}
#phonics .pc .Asection__btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.3vw;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__btn span {
    font-size: 14px;
    line-height: 13px;
  }
}
#phonics .pc .Asection__content-1 {
  margin: 0 auto;
  width: 33.8vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__content-1 {
    width: 338px;
  }
}
#phonics .pc .Asection__bg {
  position: absolute;
  width: 94.1vw;
  top: 0;
  right: 0;
  z-index: -1;
  left: 0.72vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Asection__bg {
    width: 941px;
  }
}
#phonics .pc .Bsection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8.5vw;
  padding-bottom: 18.3vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection {
    margin-top: 85px;
    padding-bottom: 183px;
  }
}
#phonics .pc .Bsection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#phonics .pc .Bsection__title-content {
  position: relative;
  display: flex;
  flex-direction: column;
}
#phonics .pc .Bsection__title-content > img {
  display: block;
  width: 53.9vw;
  margin: 0 auto 2vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection__title-content > img {
    width: 539px;
    margin: 0 auto 20px;
  }
}
#phonics .pc .Bsection__title-content span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.9vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection__title-content span:last-of-type {
    font-size: 19px;
    line-height: 30px;
  }
}
#phonics .pc .Bsection__head {
  width: 100%;
  margin-top: 0vw;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection__head {
    margin-top: 0px;
  }
}
#phonics .pc .Bsection__bg {
  width: 100%;
  position: absolute;
  top: 7.75vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #phonics .pc .Bsection__bg {
    width: 1073px;
    top: 4.75vw;
  }
}

#grammar .sp .HeaderMenu {
  top: 70px;
}
#grammar .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 61px;
}
#grammar .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#grammar .sp .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
}
#grammar .sp .Asection__title-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto 0 7.4667vw;
}
#grammar .sp .Asection__title-wrap img {
  margin: 0 auto 4.5333vw;
  width: max-content;
}
#grammar .sp .Asection__title-wrap span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.33334vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#grammar .sp .Asection__structure {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 1.333vw;
}
#grammar .sp .Asection__structure-head {
  width: 100%;
  margin: 5.7333vw auto 0;
}
#grammar .sp .Asection__structure-learning-lvl {
  position: relative;
  margin: -0.2667vw 0 0;
}
#grammar .sp .Asection__structure-learning-lvl img {
  width: 100%;
}
#grammar .sp .Asection__structure-learning-lvl::after {
  content: "";
  width: 19.691vw;
  height: 18.531vw;
  background: url(/ste-lam/one-world/image/eng-grammar/sp/2nd_bg_sp.png) no-repeat center center;
  background-size: cover;
  bottom: 13.4667vw;
  right: auto;
  left: 5.6vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: inline-block;
  z-index: -1;
}
#grammar .sp .Asection__structure-bg {
  position: absolute;
  width: 94.667vw;
  top: -1.0667vw;
  left: -0.8vw;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#grammar .pc .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
}
#grammar .pc .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#grammar .pc .Asection__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__title-wrap {
    margin: 58px auto 0;
  }
}
#grammar .pc .Asection__title-wrap img {
  width: max-content;
  margin: 0 auto 2vw 14.5vw;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__title-wrap img {
    margin: 0 auto 20px 145px;
  }
}
#grammar .pc .Asection__title-wrap span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__title-wrap span {
    font-size: 20px;
    line-height: 30px;
  }
}
#grammar .pc .Asection__head {
  margin: 5.9vw auto 0 7.4vw;
  z-index: 1;
  width: 87.9vw;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__head {
    margin: 59px auto 0 74px;
    width: 879px;
  }
}
#grammar .pc .Asection__learning-lvl {
  position: relative;
  margin: 4.44vw auto 14.84vw;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__learning-lvl {
    margin: 44.4px auto 148.4px;
  }
}
#grammar .pc .Asection__learning-lvl img {
  width: 100%;
}
#grammar .pc .Asection__learning-lvl::after {
  content: "";
  width: 18.9vw;
  height: 18.9vw;
  background: url(/ste-lam/one-world/image/eng-grammar/pc/2nd_bg_pc_3.svg) no-repeat center center;
  background-size: cover;
  bottom: -14.3vw;
  right: auto;
  left: 1.1vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: inline-block;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__learning-lvl::after {
    width: 189px;
    height: 189px;
    bottom: -143px;
    left: 11px;
  }
}
#grammar .pc .Asection__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 28.65vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #grammar .pc .Asection__bg {
    max-width: 1042.32px;
    top: 286.5px;
  }
}

#recruit .page-header,
#recruit-detail .page-header,
#recruit-complete .page-header {
  position: relative;
}
#recruit .page-header::before,
#recruit-detail .page-header::before,
#recruit-complete .page-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    height: 82.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__content,
#recruit-detail .page-header__content,
#recruit-complete .page-header__content {
    margin-right: 0vw;
  }
}
#recruit .page-header__content.lazyloaded,
#recruit-detail .page-header__content.lazyloaded,
#recruit-complete .page-header__content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/recruit/section-kv/cover-image.jpg");
}
@media screen and (max-width: 767px) {
  #recruit .page-header__content.lazyloaded,
#recruit-detail .page-header__content.lazyloaded,
#recruit-complete .page-header__content.lazyloaded {
    background-image: url("/ste-lam/one-world/image/recruit/section-kv/cover-image_sp.jpg");
  }
}
#recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
  width: 480px;
  height: 480px;
  position: absolute;
  left: calc(50% - 240px);
  top: 91px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    left: calc(50% - 34.6666666667vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    top: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__wrapper,
#recruit-detail .page-header__wrapper,
#recruit-complete .page-header__wrapper {
    top: 13.0666666667vw;
  }
}
#recruit .page-header__wrapper.lazyloaded,
#recruit-detail .page-header__wrapper.lazyloaded,
#recruit-complete .page-header__wrapper.lazyloaded {
  background-image: url("/ste-lam/one-world/image/common/kv-content-bg.svg");
}
#recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
  position: absolute;
  width: 262.41px;
  height: 72.27px;
  top: 98.5px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    height: 5.8282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    height: 13.152vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    top: 7.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__logo,
#recruit-detail .page-header__logo,
#recruit-complete .page-header__logo {
    left: calc(50% - 24.404vw);
  }
}
#recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
  position: absolute;
  width: 283.15px;
  height: 106.83px;
  top: 211.2px;
  left: calc(50% - 141.575px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    width: 22.8346774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    width: 42.2613333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    height: 8.6153225806vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    height: 20.7226666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    top: 17.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    top: 35.7066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    left: calc(50% - 11.4173387097vw);
  }
}
@media screen and (max-width: 767px) {
  #recruit .page-header__title,
#recruit-detail .page-header__title,
#recruit-complete .page-header__title {
    left: calc(50% - 21.1306666667vw);
  }
}

#recruit .section-one-head .content {
  padding-top: 92.7px;
  padding-bottom: 78.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content {
    padding-top: 7.4758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content {
    padding-top: 8.4266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content {
    padding-bottom: 6.3629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content {
    padding-bottom: 4.6133333333vw;
  }
}
#recruit .section-one-head .content .content-title {
  width: 845.14px;
  height: 134.92px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content .content-title {
    width: 68.1564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content .content-title {
    width: 87.2346666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content .content-title {
    height: 10.8806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content .content-title {
    height: 27.5466666667vw;
  }
}
#recruit .section-one-head .content .content-text {
  margin-top: 30.9px;
  width: 661.62px;
  height: 49.24px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content .content-text {
    margin-top: 2.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content .content-text {
    margin-top: 7.9466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content .content-text {
    width: 53.3564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content .content-text {
    width: 77.496vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-head .content .content-text {
    height: 3.9709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-head .content .content-text {
    height: 14.2586666667vw;
  }
}
#recruit .section-one-body-1 {
  padding-top: 52.3px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: 1082px;
  background-image: url("/ste-lam/one-world/image/recruit/section-one/bg.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 {
    padding-top: 4.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 {
    padding-top: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 {
    background-size: 87.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 {
    background-size: 120.8vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 {
    background-image: url("/ste-lam/one-world/image/recruit/section-one/bg_sp.svg");
  }
}
#recruit .section-one-body-1 .content .content-title {
  width: 684px;
  height: 60px;
  border-radius: 30px;
  background-color: #64b6c8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-title {
    width: 55.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-title {
    width: 88.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-title {
    height: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-title {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-title {
    border-radius: 12.2666666667vw;
  }
}
#recruit .section-one-body-1 .content .content-title > .text-image {
  width: 533.91px;
  height: 29.07px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-title > .text-image {
    width: 43.0572580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-title > .text-image {
    width: 62.2853333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-title > .text-image {
    height: 2.3443548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-title > .text-image {
    height: 12.4346666667vw;
  }
}
#recruit .section-one-body-1 .content .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
#recruit .section-one-body-1 .content .row .col {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col {
    width: 100%;
  }
}
#recruit .section-one-body-1 .content .row .col:nth-child(1) {
  padding-right: 30px;
  padding-bottom: 54.9px;
  padding-left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-right: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-bottom: 4.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-bottom: 24.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(1) {
    padding-left: 5.3333333333vw;
  }
}
#recruit .section-one-body-1 .content .row .col:nth-child(2) {
  padding-left: 30px;
  padding-bottom: 54.9px;
  padding-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-left: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-bottom: 4.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-bottom: 24.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(2) {
    padding-right: 5.3333333333vw;
  }
}
#recruit .section-one-body-1 .content .row .col:nth-child(3) {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(3) {
    padding-left: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(3) {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(3) {
    padding-right: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .row .col:nth-child(3) {
    padding-right: 5.3333333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body {
  padding-top: 98px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body {
    padding-top: 7.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body {
    padding-top: 22.1333333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  background-color: #fff;
  position: relative;
}
#recruit .section-one-body-1 .content .content-body .card::before {
  display: block;
  content: "";
  width: 91px;
  height: 95.92px;
  position: absolute;
  left: 28.5px;
  top: -9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    width: 7.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    width: 24.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    height: 7.735483871vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    height: 25.5786666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    left: 2.2983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    left: 7.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    top: -0.7258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    top: -17.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    z-index: -2;
    left: calc(50% - 45.5px);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    left: calc(50% - 3.6693548387vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::before {
    left: calc(50% - 12.1333333333vw);
  }
}
#recruit .section-one-body-1 .content .content-body .card::after {
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 500px;
  position: absolute;
  left: 32.3px;
  top: -4.1px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-size: 46.64px;
  background-position-y: 18.7px;
  background-position-x: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    width: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    width: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    height: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    height: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    left: 2.6048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    left: 8.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    top: -0.3306451613vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    top: -16.56vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    background-size: 3.7612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    background-size: 12.4373333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    background-position-y: 1.5080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    background-position-y: 3.92vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    z-index: -1;
    left: calc(50% - 40px);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    left: calc(50% - 3.2258064516vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card::after {
    left: calc(50% - 10.6666666667vw);
  }
}
#recruit .section-one-body-1 .content .content-body .card > .card-title {
  width: 100%;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding-left: 119.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-title {
    height: 6.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-title {
    height: 20.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-title {
    padding-left: 9.6370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-title {
    padding-left: 0vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card > .card-image {
  width: 100%;
  height: 190px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-image {
    height: 15.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-image {
    height: 50.6666666667vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card > .card-image > img {
  object-fit: cover;
}
#recruit .section-one-body-1 .content .content-body .card > .card-body {
  flex: 1 1 auto;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-body {
    padding-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-body {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-body {
    padding-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card > .card-body {
    padding-bottom: 5.3333333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-1 {
  border-color: #aa88ee;
}
#recruit .section-one-body-1 .content .content-body .card.card-1::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90.999' height='95.924' viewBox='0 0 90.999 95.924'%3E%3Cpath id='shape' d='M373.555,582.807c-12.652-2.9-29.012,9.084-33.795,11.887-33.464,19.617-34.5,80.4,3.436,83.479,6.781.815,12.6-3.172,19.13-6.086,9.588-3.743,19.51,5.5,28.991-2.29,10.272-6.849,11.574-22,13.738-35.868C408.574,603.356,397.481,586.943,373.555,582.807Z' transform='translate(-314.695 -582.357)' fill='rgb(170, 136, 238)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#recruit .section-one-body-1 .content .content-body .card.card-1::after {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-1.svg");
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1::after {
    background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-1_sp.svg");
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title {
  background-color: rgba(170, 136, 238, 0.3);
}
#recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title > .text-image {
  width: 284.08px;
  height: 45.24px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title > .text-image {
    width: 22.9096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title > .text-image {
    width: 67.336vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title > .text-image {
    height: 3.6483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-title > .text-image {
    height: 10.488vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-1 > .card-body > .text-image {
  width: 427.21px;
  height: 52.42px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-body > .text-image {
    width: 34.4524193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-body > .text-image {
    width: 76.5146666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-body > .text-image {
    height: 4.2274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-1 > .card-body > .text-image {
    height: 17.4373333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-2 {
  border-color: #dd77bb;
}
#recruit .section-one-body-1 .content .content-body .card.card-2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90.999' height='95.924' viewBox='0 0 90.999 95.924'%3E%3Cpath id='shape' d='M373.555,582.807c-12.652-2.9-29.012,9.084-33.795,11.887-33.464,19.617-34.5,80.4,3.436,83.479,6.781.815,12.6-3.172,19.13-6.086,9.588-3.743,19.51,5.5,28.991-2.29,10.272-6.849,11.574-22,13.738-35.868C408.574,603.356,397.481,586.943,373.555,582.807Z' transform='translate(-314.695 -582.357)' fill='rgb(221, 119, 187)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#recruit .section-one-body-1 .content .content-body .card.card-2::after {
  background-color: #dd77bb;
  background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-2.svg");
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2::after {
    background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-2_sp.svg");
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title {
  background-color: rgba(221, 119, 187, 0.3);
}
#recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title > .text-image {
  width: 314.21px;
  height: 45.33px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title > .text-image {
    width: 25.339516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title > .text-image {
    width: 74.48vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title > .text-image {
    height: 3.6556451613vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-title > .text-image {
    height: 10.5093333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-2 > .card-body > .text-image {
  width: 425.83px;
  height: 72.34px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-body > .text-image {
    width: 34.3411290323vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-body > .text-image {
    width: 78.3573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-body > .text-image {
    height: 5.8338709677vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-2 > .card-body > .text-image {
    height: 22.2373333333vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-3 {
  border-color: #44bb99;
}
#recruit .section-one-body-1 .content .content-body .card.card-3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90.999' height='95.924' viewBox='0 0 90.999 95.924'%3E%3Cpath id='shape' d='M373.555,582.807c-12.652-2.9-29.012,9.084-33.795,11.887-33.464,19.617-34.5,80.4,3.436,83.479,6.781.815,12.6-3.172,19.13-6.086,9.588-3.743,19.51,5.5,28.991-2.29,10.272-6.849,11.574-22,13.738-35.868C408.574,603.356,397.481,586.943,373.555,582.807Z' transform='translate(-314.695 -582.357)' fill='rgb(68, 187, 153)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#recruit .section-one-body-1 .content .content-body .card.card-3::after {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-3.svg");
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3::after {
    background-image: url("/ste-lam/one-world/image/recruit/section-one/policy-num-3_sp.svg");
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title {
  background-color: rgba(68, 187, 153, 0.3);
}
#recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title > .text-image {
  width: 292.99px;
  height: 45.44px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title > .text-image {
    width: 23.6282258065vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title > .text-image {
    width: 69.448vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title > .text-image {
    height: 3.664516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-title > .text-image {
    height: 10.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-image {
    height: 42.6666666667vw;
  }
}
#recruit .section-one-body-1 .content .content-body .card.card-3 > .card-body > .text-image {
  width: 427.86px;
  height: 92.47px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-body > .text-image {
    width: 34.5048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-body > .text-image {
    width: 76.3626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-body > .text-image {
    height: 7.4572580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-body .card.card-3 > .card-body > .text-image {
    height: 31.8533333333vw;
  }
}
#recruit .section-one-body-1 .content .content-action {
  padding-top: 60.9px;
  padding-bottom: 123px;
  width: 310px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action {
    padding-top: 4.9112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action {
    padding-bottom: 9.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action {
    padding-bottom: 16.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action {
    width: 89.3333333333vw;
  }
}
#recruit .section-one-body-1 .content .content-action > .action-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: #64b6c8;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 20px);
  background-size: 12.11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.107' height='20' viewBox='0 0 12.107 20'%3E%3Cpath id='arrow' d='M23.385,22.475a2.156,2.156,0,0,1-1.494-.61,2.121,2.121,0,0,1,0-2.989l6.377-6.4-6.377-6.4a2.113,2.113,0,0,1,2.989-2.989l7.893,7.893a2.083,2.083,0,0,1,.61,1.494,2.174,2.174,0,0,1-.61,1.494l-7.893,7.893A2.194,2.194,0,0,1,23.385,22.475Z' transform='translate(-21.275 -2.475)' fill='%23fff'/%3E%3C/svg%3E%0A");
  padding-right: 32.11px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    height: 12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    background-position-x: calc(100% - 1.6129032258vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    background-size: 0.9766129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    background-size: 3.2293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    padding-right: 2.589516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    padding-right: 8.5626666667vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button {
    background-position-x: calc(100% - 5.3333333333vw);
  }
}
#recruit .section-one-body-1 .content .content-action > .action-button > .text-image {
  width: 169.46px;
  height: 18.54px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button > .text-image {
    width: 13.6661290323vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button > .text-image {
    width: 45.1893333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-one-body-1 .content .content-action > .action-button > .text-image {
    height: 1.4951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-one-body-1 .content .content-action > .action-button > .text-image {
    height: 4.944vw;
  }
}

#recruit .section-two {
  padding-bottom: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("/ste-lam/one-world/image/recruit/section-two/bg.jpg");
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two {
    padding-bottom: 6.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two {
    padding-bottom: 12.5333333333vw;
  }
}
#recruit .section-two::before, #recruit .section-two::after {
  display: block;
  content: "";
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  background-repeat: repeat-x;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two::before, #recruit .section-two::after {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two::before, #recruit .section-two::after {
    height: 16vw;
  }
}
#recruit .section-two::before {
  top: 0;
  background-image: url("/ste-lam/one-world/image/recruit/section-two/bg-top.png");
}
#recruit .section-two::after {
  bottom: 0;
  background-image: url("/ste-lam/one-world/image/recruit/section-two/bg-bottom.png");
}
#recruit .section-two .content {
  position: relative;
  z-index: 1;
}
#recruit .section-two .content .content-title {
  width: 900px;
  height: 60px;
  border-radius: 30px;
  background-color: #dd77bb;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-title {
    width: 72.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-title {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-title {
    height: 12vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-title {
    border-radius: 0;
  }
}
#recruit .section-two .content .content-title > .text-image {
  width: 101.98px;
  height: 23.04px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-title > .text-image {
    width: 8.2241935484vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-title > .text-image {
    width: 20.3946666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-title > .text-image {
    height: 1.8580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-title > .text-image {
    height: 4.608vw;
  }
}
#recruit .section-two .content .content-body {
  margin-top: 44.5px;
  padding-top: 22.8px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: 890.44px;
  background-image: url("/ste-lam/one-world/image/recruit/section-two/content-bg.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body {
    margin-top: 3.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    margin-top: 11.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body {
    padding-top: 1.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body {
    padding-left: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body {
    padding-right: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body {
    background-size: 71.8096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    background-size: 106.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body {
    background-position-y: 2.2133333333vw;
    background-image: url("/ste-lam/one-world/image/recruit/section-two/content-bg_sp.svg");
  }
}
#recruit .section-two .content .content-body .item {
  width: 315px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item {
    width: 25.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item {
    width: 40.2666666667vw;
  }
}
#recruit .section-two .content .content-body .item > .item-title {
  width: 100%;
  display: flex;
  justify-content: center;
}
#recruit .section-two .content .content-body .item > .item-image {
  margin-top: 21.7px;
  width: 100%;
  height: 226px;
  border-radius: 30px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-image {
    margin-top: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-image {
    margin-top: 4.5866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-image {
    height: 18.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-image {
    height: 40vw;
  }
}
#recruit .section-two .content .content-body .item > .item-image > img {
  object-fit: cover;
  border-radius: 30px;
}
#recruit .section-two .content .content-body .item > .item-action {
  margin-top: 22px;
  width: 212px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action {
    margin-top: 1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action {
    width: 17.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action {
    width: 40vw;
  }
}
#recruit .section-two .content .content-body .item > .item-action > a.action-button {
  width: 100%;
  height: 60px;
  border-radius: 50px;
  background-color: #dd77bb;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 20px);
  background-size: 12.11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.107' height='20' viewBox='0 0 12.107 20'%3E%3Cpath id='arrow' d='M23.385,22.475a2.156,2.156,0,0,1-1.494-.61,2.121,2.121,0,0,1,0-2.989l6.377-6.4-6.377-6.4a2.113,2.113,0,0,1,2.989-2.989l7.893,7.893a2.083,2.083,0,0,1,.61,1.494,2.174,2.174,0,0,1-.61,1.494l-7.893,7.893A2.194,2.194,0,0,1,23.385,22.475Z' transform='translate(-21.275 -2.475)' fill='%23fff'/%3E%3C/svg%3E%0A");
  padding-right: 32.11px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    height: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    background-position-x: calc(100% - 1.6129032258vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    background-size: 0.9766129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    background-size: 2.504vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    padding-right: 2.589516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    padding-right: 7.8373333333vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button {
    background-position-x: calc(100% - 5.3333333333vw);
  }
}
#recruit .section-two .content .content-body .item > .item-action > a.action-button > .text-image {
  width: 85px;
  height: 19.14px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button > .text-image {
    width: 6.8548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button > .text-image {
    width: 18.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button > .text-image {
    height: 1.5435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item > .item-action > a.action-button > .text-image {
    height: 4.0826666667vw;
  }
}
#recruit .section-two .content .content-body .item.item-1 > .item-title > .text-image {
  width: 153px;
  height: 22.97px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item.item-1 > .item-title > .text-image {
    width: 12.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item.item-1 > .item-title > .text-image {
    width: 29.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item.item-1 > .item-title > .text-image {
    height: 1.8524193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item.item-1 > .item-title > .text-image {
    height: 4.5946666667vw;
  }
}
#recruit .section-two .content .content-body .item.item-2 > .item-title > .text-image {
  width: 102.07px;
  height: 23.06px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item.item-2 > .item-title > .text-image {
    width: 8.2314516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item.item-2 > .item-title > .text-image {
    width: 19.6933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-two .content .content-body .item.item-2 > .item-title > .text-image {
    height: 1.8596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-two .content .content-body .item.item-2 > .item-title > .text-image {
    height: 4.6133333333vw;
  }
}

#recruit .section-three,
#recruit-detail .section-three {
  padding-top: 60px;
  padding-bottom: 140px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three,
#recruit-detail .section-three {
    padding-top: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three,
#recruit-detail .section-three {
    padding-top: 14.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three,
#recruit-detail .section-three {
    padding-bottom: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three,
#recruit-detail .section-three {
    padding-bottom: 16vw;
  }
}
#recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
  width: 900px;
  height: 60px;
  border-radius: 30px;
  background-color: #dd77bb;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
    width: 72.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
    height: 12vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-title,
#recruit-detail .section-three-head .content .content-title {
    border-radius: 0;
  }
}
#recruit .section-three-head .content .content-title > .text-image,
#recruit-detail .section-three-head .content .content-title > .text-image {
  width: 153.89px;
  height: 22.99px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-title > .text-image,
#recruit-detail .section-three-head .content .content-title > .text-image {
    width: 12.410483871vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-title > .text-image,
#recruit-detail .section-three-head .content .content-title > .text-image {
    width: 30.7786666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-title > .text-image,
#recruit-detail .section-three-head .content .content-title > .text-image {
    height: 1.8540322581vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-title > .text-image,
#recruit-detail .section-three-head .content .content-title > .text-image {
    height: 4.5973333333vw;
  }
}
#recruit .section-three-head .content .content-body,
#recruit-detail .section-three-head .content .content-body {
  margin-top: 43.3px;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-body,
#recruit-detail .section-three-head .content .content-body {
    margin-top: 3.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-body,
#recruit-detail .section-three-head .content .content-body {
    margin-top: 8.1333333333vw;
  }
}
#recruit .section-three-head .content .content-body > .text-image,
#recruit-detail .section-three-head .content .content-body > .text-image {
  width: 440.48px;
  height: 47.3px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-body > .text-image,
#recruit-detail .section-three-head .content .content-body > .text-image {
    width: 35.5225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-body > .text-image,
#recruit-detail .section-three-head .content .content-body > .text-image {
    width: 71.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-head .content .content-body > .text-image,
#recruit-detail .section-three-head .content .content-body > .text-image {
    height: 3.814516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-head .content .content-body > .text-image,
#recruit-detail .section-three-head .content .content-body > .text-image {
    height: 8.408vw;
  }
}
#recruit .section-three-body-1,
#recruit-detail .section-three-body-1 {
  padding-top: 89.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-body-1,
#recruit-detail .section-three-body-1 {
    padding-top: 7.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-body-1,
#recruit-detail .section-three-body-1 {
    padding-top: 10.64vw;
  }
}
#recruit .section-three-body-1 .content,
#recruit-detail .section-three-body-1 .content {
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-body-1 .content,
#recruit-detail .section-three-body-1 .content {
    padding-left: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-body-1 .content,
#recruit-detail .section-three-body-1 .content {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .section-three-body-1 .content,
#recruit-detail .section-three-body-1 .content {
    padding-right: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .section-three-body-1 .content,
#recruit-detail .section-three-body-1 .content {
    padding-right: 5.3333333333vw;
  }
}

#recruit-form * > img {
  width: 100%;
  height: 100%;
}
#recruit-form.recruit-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#recruit-form.recruit-form > .form-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#recruit-form.recruit-form > .form-row:not(:first-child) {
  padding-top: 10px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row:not(:first-child) {
    padding-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row:not(:first-child) {
    padding-top: 2vw;
  }
}
#recruit-form.recruit-form > .form-row:not(:last-child) {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row:not(:last-child) {
    padding-bottom: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row:not(:last-child) {
    padding-bottom: 2vw;
  }
}
#recruit-form.recruit-form > .form-row > label.form-label {
  flex: 0 0 30%;
  max-width: 30%;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  color: #222222;
  font-size: 18px;
  cursor: default;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > label.form-label {
    font-size: 1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > label.form-label {
    font-size: 3.7333333333vw;
  }
}
#recruit-form.recruit-form > .form-row > label.form-label.required::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #ff6666;
  vertical-align: middle;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    width: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    width: 3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    height: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    height: 3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    margin-right: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > label.form-label.required::before {
    margin-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > label.form-label {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#recruit-form.recruit-form > .form-row > .form-control {
  flex: 0 0 70%;
  max-width: 70%;
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1.8666666667vw;
  }
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 300;
  color: #222222;
  background-color: #f5f5f5;
  font-size: 15px;
  line-height: 15px;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    height: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    height: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    padding-left: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    padding-right: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    line-height: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=text], #recruit-form.recruit-form > .form-row > .form-control > input[type=tel], #recruit-form.recruit-form > .form-row > .form-control > input[type=email], #recruit-form.recruit-form > .form-row > .form-control > select {
    line-height: 4vw;
  }
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=text]::-webkit-input-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=tel]::-webkit-input-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=email]::-webkit-input-placeholder, #recruit-form.recruit-form > .form-row > .form-control > select::-webkit-input-placeholder {
  color: #999999;
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=text]::-moz-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=tel]::-moz-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=email]::-moz-placeholder, #recruit-form.recruit-form > .form-row > .form-control > select::-moz-placeholder {
  color: #999999;
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=text]::-ms-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=tel]::-ms-placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=email]::-ms-placeholder, #recruit-form.recruit-form > .form-row > .form-control > select::-ms-placeholder {
  color: #999999;
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=text]::placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=tel]::placeholder, #recruit-form.recruit-form > .form-row > .form-control > input[type=email]::placeholder, #recruit-form.recruit-form > .form-row > .form-control > select::placeholder {
  color: #999999;
}
#recruit-form.recruit-form > .form-row > .form-control > select {
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 23.2px);
  background-size: 21.11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.113' height='11.294' viewBox='0 0 21.113 11.294'%3E%3Cpath id='Icon_metro-chevron-thin-down' data-name='Icon metro-chevron-thin-down' d='M24.392,10.9a.855.855,0,0,1,1.2,0,.835.835,0,0,1,0,1.189L15.886,21.7a.855.855,0,0,1-1.2,0L4.978,12.091a.836.836,0,0,1,0-1.189.855.855,0,0,1,1.2,0l9.107,8.765Z' transform='translate(-4.729 -10.655)' fill='%23666'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > select {
    background-size: 1.7024193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > select {
    background-size: 5.6293333333vw;
  }
}
#recruit-form.recruit-form > .form-row > .form-control > select:invalid {
  color: #999999;
}
#recruit-form.recruit-form > .form-row > .form-control > select > option {
  color: #222222;
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input {
  width: 200px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input {
    width: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input {
    width: 48vw;
  }
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
#recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
  display: inline-block;
  content: "";
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #64b6c8;
  border-radius: 10px;
  width: 200px;
  height: 60px;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  background-size: 100.12px;
  background-image: url("/ste-lam/one-world/image/recruit/recruit-form/file-text.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    width: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    width: 48vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    background-size: 8.0741935484vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row > .form-control > input[type=file].custom-file-input::before {
    background-size: 24.1653333333vw;
  }
}
#recruit-form.recruit-form > .form-row.policy {
  padding-top: 123px;
  padding-bottom: 69px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy {
    padding-top: 9.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy {
    padding-top: 10.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy {
    padding-bottom: 5.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy {
    padding-bottom: 8.6666666667vw;
  }
}
#recruit-form.recruit-form > .form-row.policy > .form-label {
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-label {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-label {
    font-size: 3.2vw;
  }
}
#recruit-form.recruit-form > .form-row.policy > .form-control {
  flex: 0 0 88.8888888889%;
  max-width: 88.8888888889%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 27px;
  height: 197px;
  background-color: #f5f5f5;
  border-width: 1px;
  border-style: solid;
  border-color: #c7c7c7;
  border-radius: 8px;
  overflow: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    margin-top: 2.1774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    margin-top: 4.7733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    height: 15.8870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    height: 48vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-top: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-left: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-left: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-right: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    padding-right: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    line-height: 1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    line-height: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.policy > .form-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row.file > .form-label {
    flex: 0 0 46.2686567164%;
    max-width: 46.2686567164%;
  }
  #recruit-form.recruit-form > .form-row.file > .form-control {
    flex: 0 0 53.7313432836%;
    max-width: 53.7313432836%;
  }
}
#recruit-form.recruit-form > .form-row .btn-submit {
  width: 600px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #64b6c8;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row .btn-submit {
    width: 48.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row .btn-submit {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row .btn-submit {
    height: 5.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row .btn-submit {
    height: 16vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row .btn-submit {
    background-color: #dd77bb;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 6.1066666667vw);
    background-size: 3.2293333333vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.107' height='20' viewBox='0 0 12.107 20'%3E%3Cpath id='arrow' d='M23.385,22.475a2.156,2.156,0,0,1-1.494-.61,2.121,2.121,0,0,1,0-2.989l6.377-6.4-6.377-6.4a2.113,2.113,0,0,1,2.989-2.989l7.893,7.893a2.083,2.083,0,0,1,.61,1.494,2.174,2.174,0,0,1-.61,1.494l-7.893,7.893A2.194,2.194,0,0,1,23.385,22.475Z' transform='translate(-21.275 -2.475)' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
}
#recruit-form.recruit-form > .form-row .btn-submit > .text-image {
  width: 412.82px;
  height: 19.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row .btn-submit > .text-image {
    width: 33.2919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row .btn-submit > .text-image {
    width: 50.5813333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-form.recruit-form > .form-row .btn-submit > .text-image {
    height: 1.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-form.recruit-form > .form-row .btn-submit > .text-image {
    height: 9.472vw;
  }
}

#recruit,
#recruit-complete {
  overflow: hidden;
}
#recruit * > img,
#recruit-complete * > img {
  width: 100%;
  height: 100%;
}
#recruit .container,
#recruit-complete .container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit .container,
#recruit-complete .container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit .container,
#recruit-complete .container {
    width: 100vw;
  }
}

#recruit-complete .success-text,
#recruit-complete .error-text,
#recruit-complete .action-row {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .success-text,
#recruit-complete .error-text,
#recruit-complete .action-row {
    margin-top: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .success-text,
#recruit-complete .error-text,
#recruit-complete .action-row {
    margin-top: 13.3333333333vw;
  }
}
#recruit-complete .success-text {
  width: 798.3px;
  height: 115.42px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .success-text {
    width: 64.3790322581vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .success-text {
    width: 85.288vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .success-text {
    height: 9.3080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .success-text {
    height: 31.3946666667vw;
  }
}
#recruit-complete .error-text {
  width: 292.76px;
  height: 18.88px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .error-text {
    width: 23.6096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .error-text {
    width: 52.2213333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .error-text {
    height: 1.5225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .error-text {
    height: 3.5253333333vw;
  }
}
#recruit-complete .action-row {
  width: 310px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .action-row {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .action-row {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .action-row {
    margin-bottom: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .action-row {
    margin-bottom: 13.3333333333vw;
  }
}
#recruit-complete .action-row .action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: #64b6c8;
  border-radius: 50px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 20px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.107' height='20' viewBox='0 0 12.107 20'%3E%3Cpath id='arrow' d='M23.385,22.475a2.156,2.156,0,0,1-1.494-.61,2.121,2.121,0,0,1,0-2.989l6.377-6.4-6.377-6.4a2.113,2.113,0,0,1,2.989-2.989l7.893,7.893a2.083,2.083,0,0,1,.61,1.494,2.174,2.174,0,0,1-.61,1.494l-7.893,7.893A2.194,2.194,0,0,1,23.385,22.475Z' transform='translate(-21.275 -2.475)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .action-row .action-btn {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .action-row .action-btn {
    height: 12vw;
  }
}
#recruit-complete .action-row .action-btn > .text-image {
  width: 106.96px;
  height: 19.2px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .action-row .action-btn > .text-image {
    width: 8.6258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .action-row .action-btn > .text-image {
    width: 28.5226666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-complete .action-row .action-btn > .text-image {
    height: 1.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-complete .action-row .action-btn > .text-image {
    height: 5.12vw;
  }
}

#recruit-detail .container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #recruit-detail .container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #recruit-detail .container {
    width: 100vw;
  }
}
#recruit-detail .SectionTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: white;
  background-color: #dd77bb;
}
@media screen and (min-width: 768px) {
  #recruit-detail .SectionTitle {
    width: 900px;
    min-height: 60px;
    margin: 30px auto;
    border-radius: 30px;
  }
}
@media screen and (max-width: 767px) {
  #recruit-detail .SectionTitle {
    margin: 30px calc(50% - 50vw);
    width: 100vw;
    height: 45px;
  }
}
#recruit-detail .KeyVisual__bg {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  width: 100vw;
  height: auto;
}
#recruit-detail .KeyVisual__title {
  text-align: center;
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  #recruit-detail .KeyVisual__title {
    margin-left: 10px;
  }
}
#recruit-detail .KeyVisualSp {
  width: 100%;
}
#recruit-detail .DetailNav {
  margin: 37px auto 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 350px;
}
#recruit-detail .DetailNav__item {
  padding: 10px;
}
#recruit-detail .JobTitle {
  padding-top: 50px;
  text-align: center;
}
#recruit-detail .Table {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#recruit-detail .Table__term {
  color: white;
  background-color: #64b6c8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (min-width: 768px) {
  #recruit-detail .Table__term {
    width: 18%;
    margin-right: 4%;
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #recruit-detail .Table__term {
    width: 100%;
    margin-bottom: 5px;
    min-height: 30px;
    font-size: 14px;
    letter-spacing: 0.7;
  }
}
#recruit-detail .Table__description {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 400;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  #recruit-detail .Table__description {
    width: 78%;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
  }
}
@media screen and (max-width: 767px) {
  #recruit-detail .Table__description {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
  }
}
#recruit-detail .buttonArea {
  margin-top: 30px;
  text-align: center;
}

#speaking .sp .HeaderMenu {
  top: 70px;
}
#speaking .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#speaking .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#speaking .sp .TitleWrap {
  display: flex;
  flex-direction: column;
  margin: 0 7.733vw 0 8vw;
}
#speaking .sp .TitleWrap-grn {
  width: 57.4613vw;
  margin: 0 auto 4.5333vw;
}
#speaking .sp .TitleWrap-blk {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.33334vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#speaking .sp .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 2.2933vw;
}
#speaking .sp .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10.1333vw;
  background-color: rgba(238, 153, 102, 0.1);
  min-height: 200px;
}
#speaking .sp .Asection__input {
  margin: -5.067vw auto 0;
  width: 53.333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection .box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 89.333vw;
  border-radius: 5.333vw;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
#speaking .sp .Asection .box:nth-of-type(2) img.Asection__title {
  width: 66.2784vw;
  margin: 17.8667vw auto 4.267vw;
}
#speaking .sp .Asection .box:nth-of-type(3) img.Asection__title {
  width: 61.8192vw;
  margin: 18.4vw ​auto 4.267vw 14.1333vw;
}
#speaking .sp .Asection img.Asection__title {
  width: 61.6992vw;
  margin: 18.4vw auto 4.267vw;
}
#speaking .sp .Asection .desc-right {
  margin: 0 14vw 0 auto;
  text-align: center;
}
#speaking .sp .Asection__desc {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  text-align: center;
  color: #777777;
  margin: 0 auto;
}
#speaking .sp .Asection__one {
  height: 65.067vw;
  margin-top: 16vw;
  margin-bottom: 20.267vw;
}
#speaking .sp .Asection__one img.Asection_one-img {
  position: absolute;
  bottom: 0;
  left: 1.8667vw;
  width: 30.667vw;
}
#speaking .sp .Asection__one-btn {
  width: 44.8vw;
  height: 10.6667vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin: 1.8667vw 10.4vw auto auto;
}
#speaking .sp .Asection__one-btn img.Asection_one-btn-img {
  width: 100%;
}
#speaking .sp .Asection__one::after {
  content: "";
  width: 38.9333vw;
  height: 28.5333vw;
  background: url(/ste-lam/one-world/image/eng-speaking/sp/section_1_title_sp.svg) no-repeat center center;
  background-size: cover;
  top: -12.5333vw;
  right: 0;
  left: 0.2667vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: inline-block;
}
#speaking .sp .Asection__two {
  height: 195.733vw;
  margin-bottom: 20.533vw;
}
#speaking .sp .Asection__two img.Asection__two-thumb {
  width: 100vw;
  margin-top: -5px;
  max-width: inherit;
  margin-left: -19px;
}
#speaking .sp .Asection__two-btn {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 5.33334vw;
  width: 69.333vw;
  height: 10.667vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__two-btn img.Asection_two-btn-img {
  width: 100%;
}
#speaking .sp .Asection__two::after {
  content: "";
  width: 38.9333vw;
  height: 28.5333vw;
  background: url(/ste-lam/one-world/image/eng-speaking/sp/section_2_title_sp.svg) no-repeat center center;
  background-size: cover;
  top: -12.8vw;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: inline-block;
}
#speaking .sp .Asection__three {
  height: 85.867vw;
  margin-bottom: 10.4vw;
}
#speaking .sp .Asection__three img.Asection__three-kid-img {
  position: absolute;
  bottom: -8.8vw;
  left: 1.8667vw;
  width: 30.667vw;
}
#speaking .sp .Asection__three-btn {
  width: 44.8vw;
  height: 10.6667vw;
  border-radius: 13.333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin: 6.4vw 10.4vw auto auto;
}
#speaking .sp .Asection__three-btn img.Asection__three-btn-img {
  width: 100%;
}
#speaking .sp .Asection__three::after {
  content: "";
  width: 38.9333vw;
  height: 28.5333vw;
  background: url(/ste-lam/one-world/image/eng-speaking/sp/section_3_title_sp.svg) no-repeat center center;
  background-size: cover;
  top: -12.5333vw;
  right: 0;
  left: 0.2667vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: inline-block;
}
#speaking .sp .Asection__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 7.893vw;
  width: 25.067vw;
}
#speaking .sp .Asection__content {
  margin: 4.4vw 5.333vw 0;
}
#speaking .sp .Asection__content-title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #aacc55;
  margin: 0 auto 4vw;
}
#speaking .sp .Asection__content-main {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#speaking .sp .Asection__diary {
  display: flex;
  flex-direction: column;
  overflow: visible;
  margin: 16.8vw 2.667vw 6.933vw;
}
#speaking .sp .Asection__diary-box {
  position: relative;
  display: flex;
  flex-direction: column;
}
#speaking .sp .Asection__diary-box:first-of-type .Asection__diary-box-row {
  width: 71.467vw;
}
#speaking .sp .Asection__diary-box:first-of-type .Asection__diary-box-row span {
  margin-left: 9.6vw;
}
#speaking .sp .Asection__diary-box:first-of-type .Asection__diary-box-text {
  margin-left: 2.667vw;
}
#speaking .sp .Asection__diary-box:first-of-type img:first-of-type {
  position: absolute;
  width: 17.419vw;
  left: -2.133vw;
  top: -14.4vw;
}
#speaking .sp .Asection__diary-box:first-of-type img:last-of-type {
  position: absolute;
  right: 0;
  top: -5.467vw;
  width: 32vw;
  height: 32vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__diary-box:nth-of-type(2) {
  align-items: flex-end;
  margin-top: 10.933vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(2) .Asection__diary-box-row {
  width: 62.933vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(2) .Asection__diary-box-row span {
  margin-right: 16.267vw;
  margin-left: auto;
}
#speaking .sp .Asection__diary-box:nth-of-type(2) .Asection__diary-box-text {
  margin-right: 2.667vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(2) img:first-of-type {
  position: absolute;
  width: 17.419vw;
  left: -2.4vw;
  top: -7.467vw;
  z-index: 5;
}
#speaking .sp .Asection__diary-box:nth-of-type(2) img:last-of-type {
  position: absolute;
  left: 2.667vw;
  top: -3.067vw;
  width: 32vw;
  height: 32vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__diary-box:nth-of-type(3) {
  margin-top: 16.8vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(3) .Asection__diary-box-row {
  width: 56.533vw;
  background-color: #ee6666;
}
#speaking .sp .Asection__diary-box:nth-of-type(3) .Asection__diary-box-row span {
  margin-left: 18.933vw;
  margin-right: auto;
}
#speaking .sp .Asection__diary-box:nth-of-type(3) .Asection__diary-box-text {
  margin-left: 2.667vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(3) img:first-of-type {
  position: absolute;
  width: 17.419vw;
  left: -2.4vw;
  top: -8.8vw;
}
#speaking .sp .Asection__diary-box:nth-of-type(3) img:nth-of-type(2) {
  right: 5.947vw;
  top: 16.267vw;
  position: absolute;
  width: 42.235vw;
  z-index: 6;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__diary-box:nth-of-type(3) img:last-of-type {
  position: absolute;
  right: 0;
  width: 40vw;
  height: 40vw;
  top: -10.8vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__diary-box:last-of-type {
  align-items: flex-end;
  margin-top: 15.2vw;
}
#speaking .sp .Asection__diary-box:last-of-type .Asection__diary-box-row {
  width: 69.333vw;
}
#speaking .sp .Asection__diary-box:last-of-type .Asection__diary-box-row span {
  margin-right: 2.667vw;
  margin-left: auto;
}
#speaking .sp .Asection__diary-box:last-of-type .Asection__diary-box-text {
  margin-right: 2.667vw;
}
#speaking .sp .Asection__diary-box:last-of-type img:first-of-type {
  position: absolute;
  width: 17.419vw;
  left: -2.667vw;
  top: -11.467vw;
  z-index: 5;
}
#speaking .sp .Asection__diary-box:last-of-type img:last-of-type {
  position: absolute;
  left: 2.667vw;
  top: -2.667vw;
  width: 32vw;
  height: 32vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Asection__diary-box-row {
  margin-bottom: 3.2vw;
  height: 10.667vw;
  border-radius: 2.667vw;
  background-color: #a9ce4e;
  display: flex;
  align-items: center;
}
#speaking .sp .Asection__diary-box-row span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  line-height: 6.4vw;
  letter-spacing: 0.05em;
  color: #ffffff;
}
#speaking .sp .Asection__diary-box-text {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 5.333vw;
  text-align: left;
  color: #777777;
}
#speaking .sp .Bsection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10.4vw;
}
#speaking .sp .Bsection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 13.3333vw;
  background-color: rgba(68, 153, 204, 0.1);
  min-height: 200px;
}
#speaking .sp .Bsection__input {
  margin: -7.4667vw auto 0;
  width: 68.2667vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Bsection__context {
  margin: 6.56vw auto 6.7733vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.7333vw;
  font-weight: 600;
  line-height: 5.33334vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#speaking .sp .Bsection__white-btn {
  margin: 0 auto 6.667vw;
  width: 84vw;
  height: 13.3333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Bsection__white-btn img {
  width: 100%;
}
#speaking .sp .Bsection__5-sense {
  width: 100vw;
  max-width: inherit;
  margin-left: 0;
}
#speaking .sp .Bsection__5-sense-cloud {
  width: 41.001vw;
  margin: -4.696vw auto 0;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Bsection__clil-education {
  width: 60.267vw;
  margin: 6.4vw auto 2.9333vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#speaking .sp .Bsection__last-img {
  width: 100vw;
  max-width: inherit;
  margin-bottom: 10.1333vw;
}
#speaking .sp .Bsection__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 2.667vw;
  width: 24.8vw;
}
#speaking .pc .yellow_bg {
  position: absolute;
  bottom: 100px;
  left: 934px;
}
#speaking .pc .TitleWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 4.6vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .TitleWrap {
    margin: 46px auto 0;
  }
}
#speaking .pc .TitleWrap__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .TitleWrap__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#speaking .pc .TitleWrap img {
  width: 38.7864vw;
  margin: 0 auto 2.3vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .TitleWrap img {
    width: 387.864px;
    margin: 0 auto 23px;
  }
}
#speaking .pc .TitleWrap-blk {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  margin: 0 auto 0 15.6vw;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .TitleWrap-blk {
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto 0 156px;
  }
}
#speaking .pc .Asection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 5.5vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection {
    margin-top: 55px;
  }
}
#speaking .pc .Asection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
  min-height: 200px;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#speaking .pc .Asection__bg {
  position: absolute;
  width: 41.5vw;
  z-index: -1;
  top: 1.2vw;
  left: -4.7vw;
  right: auto;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__bg {
    width: 415px;
    left: -47px;
    top: 12px;
  }
}
#speaking .pc .Asection__in-out {
  width: 67.8vw;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__in-out {
    margin: 0 auto;
    width: 678px;
  }
}
#speaking .pc .Asection__box {
  display: flex;
  flex-direction: column;
  margin-top: 8.7vw;
  height: 167.5vw;
  border-radius: 3vw;
  width: 100%;
  border: solid 1px rgba(112, 112, 112, 0.1);
  background-color: rgba(238, 153, 102, 0.1);
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__box {
    margin-top: 87px;
    height: 1675px;
    border-radius: 30px;
  }
}
#speaking .pc .Asection__input {
  width: 32.8vw;
  height: 6vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin: -2.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__input {
    width: 328px;
    height: 60px;
    margin: -28px auto 0;
  }
}
#speaking .pc .Asection__thumb {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 72.1vw;
  border-radius: 2vw;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb {
    width: 721px;
    height: 271px;
    border-radius: 20px;
  }
}
#speaking .pc .Asection__thumb-title {
  width: 33.7296vw;
  margin: 0.3vw auto 2.6vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-title {
    width: 337.296px;
    margin: 3px auto 26px;
  }
}
#speaking .pc .Asection__thumb:nth-of-type(2) .Asection__thumb-title {
  width: 47.436vw;
  margin: 1.5vw auto 1.9vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb:nth-of-type(2) .Asection__thumb-title {
    width: 474.36px;
    margin: 15px auto 19px;
  }
}
#speaking .pc .Asection__thumb:last-of-type .Asection__thumb-title {
  width: 46.9488vw;
  margin: 1.6vw auto 2.6vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb:last-of-type .Asection__thumb-title {
    width: 469.488px;
    margin: 16px auto 26px;
  }
}
#speaking .pc .Asection__thumb-content {
  margin: 0 auto 2.63vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  color: #777777;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-content {
    margin: 0 auto 26.3px;
    font-size: 14px;
    line-height: 24px;
  }
}
#speaking .pc .Asection__thumb-btn {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: auto;
  right: 0;
  left: 0;
  width: 26vw;
  height: 4vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-btn {
    width: 260px;
    height: 40px;
  }
}
#speaking .pc .Asection__thumb-btn img {
  width: 100%;
}
#speaking .pc .Asection__thumb-btn-1 {
  bottom: 3vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-btn-1 {
    bottom: 30px;
  }
}
#speaking .pc .Asection__thumb-btn-2 {
  bottom: 3.8vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-btn-2 {
    bottom: 38px;
  }
}
#speaking .pc .Asection__thumb-btn-3 {
  bottom: 3vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumb-btn-3 {
    bottom: 30px;
  }
}
#speaking .pc .Asection-one {
  height: 27.1vw;
  margin: 10.1vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-one {
    height: 271px;
    margin: 101px auto 0;
  }
}
#speaking .pc .Asection-one-kid-1 {
  position: absolute;
  width: 18.1vw;
  top: -1.95vw;
  left: -2.65vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-one-kid-1 {
    width: 181px;
    top: -19.5px;
    left: -26.5px;
  }
}
#speaking .pc .Asection-one-kid-2 {
  position: absolute;
  width: 17.3vw;
  right: -0.75vw;
  bottom: -4.25vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-one-kid-2 {
    width: 173px;
    right: -7.5px;
    bottom: -42.5px;
  }
}
#speaking .pc .Asection-two {
  height: 73.8vw;
  margin: 7.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-two {
    height: 738px;
    margin: 78px auto 0;
  }
}
#speaking .pc .Asection-two-abc {
  width: 65.3vw;
  margin: 0 auto auto 2.2vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-two-abc {
    width: 653px;
    margin: 0 auto auto 22px;
  }
}
#speaking .pc .Asection-three {
  height: 30.8vw;
  margin: 7.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-three {
    height: 308px;
    margin: 77px auto 0;
  }
}
#speaking .pc .Asection-three-kid-1 {
  position: absolute;
  width: 17.9vw;
  right: -1.35vw;
  bottom: -7.2vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-three-kid-1 {
    width: 179px;
    right: -13.5px;
    bottom: -72px;
  }
}
#speaking .pc .Asection-num {
  width: 14.6vw;
  margin: -4.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection-num {
    width: 146px;
    margin: -47px auto 0;
  }
}
#speaking .pc .Asection__thumbs {
  position: relative;
  margin-top: 6.2vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 3.5vw;
  z-index: 5;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs {
    margin-top: 62px;
    display: grid;
    column-gap: 35px;
  }
}
#speaking .pc .Asection__thumbs::before {
  content: "";
  width: 19.5001vw;
  height: 12.126vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_red_bubble_pc.svg) no-repeat center center;
  background-size: cover;
  top: auto;
  bottom: -5.7vw;
  right: 24.2vw;
  left: auto;
  position: absolute;
  display: inline-block;
  z-index: 6;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs::before {
    width: 195.001px;
    height: 121.26px;
    bottom: -57px;
    right: 242px;
  }
}
#speaking .pc .Asection__thumbs-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 27.5vw;
  border-radius: 2vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  border: solid 2px #a9ce4e;
  background-color: #ffffff;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box {
    width: 220px;
    height: 275px;
    border-radius: 20px;
  }
}
#speaking .pc .Asection__thumbs-box:first-of-type::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_step_1_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:first-of-type::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#speaking .pc .Asection__thumbs-box:nth-of-type(2)::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_step_2_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:nth-of-type(2)::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#speaking .pc .Asection__thumbs-box:nth-of-type(3) {
  border: solid 2px #ee6666;
}
#speaking .pc .Asection__thumbs-box:nth-of-type(3) .Asection__thumbs-box-bg {
  background-color: #ee6666;
}
#speaking .pc .Asection__thumbs-box:nth-of-type(3)::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_step_3_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:nth-of-type(3)::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#speaking .pc .Asection__thumbs-box:last-of-type::after {
  content: "";
  width: 6.5322vw;
  height: 6.647vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_step_4_icn_pc.svg) no-repeat center center;
  background-size: cover;
  top: -4.4vw;
  left: -0.6vw;
  position: absolute;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:last-of-type::after {
    width: 65.322px;
    height: 66.47px;
    top: -44px;
    left: -6px;
  }
}
#speaking .pc .Asection__thumbs-box:last-of-type .Asection__thumbs-box-text {
  margin-top: 0.6vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:last-of-type .Asection__thumbs-box-text {
    margin-top: 6px;
  }
}
#speaking .pc .Asection__thumbs-box:not(:last-of-type)::before {
  content: "";
  width: 2.4215vw;
  height: 4vw;
  background: url(/ste-lam/one-world/image/eng-speaking/pc/section_1_right_arrow_pc.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 22.4vw;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box:not(:last-of-type)::before {
    width: 24.215px;
    height: 40px;
    left: 224px;
  }
}
#speaking .pc .Asection__thumbs-box-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7.6vw;
  border-radius: 1.6vw 1.6vw 0 0;
  background-color: #a9ce4e;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box-bg {
    height: 76px;
    border-radius: 16px 16px 0 0;
  }
}
#speaking .pc .Asection__thumbs-box-bg span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 2.8vw;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box-bg span {
    font-size: 18px;
    line-height: 28px;
  }
}
#speaking .pc .Asection__thumbs-box img {
  width: 100%;
}
#speaking .pc .Asection__thumbs-box-text {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 2.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  margin-top: 1.2vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs-box-text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
  }
}
#speaking .pc .Asection__thumbs .box-bottom {
  margin-top: 4.1vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Asection__thumbs .box-bottom {
    margin-top: 41px;
  }
}
#speaking .pc .Bsection {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 7.65vw;
  margin-bottom: 9vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection {
    margin-top: 76.5px;
    margin-bottom: 90px;
  }
}
#speaking .pc .Bsection__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
  min-height: 200px;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#speaking .pc .Bsection__box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 4.35vw;
  border-radius: 3vw;
  width: 100%;
  border: solid 1px rgba(112, 112, 112, 0.1);
  background-color: rgba(68, 153, 204, 0.1);
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__box {
    margin-top: 43.5px;
    border-radius: 30px;
  }
}
#speaking .pc .Bsection__input {
  width: 32.8vw;
  height: 6vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
  margin: -2.8vw auto 0;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__input {
    width: 328px;
    height: 60px;
    margin: -28px auto 0;
  }
}
#speaking .pc .Bsection__content {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
  margin: 4.3vw auto 0 30.4vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__content {
    font-size: 20px;
    line-height: 30px;
    margin: 43px auto 0 304px;
  }
}
#speaking .pc .Bsection__mld {
  width: 79.3vw;
  margin: 0 auto 0 6.74vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__mld {
    width: 793px;
    margin: 0 auto 0 67.4px;
  }
}
#speaking .pc .Bsection__cli {
  width: 33.4vw;
  margin: 7.5vw auto 0 32.9vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__cli {
    margin: 75px auto 0 329px;
    width: 334px;
  }
}
#speaking .pc .Bsection__english {
  width: 80.2vw;
  margin: 0.2vw auto 7.1vw;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__english {
    width: 802px;
    margin: -2px auto 71px;
  }
}
#speaking .pc .Bsection__full {
  position: absolute;
  width: 19.3784vw;
  top: auto;
  bottom: 54.72vw;
  right: 19.69vw;
  left: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__full {
    width: 193.784px;
    bottom: 547.2px;
    right: 196.9px;
  }
}
#speaking .pc .Bsection__bg {
  position: absolute;
  max-width: fit-content;
  width: 106.4vw;
  z-index: -1;
  top: 0;
  left: -5.15vw;
  right: auto;
}
@media screen and (min-width: 1000px) {
  #speaking .pc .Bsection__bg {
    width: 1064px;
    left: -51.5px;
  }
}

#beginner, .beginner-section {
  width: 100%;
  overflow: hidden;
}
#beginner .container, .beginner-section .container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .container, .beginner-section .container {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .container, .beginner-section .container {
    width: 266.6666666667vw;
  }
}
#beginner .center, .beginner-section .center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#beginner .border, .beginner-section .border {
  border-width: 1px;
  border-style: solid;
}
#beginner .border-purple, .beginner-section .border-purple {
  border-color: #aa88ee;
}
#beginner .border-blue, .beginner-section .border-blue {
  border-color: #4499cc;
}
#beginner .border-pink, .beginner-section .border-pink {
  border-color: #dd77bb;
}
#beginner .border-orange, .beginner-section .border-orange {
  border-color: #ee9966;
}
#beginner .border-cyan, .beginner-section .border-cyan {
  border-color: #64b6c8;
}
#beginner .border-green, .beginner-section .border-green {
  border-color: #44bb99;
}
#beginner .border-circle, .beginner-section .border-circle {
  border-radius: 500px;
}
#beginner .border-circle > img, .beginner-section .border-circle > img {
  border-radius: 500px;
}
#beginner .border-w2, .beginner-section .border-w2 {
  border-width: 2px;
}
#beginner .border-w3, .beginner-section .border-w3 {
  border-width: 3px;
}
#beginner .border-w4, .beginner-section .border-w4 {
  border-width: 4px;
}
#beginner .border-w6, .beginner-section .border-w6 {
  border-width: 6px;
}
#beginner .section-number, .beginner-section .section-number {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number, .beginner-section .section-number {
    width: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number, .beginner-section .section-number {
    width: 15.2826666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number, .beginner-section .section-number {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number, .beginner-section .section-number {
    height: 15.2826666667vw;
  }
}
#beginner .section-number::after, .beginner-section .section-number::after {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  width: 104.69px;
  height: 110.35px;
  left: -4.4px;
  top: -5.4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    width: 8.4427419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    width: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    height: 8.8991935484vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    height: 16.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    left: -0.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    left: -0.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    top: -0.435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-number::after, .beginner-section .section-number::after {
    top: -0.8266666667vw;
  }
}
#beginner .section-number.section-number-1, .beginner-section .section-number.section-number-1 {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_1.svg");
}
#beginner .section-number.section-number-1::after, .beginner-section .section-number.section-number-1::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(170, 136, 238)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .section-number.section-number-2, .beginner-section .section-number.section-number-2 {
  background-color: #4499cc;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_2.svg");
}
#beginner .section-number.section-number-2::after, .beginner-section .section-number.section-number-2::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(68, 153, 204)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .section-number.section-number-3, .beginner-section .section-number.section-number-3 {
  background-color: #dd77bb;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_3.svg");
}
#beginner .section-number.section-number-3::after, .beginner-section .section-number.section-number-3::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(221, 119, 187)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .section-number.section-number-4, .beginner-section .section-number.section-number-4 {
  background-color: #ee9966;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_4.svg");
}
#beginner .section-number.section-number-4::after, .beginner-section .section-number.section-number-4::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(238, 153, 102)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .section-number.section-number-5, .beginner-section .section-number.section-number-5 {
  background-color: #64b6c8;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_5.svg");
}
#beginner .section-number.section-number-5::after, .beginner-section .section-number.section-number-5::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(100, 182, 200)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .section-number.section-number-6, .beginner-section .section-number.section-number-6 {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_6.svg");
}
#beginner .section-number.section-number-6::after, .beginner-section .section-number.section-number-6::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.688' height='110.354' viewBox='0 0 104.688 110.354'%3E%3Cpath id='shape' d='M382.409,582.874c-14.556-3.339-33.376,10.45-38.878,13.676-38.5,22.568-39.691,92.49,3.953,96.037,7.8.937,14.5-3.649,22.008-7,11.031-4.306,22.445,6.324,33.352-2.634,11.818-7.879,13.315-25.3,15.8-41.264C422.7,606.515,409.934,587.632,382.409,582.874Z' transform='translate(-314.695 -582.357)' fill='rgb(68, 187, 153)' opacity='0.297'/%3E%3C/svg%3E%0A");
}
#beginner .arrow, .beginner-section .arrow {
  width: 40px;
  height: 64.21px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .arrow, .beginner-section .arrow {
    width: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .arrow, .beginner-section .arrow {
    width: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .arrow, .beginner-section .arrow {
    height: 5.1782258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .arrow, .beginner-section .arrow {
    height: 17.1226666667vw;
  }
}
#beginner .arrow.arrow-purple, .beginner-section .arrow.arrow-purple {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_purple.svg");
}
#beginner .arrow.arrow-blue, .beginner-section .arrow.arrow-blue {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_blue.svg");
}
#beginner .arrow.arrow-pink, .beginner-section .arrow.arrow-pink {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_pink.svg");
}
#beginner .arrow.arrow-orange, .beginner-section .arrow.arrow-orange {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_orange.svg");
}
#beginner .arrow.arrow-cyan, .beginner-section .arrow.arrow-cyan {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_cyan.svg");
}
#beginner .arrow.arrow-green, .beginner-section .arrow.arrow-green {
  background-image: url("/ste-lam/one-world/image/beginner/pc/arrow_green.svg");
}
#beginner .background-purple, .beginner-section .background-purple {
  background-color: rgba(170, 136, 238, 0.5);
}
#beginner .background-blue, .beginner-section .background-blue {
  background-color: rgba(68, 153, 204, 0.5);
}
#beginner .background-pink, .beginner-section .background-pink {
  background-color: rgba(221, 119, 187, 0.5);
}
#beginner .background-orange, .beginner-section .background-orange {
  background-color: rgba(238, 153, 102, 0.5);
}
#beginner .background-cyan, .beginner-section .background-cyan {
  background-color: rgba(100, 182, 200, 0.5);
}
#beginner .background-green, .beginner-section .background-green {
  background-color: rgba(68, 187, 153, 0.5);
}
#beginner .features, .beginner-section .features {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 83px 30px;
  padding-left: 50px;
  padding-right: 50px;
}
#beginner .features > .feature > .card, .beginner-section .features > .feature > .card {
  width: 100%;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
#beginner .features > .feature > .card > .card-header, .beginner-section .features > .feature > .card > .card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 74px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
#beginner .features > .feature > .card > .card-image, .beginner-section .features > .feature > .card > .card-image {
  width: 100%;
  height: 132px;
}
#beginner .features > .feature > .card > .card-image > img, .beginner-section .features > .feature > .card > .card-image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#beginner .features > .feature > .card > .card-body, .beginner-section .features > .feature > .card > .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 91px;
}
#beginner .features > .feature > .card.card-purple, .beginner-section .features > .feature > .card.card-purple {
  border-color: #aa88ee;
}
#beginner .features > .feature > .card.card-purple > .card-header, .beginner-section .features > .feature > .card.card-purple > .card-header {
  background-color: rgba(170, 136, 238, 0.3);
}
#beginner .features > .feature > .card.card-blue, .beginner-section .features > .feature > .card.card-blue {
  border-color: #4499cc;
}
#beginner .features > .feature > .card.card-blue > .card-header, .beginner-section .features > .feature > .card.card-blue > .card-header {
  background-color: rgba(68, 153, 204, 0.3);
}
#beginner .features > .feature > .card.card-pink, .beginner-section .features > .feature > .card.card-pink {
  border-color: #dd77bb;
}
#beginner .features > .feature > .card.card-pink > .card-header, .beginner-section .features > .feature > .card.card-pink > .card-header {
  background-color: rgba(221, 119, 187, 0.3);
}
#beginner .features > .feature > .card.card-orange, .beginner-section .features > .feature > .card.card-orange {
  border-color: #ee9966;
}
#beginner .features > .feature > .card.card-orange > .card-header, .beginner-section .features > .feature > .card.card-orange > .card-header {
  background-color: rgba(238, 153, 102, 0.3);
}
#beginner .features > .feature > .card.card-cyan, .beginner-section .features > .feature > .card.card-cyan {
  border-color: #64b6c8;
}
#beginner .features > .feature > .card.card-cyan > .card-header, .beginner-section .features > .feature > .card.card-cyan > .card-header {
  background-color: rgba(100, 182, 200, 0.3);
}
#beginner .features > .feature > .card.card-green, .beginner-section .features > .feature > .card.card-green {
  border-color: #44bb99;
}
#beginner .features > .feature > .card.card-green > .card-header, .beginner-section .features > .feature > .card.card-green > .card-header {
  background-color: rgba(68, 187, 153, 0.3);
}
#beginner .features > .feature:nth-child(2) > .card, .beginner-section .features > .feature:nth-child(2) > .card {
  margin-top: -30px;
}
#beginner .btn, .beginner-section .btn {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 160px;
  height: 40px;
  border-radius: 30px;
  background-color: #666;
  color: #fff;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn, .beginner-section .btn {
    width: 12.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn, .beginner-section .btn {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn, .beginner-section .btn {
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn, .beginner-section .btn {
    height: 10.6666666667vw;
  }
}
#beginner .btn.btn-chevron-down::before, #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-right::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
  width: 13px;
  height: 7.87px;
  top: calc(50% - 3.935px);
  right: 10.4px;
  background-image: url("/ste-lam/one-world/image/beginner/pc/chevron-down.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    width: 1.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    width: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    height: 0.6346774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    height: 2.0986666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    top: calc(50% - 0.3173387097vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    right: 0.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-down::before, .beginner-section .btn.btn-chevron-down::before {
    right: 2.7733333333vw;
  }
}
#beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
  width: 8.32px;
  height: 13.75px;
  top: calc(50% - 6.875px);
  right: 10px;
  background-image: url("/ste-lam/one-world/image/beginner/pc/chevron-right.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    width: 0.6709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    width: 2.2186666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    height: 1.1088709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    height: 3.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    top: calc(50% - 0.5544354839vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    right: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-chevron-right::before, .beginner-section .btn.btn-chevron-right::before {
    right: 2.6666666667vw;
  }
}
#beginner .btn.btn-large, .beginner-section .btn.btn-large {
  width: 360px;
  height: 60px;
  border-radius: 50px;
  font-size: 20px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    width: 29.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    width: 96vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large, .beginner-section .btn.btn-large {
    font-size: 5.3333333333vw;
  }
}
#beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
  width: 12.11px;
  height: 20px;
  top: calc(50% - 10px);
  right: 19.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    width: 0.9766129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    width: 3.2293333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    height: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    height: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    top: calc(50% - 0.8064516129vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    right: 1.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .btn.btn-large.btn-chevron-right::before, .beginner-section .btn.btn-large.btn-chevron-right::before {
    right: 5.2533333333vw;
  }
}
#beginner .btn.btn-purple, .beginner-section .btn.btn-purple {
  background-color: #aa88ee;
}
#beginner .btn.btn-blue, .beginner-section .btn.btn-blue {
  background-color: #4499cc;
}
#beginner .btn.btn-pink, .beginner-section .btn.btn-pink {
  background-color: #dd77bb;
}
#beginner .btn.btn-orange, .beginner-section .btn.btn-orange {
  background-color: #ee9966;
}
#beginner .btn.btn-cyan, .beginner-section .btn.btn-cyan {
  background-color: #64b6c8;
}
#beginner .btn.btn-green, .beginner-section .btn.btn-green {
  background-color: #44bb99;
}
#beginner .section-start-body-1, .beginner-section .section-start-body-1 {
  position: relative;
}
#beginner .section-start-body-1::before, .beginner-section .section-start-body-1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
  position: relative;
  width: 1240px;
  height: 527px;
  margin-left: -120px;
  margin-right: -120px;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    height: 42.5vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    height: 82.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    margin-left: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    margin-right: -9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper, .beginner-section .section-start-body-1 .wrapper {
    margin-right: 0vw;
  }
}
#beginner .section-start-body-1 .wrapper .background, .beginner-section .section-start-body-1 .wrapper .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#beginner .section-start-body-1 .wrapper .background > img, .beginner-section .section-start-body-1 .wrapper .background > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
  position: absolute;
  width: 480px;
  height: 480px;
  bottom: -44px;
  left: calc(50% - 240px);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    width: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    height: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    bottom: -3.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    left: calc(50% - 19.3548387097vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content, .beginner-section .section-start-body-1 .wrapper .content {
    left: calc(50% - 34.6666666667vw);
  }
}
#beginner .section-start-body-1 .wrapper .content.lazyloaded, .beginner-section .section-start-body-1 .wrapper .content.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/bg-1.svg");
}
#beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
  position: absolute;
  width: 262.41px;
  height: 76px;
  top: 98.5px;
  left: calc(50% - 131.205px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    width: 21.1620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    width: 48.808vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    height: 6.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    height: 13.64vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    top: 7.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    top: 17.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    left: calc(50% - 10.5810483871vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .logo, .beginner-section .section-start-body-1 .wrapper .content > .logo {
    left: calc(50% - 24.404vw);
  }
}
#beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
  position: absolute;
  width: 440px;
  height: 130px;
  top: 202px;
  left: calc(50% - 220px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    width: 35.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    height: 10.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    height: 22.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    top: 16.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    top: 34.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    left: calc(50% - 17.7419354839vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-1 .wrapper .content > .text-1, .beginner-section .section-start-body-1 .wrapper .content > .text-1 {
    left: calc(50% - 40vw);
  }
}
#beginner .section-start-body-2, .beginner-section .section-start-body-2 {
  position: relative;
  position: relative;
}
#beginner .section-start-body-2::before, .beginner-section .section-start-body-2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position-x: center;
  background-position-y: top;
  background-size: calc(100% + 20px);
  background-image: url("/ste-lam/one-world/image/common/background-colorful.jpg");
}
#beginner .section-start-body-2 .content, .beginner-section .section-start-body-2 .content {
  padding-top: 0;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-2 .content, .beginner-section .section-start-body-2 .content {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-2 .content, .beginner-section .section-start-body-2 .content {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-2 .content, .beginner-section .section-start-body-2 .content {
    padding-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-2 .content, .beginner-section .section-start-body-2 .content {
    padding-bottom: 5.6vw;
  }
}
#beginner .section-start-body-3, .beginner-section .section-start-body-3 {
  padding-top: 78.7px;
  padding-bottom: 28.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    padding-top: 6.3467741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    padding-top: 12.16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    padding-bottom: 2.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    padding-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 211.2px;
    background-size: 1080px 695px;
    background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/bg-2.svg");
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    background-position-y: 17.0322580645vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    background-position-y: 56.32vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    background-size: 87.0967741935vw 56.0483870968vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3, .beginner-section .section-start-body-3 {
    background-size: 288vw 185.3333333333vw;
  }
}
#beginner .section-start-body-3 .text-1, .beginner-section .section-start-body-3 .text-1 {
  width: 658.3px;
  height: 84.74px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .text-1, .beginner-section .section-start-body-3 .text-1 {
    width: 53.0887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .text-1, .beginner-section .section-start-body-3 .text-1 {
    width: 74.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .text-1, .beginner-section .section-start-body-3 .text-1 {
    height: 6.8338709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .text-1, .beginner-section .section-start-body-3 .text-1 {
    height: 20.0533333333vw;
  }
}
#beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
  width: 1000px;
  height: 618px;
  margin-top: 94.6px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    height: 49.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    height: 77.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    margin-top: 7.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content, .beginner-section .section-start-body-3 .content {
    margin-top: 9.92vw;
  }
}
#beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
  width: 297.1px;
  height: 741px;
  position: absolute;
  top: -6.6px;
  left: calc(50% - 148.55px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    width: 23.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    width: 60.56vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    height: 59.7580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    height: 96.9066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    top: -0.5322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    top: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    left: calc(50% - 11.9798387097vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .people, .beginner-section .section-start-body-3 .content .people {
    left: calc(50% - 30.28vw);
  }
}
#beginner .section-start-body-3 .content .people.lazyloaded, .beginner-section .section-start-body-3 .content .people.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/people.png");
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .people.lazyloaded, .beginner-section .section-start-body-3 .content .people.lazyloaded {
    background-image: url("/ste-lam/one-world/image/beginner/sp/section-start/people.png");
  }
}
#beginner .section-start-body-3 .content .bubble, .beginner-section .section-start-body-3 .content .bubble {
  display: flex;
  justify-content: center;
  align-items: center;
}
#beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
  top: 0;
  left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    left: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    left: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 400px;
    height: 150px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #aa88ee;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 32.2580645161vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 106.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    height: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    z-index: -1;
    border-color: #aa88ee transparent #aa88ee transparent;
    bottom: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 155px;
    height: 60px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #aa88ee;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 12.5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    width: 41.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    height: 16vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple, .beginner-section .section-start-body-3 .content .bubble--purple {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    z-index: -1;
    border-color: #aa88ee transparent #aa88ee transparent;
    bottom: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple::before, #beginner .section-start-body-3 .content .bubble--purple::after, .beginner-section .section-start-body-3 .content .bubble--purple::before, .beginner-section .section-start-body-3 .content .bubble--purple::after {
    left: 14.9333333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--purple .bubble__text, .beginner-section .section-start-body-3 .content .bubble--purple .bubble__text {
  width: 256.6px;
  height: 83.2px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple .bubble__text, .beginner-section .section-start-body-3 .content .bubble--purple .bubble__text {
    width: 20.6935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple .bubble__text, .beginner-section .section-start-body-3 .content .bubble--purple .bubble__text {
    width: 31.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--purple .bubble__text, .beginner-section .section-start-body-3 .content .bubble--purple .bubble__text {
    height: 6.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--purple .bubble__text, .beginner-section .section-start-body-3 .content .bubble--purple .bubble__text {
    height: 6.2933333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
  top: 0;
  left: 550px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    left: 44.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 400px;
    height: 150px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #44bb99;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 32.2580645161vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 106.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    height: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    z-index: -1;
    border-color: #44bb99 transparent #44bb99 transparent;
    bottom: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 155px;
    height: 60px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #44bb99;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 12.5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    width: 41.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    height: 16vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green, .beginner-section .section-start-body-3 .content .bubble--green {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    z-index: -1;
    border-color: #44bb99 transparent #44bb99 transparent;
    bottom: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green::before, #beginner .section-start-body-3 .content .bubble--green::after, .beginner-section .section-start-body-3 .content .bubble--green::before, .beginner-section .section-start-body-3 .content .bubble--green::after {
    left: 14.6133333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--green .bubble__text, .beginner-section .section-start-body-3 .content .bubble--green .bubble__text {
  width: 325.36px;
  height: 82.04px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green .bubble__text, .beginner-section .section-start-body-3 .content .bubble--green .bubble__text {
    width: 26.2387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green .bubble__text, .beginner-section .section-start-body-3 .content .bubble--green .bubble__text {
    width: 28.888vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--green .bubble__text, .beginner-section .section-start-body-3 .content .bubble--green .bubble__text {
    height: 6.6161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--green .bubble__text, .beginner-section .section-start-body-3 .content .bubble--green .bubble__text {
    height: 6.2213333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
  top: 231.6px;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    top: 18.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    top: 56vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    left: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    width: 300px;
    height: 190px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #ee9966;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    width: 24.1935483871vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    height: 15.3225806452vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    height: 50.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 15px 0 15px 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 1.2096774194vw 0vw 1.2096774194vw 2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 2.6666666667vw 0vw 2.6666666667vw 4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    z-index: -1;
    border-color: transparent #ee9966 transparent #ee9966;
    right: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    right: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    right: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-color: transparent #ffffff transparent #ffffff;
    right: -25px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    right: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    right: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    z-index: 1;
    width: 130px;
    height: 80px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #ee9966;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    width: 10.4838709677vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    width: 34.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    height: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    height: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange, .beginner-section .section-start-body-3 .content .bubble--orange {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 0 15px 25px 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 0vw 1.2096774194vw 2.0161290323vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-width: 0vw 2.6666666667vw 4.4444444444vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    z-index: -1;
    border-color: #ee9966 transparent #ee9966 transparent;
    top: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    top: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::before {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    border-color: #ffffff transparent #ffffff transparent;
    top: -25px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    top: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange::before, #beginner .section-start-body-3 .content .bubble--orange::after, .beginner-section .section-start-body-3 .content .bubble--orange::before, .beginner-section .section-start-body-3 .content .bubble--orange::after {
    left: 22.4266666667vw;
  }
}
#beginner .section-start-body-3 .content .bubble--orange .bubble__text, .beginner-section .section-start-body-3 .content .bubble--orange .bubble__text {
  width: 217.5px;
  height: 114.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange .bubble__text, .beginner-section .section-start-body-3 .content .bubble--orange .bubble__text {
    width: 17.5403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange .bubble__text, .beginner-section .section-start-body-3 .content .bubble--orange .bubble__text {
    width: 28.6533333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--orange .bubble__text, .beginner-section .section-start-body-3 .content .bubble--orange .bubble__text {
    height: 9.2419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--orange .bubble__text, .beginner-section .section-start-body-3 .content .bubble--orange .bubble__text {
    height: 11.0613333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
  top: 231.6px;
  left: 700px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    top: 18.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    top: 23.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    left: 56.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    left: 65.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 300px;
    height: 190px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #64b6c8;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 24.1935483871vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    height: 15.3225806452vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    height: 50.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 15px 25px 15px 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 1.2096774194vw 2.0161290323vw 1.2096774194vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 2.6666666667vw 4.4444444444vw 2.6666666667vw 0vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    z-index: -1;
    border-color: transparent #64b6c8 transparent #64b6c8;
    left: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    left: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    left: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-color: transparent #ffffff transparent #ffffff;
    left: -25px;
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    left: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    left: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 108px;
    height: 80px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #64b6c8;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 8.7096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    width: 28.8vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    height: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    height: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan, .beginner-section .section-start-body-3 .content .bubble--cyan {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    z-index: -1;
    border-color: #64b6c8 transparent #64b6c8 transparent;
    bottom: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan::before, #beginner .section-start-body-3 .content .bubble--cyan::after, .beginner-section .section-start-body-3 .content .bubble--cyan::before, .beginner-section .section-start-body-3 .content .bubble--cyan::after {
    left: 17.1733333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--cyan .bubble__text, .beginner-section .section-start-body-3 .content .bubble--cyan .bubble__text {
  width: 193.34px;
  height: 83.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan .bubble__text, .beginner-section .section-start-body-3 .content .bubble--cyan .bubble__text {
    width: 15.5919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan .bubble__text, .beginner-section .section-start-body-3 .content .bubble--cyan .bubble__text {
    width: 17.168vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--cyan .bubble__text, .beginner-section .section-start-body-3 .content .bubble--cyan .bubble__text {
    height: 6.735483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--cyan .bubble__text, .beginner-section .section-start-body-3 .content .bubble--cyan .bubble__text {
    height: 10.04vw;
  }
}
#beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
  top: 468.5px;
  left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    top: 37.7822580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    top: 23.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    left: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    width: 320px;
    height: 150px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #4499cc;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    width: 25.8064516129vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    width: 85.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    height: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 0 15px 25px 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 0vw 1.2096774194vw 2.0161290323vw 1.2096774194vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 0vw 2.6666666667vw 4.4444444444vw 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    z-index: -1;
    border-color: #4499cc transparent #4499cc transparent;
    top: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    top: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    top: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-color: #ffffff transparent #ffffff transparent;
    top: -25px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    top: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    z-index: 1;
    width: 110.88px;
    height: 80px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #4499cc;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    width: 8.9419354839vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    width: 29.568vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    height: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    height: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue, .beginner-section .section-start-body-3 .content .bubble--blue {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 25px 15px 0 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 2.0161290323vw 1.2096774194vw 0vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-width: 4.4444444444vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    z-index: -1;
    border-color: #4499cc transparent #4499cc transparent;
    bottom: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::before {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    border-color: #ffffff transparent #ffffff transparent;
    bottom: -25px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    bottom: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    bottom: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue::before, #beginner .section-start-body-3 .content .bubble--blue::after, .beginner-section .section-start-body-3 .content .bubble--blue::before, .beginner-section .section-start-body-3 .content .bubble--blue::after {
    left: 14.6933333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--blue .bubble__text, .beginner-section .section-start-body-3 .content .bubble--blue .bubble__text {
  width: 149.64px;
  height: 83.04px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue .bubble__text, .beginner-section .section-start-body-3 .content .bubble--blue .bubble__text {
    width: 12.0677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue .bubble__text, .beginner-section .section-start-body-3 .content .bubble--blue .bubble__text {
    width: 19.952vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--blue .bubble__text, .beginner-section .section-start-body-3 .content .bubble--blue .bubble__text {
    height: 6.6967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--blue .bubble__text, .beginner-section .section-start-body-3 .content .bubble--blue .bubble__text {
    height: 10.0053333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
  top: 468.5px;
  left: 650px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    top: 37.7822580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    top: 56vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    left: 52.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    left: 57.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    width: 320px;
    height: 150px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #dd77bb;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    width: 25.8064516129vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    width: 85.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    height: 12.0967741935vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    height: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0 15px 25px 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0vw 1.2096774194vw 2.0161290323vw 1.2096774194vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0vw 2.6666666667vw 4.4444444444vw 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    z-index: -1;
    border-color: #dd77bb transparent #dd77bb transparent;
    top: -25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    top: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    top: -4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-color: #ffffff transparent #ffffff transparent;
    top: -25px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    top: -2.0161290323vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    z-index: 1;
    width: 130px;
    height: 80px;
    border-radius: 30px;
    border-width: 4px;
    border-color: #dd77bb;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    width: 10.4838709677vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    width: 34.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    height: 6.4516129032vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    height: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    border-radius: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink, .beginner-section .section-start-body-3 .content .bubble--pink {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0 15px 25px 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0vw 1.2096774194vw 2.0161290323vw 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-width: 0vw 2.6666666667vw 4.4444444444vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    z-index: -1;
    border-color: #dd77bb transparent #dd77bb transparent;
    top: -25px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    top: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::before {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    border-color: #ffffff transparent #ffffff transparent;
    top: -25px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    top: -2.0161290323vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    top: -4.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink::before, #beginner .section-start-body-3 .content .bubble--pink::after, .beginner-section .section-start-body-3 .content .bubble--pink::before, .beginner-section .section-start-body-3 .content .bubble--pink::after {
    left: 7.8933333333vw;
  }
}
#beginner .section-start-body-3 .content .bubble--pink .bubble__text, .beginner-section .section-start-body-3 .content .bubble--pink .bubble__text {
  width: 260.32px;
  height: 82.62px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink .bubble__text, .beginner-section .section-start-body-3 .content .bubble--pink .bubble__text {
    width: 20.9935483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink .bubble__text, .beginner-section .section-start-body-3 .content .bubble--pink .bubble__text {
    width: 21.9306666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .bubble--pink .bubble__text, .beginner-section .section-start-body-3 .content .bubble--pink .bubble__text {
    height: 6.6629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .bubble--pink .bubble__text, .beginner-section .section-start-body-3 .content .bubble--pink .bubble__text {
    height: 13.6826666667vw;
  }
}
#beginner .section-start-body-3 .content .questionmark, .beginner-section .section-start-body-3 .content .questionmark {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark, .beginner-section .section-start-body-3 .content .questionmark {
    display: none;
  }
}
#beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
  width: 83.11px;
  height: 97.94px;
  left: 3.6px;
  bottom: 101.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    width: 6.7024193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    width: 22.1626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    height: 7.8983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    height: 26.1173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    left: 0.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    left: 0.96vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    bottom: 8.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--1, .beginner-section .section-start-body-3 .content .questionmark--1 {
    bottom: 26.96vw;
  }
}
#beginner .section-start-body-3 .content .questionmark--1.lazyloaded, .beginner-section .section-start-body-3 .content .questionmark--1.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/questionmark-1.svg");
}
#beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
  width: 83.11px;
  height: 97.94px;
  right: 75px;
  top: 107.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    width: 6.7024193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    width: 22.1626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    height: 7.8983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    height: 26.1173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    right: 6.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    right: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    top: 8.6693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-3 .content .questionmark--2, .beginner-section .section-start-body-3 .content .questionmark--2 {
    top: 28.6666666667vw;
  }
}
#beginner .section-start-body-3 .content .questionmark--2.lazyloaded, .beginner-section .section-start-body-3 .content .questionmark--2.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/questionmark-2.svg");
}
#beginner .section-start-body-4, .beginner-section .section-start-body-4 {
  padding-top: 87.3px;
  background-repeat: no-repeat;
  background-position-x: calc(50% - 181.5px);
  background-position-y: 125px;
  background-size: 339.14px 313.27px;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/bg-3.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    padding-top: 7.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    padding-top: 13.7866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-position-y: 10.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-position-y: 7.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-size: 27.35vw 25.2637096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-size: 61.9946666667vw 62.4586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-position-x: calc(50% - 14.6370967742vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4, .beginner-section .section-start-body-4 {
    background-position-x: 4.9866666667vw;
    background-image: url("/ste-lam/one-world/image/beginner/sp/section-start/bg-3.svg");
  }
}
#beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
  width: 665px;
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/cloud.svg");
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/cloud.svg");
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -moz-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  -ms-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
    width: 53.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
    width: 98.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
    height: 23.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
    height: 54.6426666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud, .beginner-section .section-start-body-4 .cloud {
    background-image: url("/ste-lam/one-world/image/beginner/sp/section-start/cloud.svg");
  }
}
#beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
  width: 448.62px;
  height: 154.67px;
  position: absolute;
  top: 73.4px;
  left: calc(50% - 224.31px);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    width: 36.1790322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    width: 65.9653333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    height: 12.4733870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    height: 32.4933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    top: 5.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    top: 8.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    left: calc(50% - 18.089516129vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .cloud__text, .beginner-section .section-start-body-4 .cloud__text {
    left: calc(50% - 32.9826666667vw);
  }
}
#beginner .section-start-body-4 .arrow__1, .beginner-section .section-start-body-4 .arrow__1 {
  margin-bottom: 11.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .arrow__1, .beginner-section .section-start-body-4 .arrow__1 {
    margin-bottom: 0.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .arrow__1, .beginner-section .section-start-body-4 .arrow__1 {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .arrow__1, .beginner-section .section-start-body-4 .arrow__1 {
    display: none;
  }
}
#beginner .section-start-body-4 .arrow__2, .beginner-section .section-start-body-4 .arrow__2 {
  margin-top: 7.1px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-4 .arrow__2, .beginner-section .section-start-body-4 .arrow__2 {
    margin-top: 0.5725806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-4 .arrow__2, .beginner-section .section-start-body-4 .arrow__2 {
    margin-top: 2.1066666667vw;
  }
}
#beginner .section-start-body-5, .beginner-section .section-start-body-5 {
  padding-top: 78.8px;
  padding-bottom: 14.3px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0;
  background-size: 1220px;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-start/bg-4.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    padding-top: 6.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    padding-top: 10.2133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    padding-bottom: 1.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    padding-bottom: 21.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    background-position-y: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    background-position-y: 4.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    background-size: 98.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    background-size: 77.6026666667vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5, .beginner-section .section-start-body-5 {
    background-image: url("/ste-lam/one-world/image/beginner/sp/section-start/bg-4.svg");
  }
}
#beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -42.5px;
  margin-bottom: -42.5px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    margin-top: -3.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    margin-top: -4.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    margin-bottom: -3.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .content, .beginner-section .section-start-body-5 .content {
    margin-bottom: -4.9333333333vw;
  }
}
#beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
  width: 320px;
  padding-top: 42.5px;
  padding-bottom: 42.5px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    width: 25.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    padding-top: 3.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    padding-top: 4.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    padding-bottom: 3.4274193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card, .beginner-section .section-start-body-5 .card {
    padding-bottom: 4.9333333333vw;
  }
}
#beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 12.5px;
  left: calc(50% - 30px);
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    width: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    width: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    height: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    top: 1.0080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    top: -0.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    left: calc(50% - 2.4193548387vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card::before, .beginner-section .section-start-body-5 .card::before {
    left: calc(50% - 5.3333333333vw);
  }
}
@media screen and (min-width: 768px) {
  #beginner .section-start-body-5 .card--1, #beginner .section-start-body-5 .card--3, #beginner .section-start-body-5 .card--4, #beginner .section-start-body-5 .card--6, .beginner-section .section-start-body-5 .card--1, .beginner-section .section-start-body-5 .card--3, .beginner-section .section-start-body-5 .card--4, .beginner-section .section-start-body-5 .card--6 {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--1, #beginner .section-start-body-5 .card--3, #beginner .section-start-body-5 .card--4, #beginner .section-start-body-5 .card--6, .beginner-section .section-start-body-5 .card--1, .beginner-section .section-start-body-5 .card--3, .beginner-section .section-start-body-5 .card--4, .beginner-section .section-start-body-5 .card--6 {
    -webkit-transform: translateY(2.4193548387vw);
    -ms-transform: translateY(2.4193548387vw);
    transform: translateY(2.4193548387vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--2, #beginner .section-start-body-5 .card--4, #beginner .section-start-body-5 .card--6, .beginner-section .section-start-body-5 .card--2, .beginner-section .section-start-body-5 .card--4, .beginner-section .section-start-body-5 .card--6 {
    -webkit-transform: translateY(21.8666666667vw);
    -ms-transform: translateY(21.8666666667vw);
    transform: translateY(21.8666666667vw);
  }
}
#beginner .section-start-body-5 .card__image, .beginner-section .section-start-body-5 .card__image {
  width: 320px;
  height: 240px;
  border-radius: 20px;
  border-width: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__image, .beginner-section .section-start-body-5 .card__image {
    width: 25.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__image, .beginner-section .section-start-body-5 .card__image {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__image, .beginner-section .section-start-body-5 .card__image {
    height: 19.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__image, .beginner-section .section-start-body-5 .card__image {
    height: 32.5333333333vw;
  }
}
#beginner .section-start-body-5 .card__image > img, .beginner-section .section-start-body-5 .card__image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 280px;
  height: 105px;
  margin-top: -40px;
  padding-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border-radius: 20px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    width: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    width: 37.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    height: 8.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    height: 22.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    margin-top: -3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    margin-top: -7.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    padding-bottom: 1.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__body, .beginner-section .section-start-body-5 .card__body {
    padding-bottom: 9.8666666667vw;
  }
}
#beginner .section-start-body-5 .card__action, .beginner-section .section-start-body-5 .card__action {
  z-index: 2;
  position: relative;
  width: 160px;
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__action, .beginner-section .section-start-body-5 .card__action {
    width: 12.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__action, .beginner-section .section-start-body-5 .card__action {
    width: 30.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__action, .beginner-section .section-start-body-5 .card__action {
    margin-top: -1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__action, .beginner-section .section-start-body-5 .card__action {
    margin-top: -10.1333333333vw;
  }
}
#beginner .section-start-body-5 .card__action > .ow__button > img, .beginner-section .section-start-body-5 .card__action > .ow__button > img {
  width: 68.59px;
  height: 11.96px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__action > .ow__button > img, .beginner-section .section-start-body-5 .card__action > .ow__button > img {
    width: 5.5314516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__action > .ow__button > img, .beginner-section .section-start-body-5 .card__action > .ow__button > img {
    width: 18.2906666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card__action > .ow__button > img, .beginner-section .section-start-body-5 .card__action > .ow__button > img {
    height: 0.964516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card__action > .ow__button > img, .beginner-section .section-start-body-5 .card__action > .ow__button > img {
    height: 3.1893333333vw;
  }
}
#beginner .section-start-body-5 .card--1::before, .beginner-section .section-start-body-5 .card--1::before {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_1.svg");
  background-size: 12.03px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--1::before, .beginner-section .section-start-body-5 .card--1::before {
    background-size: 0.9701612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--1::before, .beginner-section .section-start-body-5 .card--1::before {
    background-size: 2.2456vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--1::before, .beginner-section .section-start-body-5 .card--1::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-1.svg");
  }
}
#beginner .section-start-body-5 .card--1 .card__image, .beginner-section .section-start-body-5 .card--1 .card__image {
  border-color: #aa88ee;
}
#beginner .section-start-body-5 .card--1 .card__text, .beginner-section .section-start-body-5 .card--1 .card__text {
  width: 115.36px;
  height: 16.61px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--1 .card__text, .beginner-section .section-start-body-5 .card--1 .card__text {
    width: 9.3032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--1 .card__text, .beginner-section .section-start-body-5 .card--1 .card__text {
    width: 18.9573333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--1 .card__text, .beginner-section .section-start-body-5 .card--1 .card__text {
    height: 1.339516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--1 .card__text, .beginner-section .section-start-body-5 .card--1 .card__text {
    height: 3.0346666667vw;
  }
}
#beginner .section-start-body-5 .card--2::before, .beginner-section .section-start-body-5 .card--2::before {
  background-color: #4499cc;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_2.svg");
  background-size: 17.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--2::before, .beginner-section .section-start-body-5 .card--2::before {
    background-size: 1.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--2::before, .beginner-section .section-start-body-5 .card--2::before {
    background-size: 3.248vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--2::before, .beginner-section .section-start-body-5 .card--2::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-2.svg");
  }
}
#beginner .section-start-body-5 .card--2 .card__image, .beginner-section .section-start-body-5 .card--2 .card__image {
  border-color: #4499cc;
}
#beginner .section-start-body-5 .card--2 .card__text, .beginner-section .section-start-body-5 .card--2 .card__text {
  width: 174.08px;
  height: 40.06px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--2 .card__text, .beginner-section .section-start-body-5 .card--2 .card__text {
    width: 14.0387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--2 .card__text, .beginner-section .section-start-body-5 .card--2 .card__text {
    width: 28.4426666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--2 .card__text, .beginner-section .section-start-body-5 .card--2 .card__text {
    height: 3.2306451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--2 .card__text, .beginner-section .section-start-body-5 .card--2 .card__text {
    height: 7.1813333333vw;
  }
}
#beginner .section-start-body-5 .card--3::before, .beginner-section .section-start-body-5 .card--3::before {
  background-color: #dd77bb;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_3.svg");
  background-size: 17.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--3::before, .beginner-section .section-start-body-5 .card--3::before {
    background-size: 1.4129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--3::before, .beginner-section .section-start-body-5 .card--3::before {
    background-size: 3.2704vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--3::before, .beginner-section .section-start-body-5 .card--3::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-3.svg");
  }
}
#beginner .section-start-body-5 .card--3 .card__image, .beginner-section .section-start-body-5 .card--3 .card__image {
  border-color: #dd77bb;
}
#beginner .section-start-body-5 .card--3 .card__text, .beginner-section .section-start-body-5 .card--3 .card__text {
  width: 95.58px;
  height: 40.56px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--3 .card__text, .beginner-section .section-start-body-5 .card--3 .card__text {
    width: 7.7080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--3 .card__text, .beginner-section .section-start-body-5 .card--3 .card__text {
    width: 15.7733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--3 .card__text, .beginner-section .section-start-body-5 .card--3 .card__text {
    height: 3.2709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--3 .card__text, .beginner-section .section-start-body-5 .card--3 .card__text {
    height: 7.2773333333vw;
  }
}
#beginner .section-start-body-5 .card--4::before, .beginner-section .section-start-body-5 .card--4::before {
  background-color: #ee9966;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_4.svg");
  background-size: 17.82px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--4::before, .beginner-section .section-start-body-5 .card--4::before {
    background-size: 1.4370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--4::before, .beginner-section .section-start-body-5 .card--4::before {
    background-size: 3.3264vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--4::before, .beginner-section .section-start-body-5 .card--4::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-4.svg");
  }
}
#beginner .section-start-body-5 .card--4 .card__image, .beginner-section .section-start-body-5 .card--4 .card__image {
  border-color: #ee9966;
}
#beginner .section-start-body-5 .card--4 .card__text, .beginner-section .section-start-body-5 .card--4 .card__text {
  width: 95.58px;
  height: 40.47px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--4 .card__text, .beginner-section .section-start-body-5 .card--4 .card__text {
    width: 7.7080645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--4 .card__text, .beginner-section .section-start-body-5 .card--4 .card__text {
    width: 15.7733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--4 .card__text, .beginner-section .section-start-body-5 .card--4 .card__text {
    height: 3.2637096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--4 .card__text, .beginner-section .section-start-body-5 .card--4 .card__text {
    height: 7.28vw;
  }
}
#beginner .section-start-body-5 .card--5::before, .beginner-section .section-start-body-5 .card--5::before {
  background-color: #64b6c8;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_5.svg");
  background-size: 17.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--5::before, .beginner-section .section-start-body-5 .card--5::before {
    background-size: 1.4129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--5::before, .beginner-section .section-start-body-5 .card--5::before {
    background-size: 3.2704vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--5::before, .beginner-section .section-start-body-5 .card--5::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-5.svg");
  }
}
#beginner .section-start-body-5 .card--5 .card__image, .beginner-section .section-start-body-5 .card--5 .card__image {
  border-color: #64b6c8;
}
#beginner .section-start-body-5 .card--5 .card__text, .beginner-section .section-start-body-5 .card--5 .card__text {
  width: 115.22px;
  height: 40.61px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--5 .card__text, .beginner-section .section-start-body-5 .card--5 .card__text {
    width: 9.2919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--5 .card__text, .beginner-section .section-start-body-5 .card--5 .card__text {
    width: 18.944vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--5 .card__text, .beginner-section .section-start-body-5 .card--5 .card__text {
    height: 3.275vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--5 .card__text, .beginner-section .section-start-body-5 .card--5 .card__text {
    height: 7.304vw;
  }
}
#beginner .section-start-body-5 .card--6::before, .beginner-section .section-start-body-5 .card--6::before {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_6.svg");
  background-size: 17.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--6::before, .beginner-section .section-start-body-5 .card--6::before {
    background-size: 1.4129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--6::before, .beginner-section .section-start-body-5 .card--6::before {
    background-size: 3.2704vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--6::before, .beginner-section .section-start-body-5 .card--6::before {
    background-image: url("/ste-lam/one-world/image/beginner/sp/num-6.svg");
  }
}
#beginner .section-start-body-5 .card--6 .card__image, .beginner-section .section-start-body-5 .card--6 .card__image {
  border-color: #44bb99;
}
#beginner .section-start-body-5 .card--6 .card__text, .beginner-section .section-start-body-5 .card--6 .card__text {
  width: 137.61px;
  height: 40.61px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--6 .card__text, .beginner-section .section-start-body-5 .card--6 .card__text {
    width: 11.0975806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--6 .card__text, .beginner-section .section-start-body-5 .card--6 .card__text {
    width: 22.4586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-start-body-5 .card--6 .card__text, .beginner-section .section-start-body-5 .card--6 .card__text {
    height: 3.275vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-start-body-5 .card--6 .card__text, .beginner-section .section-start-body-5 .card--6 .card__text {
    height: 7.304vw;
  }
}
#beginner .section-one-head, .beginner-section .section-one-head {
  padding-top: 41.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-head, .beginner-section .section-one-head {
    padding-top: 3.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-head, .beginner-section .section-one-head {
    padding-top: 11.0933333333vw;
  }
}
#beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
  width: 925.81px;
  height: 131.98px;
  margin-top: 35.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    width: 74.6620967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    width: 54.8426666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    height: 10.6435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    height: 20.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    margin-top: 2.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-head .text-1, .beginner-section .section-one-head .text-1 {
    margin-top: 6.32vw;
  }
}
#beginner .section-one-body-1, .beginner-section .section-one-body-1 {
  padding-top: 62px;
  background-repeat: no-repeat;
  background-position-y: 149px;
  background-position-x: center;
  background-size: 1000px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    padding-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    padding-top: 16.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    background-position-y: 12.0161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    background-position-y: 39.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    background-size: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1, .beginner-section .section-one-body-1 {
    background-size: 266.6666666667vw;
  }
}
#beginner .section-one-body-1.lazyloaded, .beginner-section .section-one-body-1.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-one/bg-1.svg");
}
#beginner .section-one-body-1 .content, .beginner-section .section-one-body-1 .content {
  width: 1000px;
  height: 792.12px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content, .beginner-section .section-one-body-1 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content, .beginner-section .section-one-body-1 .content {
    width: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content, .beginner-section .section-one-body-1 .content {
    height: 63.8806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content, .beginner-section .section-one-body-1 .content {
    height: 178.1013333333vw;
  }
}
#beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
  width: 690.16px;
  height: 437px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    width: 55.6580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    height: 35.2419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    height: 57.5706666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud, .beginner-section .section-one-body-1 .content .cloud {
    left: 5.3333333333vw;
  }
}
#beginner .section-one-body-1 .content .cloud__background, .beginner-section .section-one-body-1 .content .cloud__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  -ms-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#beginner .section-one-body-1 .content .cloud__background > img, .beginner-section .section-one-body-1 .content .cloud__background > img {
  width: 100%;
}
#beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
  position: absolute;
  width: 207.98px;
  height: 210.89px;
  top: 110.9px;
  left: 572.3px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207.977' height='210.89' viewBox='0 0 207.977 210.89'%3E%3Cpath id='shape' d='M124.311-15.115C54.814-33.371-61.726,109.8,40.694,184.708c29.291,22.645,64.977-2.261,89.832-3.462,159.846-7.717,29.522-186.974-6.215-196.361Z' transform='translate(-0.319 16.708)' fill='%23a8e' opacity='0.3'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    width: 16.7725806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    width: 33.9973333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    height: 17.0072580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    height: 34.472vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    top: 8.9435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    top: -3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    left: 46.1532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    left: 57.4933333333vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud__foreground {
    z-index: -1;
  }
}
#beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
  width: 193.2px;
  height: 193.2px;
  position: absolute;
  top: 16.6px;
  left: 16.2px;
  border-width: 3px;
  border-style: solid;
  border-color: #fff;
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    width: 15.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    width: 32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    height: 15.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    height: 32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    top: 1.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    top: -1.6266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    left: 1.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud__foreground > img {
    left: -0.16vw;
  }
}
#beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
  width: 690.16px;
  top: 355px;
  left: 309.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    width: 55.6580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    top: 28.6290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    top: 93.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    left: 24.9516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert, .beginner-section .section-one-body-1 .content .cloud--revert {
    left: 5.3333333333vw;
  }
}
#beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
  width: 207.98px;
  height: 210.89px;
  left: -71.2px;
  top: 142.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    width: 16.7725806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    width: 42.3093333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    height: 17.0072580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    height: 42.9013333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    left: -5.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    left: 0.3466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    top: 11.5241935484vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground {
    top: 10.2933333333vw;
  }
}
#beginner .section-one-body-1 .content .cloud--revert .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground > img {
  top: 16.6px;
  left: 16.2px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground > img {
    top: 1.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground > img {
    top: -5.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground > img {
    left: 1.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud--revert .cloud__foreground > img, .beginner-section .section-one-body-1 .content .cloud--revert .cloud__foreground > img {
    left: -4.1866666667vw;
  }
}
#beginner .section-one-body-1 .content .cloud__text, .beginner-section .section-one-body-1 .content .cloud__text {
  position: absolute;
}
#beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
  width: 309.83px;
  height: 82.94px;
  top: 233.9px;
  left: 30.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    width: 24.9862903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    width: 82.6213333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    height: 6.6887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    height: 22.1173333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    top: 18.8629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    top: 62.3733333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    left: 2.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--1, .beginner-section .section-one-body-1 .content .cloud__text--1 {
    left: 8.16vw;
  }
}
#beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
  width: 309.52px;
  height: 65.53px;
  top: 602.5px;
  left: 30.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    width: 24.9612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    width: 82.5386666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    height: 5.2846774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    height: 17.4746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    top: 48.5887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    top: 160.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    left: 2.4758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .content .cloud__text--2, .beginner-section .section-one-body-1 .content .cloud__text--2 {
    left: 8.1866666667vw;
  }
}
#beginner .section-one-body-1 .arrow, .beginner-section .section-one-body-1 .arrow {
  margin-top: -18px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .arrow, .beginner-section .section-one-body-1 .arrow {
    margin-top: -1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .arrow, .beginner-section .section-one-body-1 .arrow {
    margin-top: 7.3333333333vw;
  }
}
#beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
  margin-top: 20.1px;
  width: 61.26px;
  height: 17.8px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    margin-top: 1.6209677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    margin-top: 5.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    width: 4.9403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    width: 16.336vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    height: 1.435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-1 .arrow-text, .beginner-section .section-one-body-1 .arrow-text {
    height: 4.7466666667vw;
  }
}
#beginner .section-one-body-1 .arrow-text > img, .beginner-section .section-one-body-1 .arrow-text > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#beginner .section-one-body-2, .beginner-section .section-one-body-2 {
  padding-top: 60.9px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-2, .beginner-section .section-one-body-2 {
    padding-top: 4.9112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-2, .beginner-section .section-one-body-2 {
    padding-top: 16.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-2, .beginner-section .section-one-body-2 {
    padding-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-2, .beginner-section .section-one-body-2 {
    padding-bottom: 8vw;
  }
}
#beginner .section-one-body-3, .beginner-section .section-one-body-3 {
  padding-top: 31.2px;
  padding-bottom: 51px;
  background-color: rgba(170, 136, 238, 0.5);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3, .beginner-section .section-one-body-3 {
    padding-top: 2.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3, .beginner-section .section-one-body-3 {
    padding-top: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3, .beginner-section .section-one-body-3 {
    padding-bottom: 4.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3, .beginner-section .section-one-body-3 {
    padding-bottom: 13.6vw;
  }
}
#beginner .section-one-body-3 .text-1, .beginner-section .section-one-body-3 .text-1 {
  width: 414.02px;
  height: 48.48px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3 .text-1, .beginner-section .section-one-body-3 .text-1 {
    width: 33.3887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3 .text-1, .beginner-section .section-one-body-3 .text-1 {
    width: 110.4053333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3 .text-1, .beginner-section .section-one-body-3 .text-1 {
    height: 3.9096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3 .text-1, .beginner-section .section-one-body-3 .text-1 {
    height: 12.928vw;
  }
}
#beginner .section-one-body-3 .content, .beginner-section .section-one-body-3 .content {
  margin-top: 40.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3 .content, .beginner-section .section-one-body-3 .content {
    margin-top: 3.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3 .content, .beginner-section .section-one-body-3 .content {
    margin-top: 10.7733333333vw;
  }
}
#beginner .section-one-body-3 .content > .image-1, .beginner-section .section-one-body-3 .content > .image-1 {
  width: 1000px;
  height: 409px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3 .content > .image-1, .beginner-section .section-one-body-3 .content > .image-1 {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3 .content > .image-1, .beginner-section .section-one-body-3 .content > .image-1 {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-one-body-3 .content > .image-1, .beginner-section .section-one-body-3 .content > .image-1 {
    height: 32.9838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-one-body-3 .content > .image-1, .beginner-section .section-one-body-3 .content > .image-1 {
    height: 109.0666666667vw;
  }
}
#beginner section.section-two .head-section, .beginner-section section.section-two .head-section {
  padding-top: 146.4px;
  padding-bottom: 98px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section, .beginner-section section.section-two .head-section {
    padding-top: 11.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section, .beginner-section section.section-two .head-section {
    padding-top: 39.04vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section, .beginner-section section.section-two .head-section {
    padding-bottom: 7.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section, .beginner-section section.section-two .head-section {
    padding-bottom: 26.1333333333vw;
  }
}
#beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
  margin-top: 25.8px;
  width: 300.02px;
  height: 18.44px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    margin-top: 2.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    margin-top: 6.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    width: 24.1951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    width: 80.0053333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    height: 1.4870967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-small-title, .beginner-section section.section-two .head-section .section-small-title {
    height: 4.9173333333vw;
  }
}
#beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
  margin-top: 30.5px;
  width: 728.24px;
  height: 134.81px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    margin-top: 2.4596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    margin-top: 8.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    width: 58.7290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    width: 194.1973333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    height: 10.8717741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .head-section .section-title, .beginner-section section.section-two .head-section .section-title {
    height: 35.9493333333vw;
  }
}
#beginner section.section-two .timeline-section, .beginner-section section.section-two .timeline-section {
  padding-top: 31.2px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section, .beginner-section section.section-two .timeline-section {
    padding-top: 2.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section, .beginner-section section.section-two .timeline-section {
    padding-top: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section, .beginner-section section.section-two .timeline-section {
    padding-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section, .beginner-section section.section-two .timeline-section {
    padding-bottom: 8vw;
  }
}
#beginner section.section-two .timeline-section .section-small-title, .beginner-section section.section-two .timeline-section .section-small-title {
  width: 391.06px;
  height: 18.46px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section .section-small-title, .beginner-section section.section-two .timeline-section .section-small-title {
    width: 31.5370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section .section-small-title, .beginner-section section.section-two .timeline-section .section-small-title {
    width: 104.2826666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section .section-small-title, .beginner-section section.section-two .timeline-section .section-small-title {
    height: 1.4887096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section .section-small-title, .beginner-section section.section-two .timeline-section .section-small-title {
    height: 4.9226666667vw;
  }
}
#beginner section.section-two .timeline-section .content, .beginner-section section.section-two .timeline-section .content {
  margin-top: 20.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section .content, .beginner-section section.section-two .timeline-section .content {
    margin-top: 1.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section .content, .beginner-section section.section-two .timeline-section .content {
    margin-top: 5.44vw;
  }
}
#beginner section.section-two .timeline-section .content > .image-1, .beginner-section section.section-two .timeline-section .content > .image-1 {
  width: 1000px;
  height: 480px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section .content > .image-1, .beginner-section section.section-two .timeline-section .content > .image-1 {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section .content > .image-1, .beginner-section section.section-two .timeline-section .content > .image-1 {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .timeline-section .content > .image-1, .beginner-section section.section-two .timeline-section .content > .image-1 {
    height: 38.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .timeline-section .content > .image-1, .beginner-section section.section-two .timeline-section .content > .image-1 {
    height: 128vw;
  }
}
#beginner section.section-two .feature-section, .beginner-section section.section-two .feature-section {
  padding-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .feature-section, .beginner-section section.section-two .feature-section {
    padding-top: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .feature-section, .beginner-section section.section-two .feature-section {
    padding-top: 8vw;
  }
}
#beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
  margin-top: 20.1px;
  margin-left: auto;
  margin-right: auto;
  width: 61.26px;
  height: 17.8px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    margin-top: 1.6209677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    margin-top: 5.36vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    width: 4.9403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    width: 16.336vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    height: 1.435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .feature-section .arrow-text, .beginner-section section.section-two .feature-section .arrow-text {
    height: 4.7466666667vw;
  }
}
#beginner section.section-two .feature-section .features, .beginner-section section.section-two .feature-section .features {
  margin-top: 61.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner section.section-two .feature-section .features, .beginner-section section.section-two .feature-section .features {
    margin-top: 4.9919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner section.section-two .feature-section .features, .beginner-section section.section-two .feature-section .features {
    margin-top: 16.5066666667vw;
  }
}
#beginner .section-three-head, .beginner-section .section-three-head {
  padding-top: 105.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head, .beginner-section .section-three-head {
    padding-top: 8.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head, .beginner-section .section-three-head {
    padding-top: 28.08vw;
  }
}
#beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
  width: 237.78px;
  height: 18.62px;
  margin-top: 25.6px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    width: 19.1758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    width: 63.408vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    height: 1.5016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    height: 4.9653333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    margin-top: 2.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-small, .beginner-section .section-three-head .section-title-small {
    margin-top: 6.8266666667vw;
  }
}
#beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
  width: 806.11px;
  height: 134.31px;
  margin-top: 30.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    width: 65.0088709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    width: 214.9626666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    height: 10.8314516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    height: 35.816vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    margin-top: 2.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-head .section-title-large, .beginner-section .section-three-head .section-title-large {
    margin-top: 8.24vw;
  }
}
#beginner .section-three-art, .beginner-section .section-three-art {
  padding-top: 65.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art, .beginner-section .section-three-art {
    padding-top: 5.2983870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art, .beginner-section .section-three-art {
    padding-top: 17.52vw;
  }
}
#beginner .section-three-art .art, .beginner-section .section-three-art .art {
  position: relative;
  width: 1000px;
  height: 576px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_three_art_bg.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art, .beginner-section .section-three-art .art {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art, .beginner-section .section-three-art .art {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art, .beginner-section .section-three-art .art {
    height: 46.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art, .beginner-section .section-three-art .art {
    height: 153.6vw;
  }
}
#beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  position: absolute;
  top: 71.3px;
  left: 388px;
  border-radius: 30px;
  background-color: #ee9966;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    width: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    width: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    top: 5.75vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    top: 19.0133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    left: 31.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title, .beginner-section .section-three-art .art > .art-title {
    left: 103.4666666667vw;
  }
}
#beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: -26px;
  left: calc(50% - 18px);
  border-radius: 500px;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #ee9966;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_three_art_a.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    width: 2.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    width: 9.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    height: 2.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    height: 9.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    top: -2.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    top: -6.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    left: calc(50% - 1.4516129032vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-title:after, .beginner-section .section-three-art .art > .art-title:after {
    left: calc(50% - 4.8vw);
  }
}
#beginner .section-three-art .art > .art-item, .beginner-section .section-three-art .art > .art-item {
  position: absolute;
}
#beginner .section-three-art .art > .art-item > .art-image, .beginner-section .section-three-art .art > .art-item > .art-image {
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-width: 3px;
  border-style: solid;
  border-color: #ee9966;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-image, .beginner-section .section-three-art .art > .art-item > .art-image {
    width: 9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-image, .beginner-section .section-three-art .art > .art-item > .art-image {
    width: 32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-image, .beginner-section .section-three-art .art > .art-item > .art-image {
    height: 9.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-image, .beginner-section .section-three-art .art > .art-item > .art-image {
    height: 32vw;
  }
}
#beginner .section-three-art .art > .art-item > .art-image > img, .beginner-section .section-three-art .art > .art-item > .art-image > img {
  width: 100%;
  height: 100%;
  border-radius: 500px;
  object-fit: cover;
}
#beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 36px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #eeeeee;
  border-radius: 30px;
  position: absolute;
  bottom: -18px;
  left: calc(50% - 55px);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    width: 8.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    width: 29.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    height: 2.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    height: 9.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    bottom: -1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    bottom: -4.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    left: calc(50% - 4.435483871vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item > .art-body, .beginner-section .section-three-art .art > .art-item > .art-body {
    left: calc(50% - 14.6666666667vw);
  }
}
#beginner .section-three-art .art > .art-item.art-item-1, .beginner-section .section-three-art .art > .art-item.art-item-1 {
  top: 50.3px;
  left: 178px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-1, .beginner-section .section-three-art .art > .art-item.art-item-1 {
    top: 4.0564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-1, .beginner-section .section-three-art .art > .art-item.art-item-1 {
    top: 13.4133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-1, .beginner-section .section-three-art .art > .art-item.art-item-1 {
    left: 14.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-1, .beginner-section .section-three-art .art > .art-item.art-item-1 {
    left: 47.4666666667vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-2, .beginner-section .section-three-art .art > .art-item.art-item-2 {
  top: 231.3px;
  left: 100px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-2, .beginner-section .section-three-art .art > .art-item.art-item-2 {
    top: 18.6532258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-2, .beginner-section .section-three-art .art > .art-item.art-item-2 {
    top: 61.68vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-2, .beginner-section .section-three-art .art > .art-item.art-item-2 {
    left: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-2, .beginner-section .section-three-art .art > .art-item.art-item-2 {
    left: 26.6666666667vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-3, .beginner-section .section-three-art .art > .art-item.art-item-3 {
  top: 197.3px;
  left: 252px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-3, .beginner-section .section-three-art .art > .art-item.art-item-3 {
    top: 15.9112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-3, .beginner-section .section-three-art .art > .art-item.art-item-3 {
    top: 52.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-3, .beginner-section .section-three-art .art > .art-item.art-item-3 {
    left: 20.3225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-3, .beginner-section .section-three-art .art > .art-item.art-item-3 {
    left: 67.2vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-4, .beginner-section .section-three-art .art > .art-item.art-item-4 {
  top: 151.3px;
  left: 428px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-4, .beginner-section .section-three-art .art > .art-item.art-item-4 {
    top: 12.2016129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-4, .beginner-section .section-three-art .art > .art-item.art-item-4 {
    top: 40.3466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-4, .beginner-section .section-three-art .art > .art-item.art-item-4 {
    left: 34.5161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-4, .beginner-section .section-three-art .art > .art-item.art-item-4 {
    left: 114.1333333333vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-5, .beginner-section .section-three-art .art > .art-item.art-item-5 {
  top: 335.3px;
  left: 348px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-5, .beginner-section .section-three-art .art > .art-item.art-item-5 {
    top: 27.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-5, .beginner-section .section-three-art .art > .art-item.art-item-5 {
    top: 89.4133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-5, .beginner-section .section-three-art .art > .art-item.art-item-5 {
    left: 28.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-5, .beginner-section .section-three-art .art > .art-item.art-item-5 {
    left: 92.8vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-6, .beginner-section .section-three-art .art > .art-item.art-item-6 {
  top: 300.3px;
  left: 508px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-6, .beginner-section .section-three-art .art > .art-item.art-item-6 {
    top: 24.2177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-6, .beginner-section .section-three-art .art > .art-item.art-item-6 {
    top: 80.08vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-6, .beginner-section .section-three-art .art > .art-item.art-item-6 {
    left: 40.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-6, .beginner-section .section-three-art .art > .art-item.art-item-6 {
    left: 135.4666666667vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-7, .beginner-section .section-three-art .art > .art-item.art-item-7 {
  top: 188.3px;
  left: 678px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-7, .beginner-section .section-three-art .art > .art-item.art-item-7 {
    top: 15.185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-7, .beginner-section .section-three-art .art > .art-item.art-item-7 {
    top: 50.2133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-7, .beginner-section .section-three-art .art > .art-item.art-item-7 {
    left: 54.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-7, .beginner-section .section-three-art .art > .art-item.art-item-7 {
    left: 180.8vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-8, .beginner-section .section-three-art .art > .art-item.art-item-8 {
  top: 356.3px;
  left: 678px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-8, .beginner-section .section-three-art .art > .art-item.art-item-8 {
    top: 28.7338709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-8, .beginner-section .section-three-art .art > .art-item.art-item-8 {
    top: 95.0133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-8, .beginner-section .section-three-art .art > .art-item.art-item-8 {
    left: 54.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-8, .beginner-section .section-three-art .art > .art-item.art-item-8 {
    left: 180.8vw;
  }
}
#beginner .section-three-art .art > .art-item.art-item-9, .beginner-section .section-three-art .art > .art-item.art-item-9 {
  top: 287.3px;
  left: 812px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-9, .beginner-section .section-three-art .art > .art-item.art-item-9 {
    top: 23.1693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-9, .beginner-section .section-three-art .art > .art-item.art-item-9 {
    top: 76.6133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-item.art-item-9, .beginner-section .section-three-art .art > .art-item.art-item-9 {
    left: 65.4838709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-item.art-item-9, .beginner-section .section-three-art .art > .art-item.art-item-9 {
    left: 216.5333333333vw;
  }
}
#beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
  width: 260px;
  position: absolute;
  top: 494.3px;
  left: 358px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    width: 20.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    width: 69.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    top: 39.8629032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    top: 131.8133333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    left: 28.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-art .art > .art-button, .beginner-section .section-three-art .art > .art-button {
    left: 95.4666666667vw;
  }
}
#beginner .section-three-feature .circles, .beginner-section .section-three-feature .circles {
  position: relative;
  width: 1000px;
  height: 516.73px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles, .beginner-section .section-three-feature .circles {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles, .beginner-section .section-three-feature .circles {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles, .beginner-section .section-three-feature .circles {
    height: 41.6717741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles, .beginner-section .section-three-feature .circles {
    height: 137.7946666667vw;
  }
}
#beginner .section-three-feature .circles.lazyloaded, .beginner-section .section-three-feature .circles.lazyloaded {
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_three_circle_bg.svg");
}
#beginner .section-three-feature .circles > .circle, .beginner-section .section-three-feature .circles > .circle {
  width: 310px;
  height: 390px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle, .beginner-section .section-three-feature .circles > .circle {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle, .beginner-section .section-three-feature .circles > .circle {
    width: 82.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle, .beginner-section .section-three-feature .circles > .circle {
    height: 31.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle, .beginner-section .section-three-feature .circles > .circle {
    height: 104vw;
  }
}
#beginner .section-three-feature .circles > .circle > .circle-body, .beginner-section .section-three-feature .circles > .circle > .circle-body {
  width: 240px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body, .beginner-section .section-three-feature .circles > .circle > .circle-body {
    width: 19.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body, .beginner-section .section-three-feature .circles > .circle > .circle-body {
    width: 64vw;
  }
}
#beginner .section-three-feature .circles > .circle > .circle-body > .circle-title, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #44bb99;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-title, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-title {
    width: 16.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-title, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-title {
    width: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-title, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-title {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-title, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-title {
    height: 16vw;
  }
}
#beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
  margin-top: 20px;
  width: 240px;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
  border-width: 6px;
  border-style: solid;
  border-color: #44bb99;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    margin-top: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    width: 19.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    width: 64vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    height: 19.3548387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-body > .circle-large, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large {
    height: 64vw;
  }
}
#beginner .section-three-feature .circles > .circle > .circle-body > .circle-large > img, .beginner-section .section-three-feature .circles > .circle > .circle-body > .circle-large > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
#beginner .section-three-feature .circles > .circle > .circle-small, .beginner-section .section-three-feature .circles > .circle > .circle-small {
  position: absolute;
  bottom: 0;
  width: 140px;
  height: 140px;
  border-width: 4px;
  border-style: solid;
  border-color: #44bb99;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-small, .beginner-section .section-three-feature .circles > .circle > .circle-small {
    width: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-small, .beginner-section .section-three-feature .circles > .circle > .circle-small {
    width: 37.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle > .circle-small, .beginner-section .section-three-feature .circles > .circle > .circle-small {
    height: 11.2903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle > .circle-small, .beginner-section .section-three-feature .circles > .circle > .circle-small {
    height: 37.3333333333vw;
  }
}
#beginner .section-three-feature .circles > .circle > .circle-small > img, .beginner-section .section-three-feature .circles > .circle > .circle-small > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
#beginner .section-three-feature .circles > .circle.circle-1, .beginner-section .section-three-feature .circles > .circle.circle-1 {
  top: 91.4px;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle.circle-1, .beginner-section .section-three-feature .circles > .circle.circle-1 {
    top: 7.3709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle.circle-1, .beginner-section .section-three-feature .circles > .circle.circle-1 {
    top: 24.3733333333vw;
  }
}
#beginner .section-three-feature .circles > .circle.circle-1 > .circle-body, .beginner-section .section-three-feature .circles > .circle.circle-1 > .circle-body {
  right: 0;
}
#beginner .section-three-feature .circles > .circle.circle-1 > .circle-small, .beginner-section .section-three-feature .circles > .circle.circle-1 > .circle-small {
  left: 0;
}
#beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
  top: 141.9px;
  left: 375;
  height: 340px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    top: 11.4435483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    top: 37.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    left: 30.2419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    left: 100vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    height: 27.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle.circle-2, .beginner-section .section-three-feature .circles > .circle.circle-2 {
    height: 90.6666666667vw;
  }
}
#beginner .section-three-feature .circles > .circle.circle-2 > .circle-body, .beginner-section .section-three-feature .circles > .circle.circle-2 > .circle-body {
  left: 0;
}
#beginner .section-three-feature .circles > .circle.circle-2 > .circle-small, .beginner-section .section-three-feature .circles > .circle.circle-2 > .circle-small {
  right: 0;
}
#beginner .section-three-feature .circles > .circle.circle-3, .beginner-section .section-three-feature .circles > .circle.circle-3 {
  top: 91.4px;
  right: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-three-feature .circles > .circle.circle-3, .beginner-section .section-three-feature .circles > .circle.circle-3 {
    top: 7.3709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-three-feature .circles > .circle.circle-3, .beginner-section .section-three-feature .circles > .circle.circle-3 {
    top: 24.3733333333vw;
  }
}
#beginner .section-three-feature .circles > .circle.circle-3 > .circle-body, .beginner-section .section-three-feature .circles > .circle.circle-3 > .circle-body {
  left: 0;
}
#beginner .section-three-feature .circles > .circle.circle-3 > .circle-small, .beginner-section .section-three-feature .circles > .circle.circle-3 > .circle-small {
  right: 0;
}
#beginner .section-four, .beginner-section .section-four {
  margin-top: 105px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 38.6px;
  background-size: 1152px 961.96px;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section-four/bg-shape.svg");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four, .beginner-section .section-four {
    margin-top: 8.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four, .beginner-section .section-four {
    margin-top: 28vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four, .beginner-section .section-four {
    background-position-y: 3.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four, .beginner-section .section-four {
    background-position-y: 10.2933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four, .beginner-section .section-four {
    background-size: 92.9032258065vw 77.5774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four, .beginner-section .section-four {
    background-size: 307.2vw 256.5226666667vw;
  }
}
#beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
  margin-top: 34.6px;
  width: 567.54px;
  height: 122.98px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    margin-top: 2.7903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    margin-top: 9.2266666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    width: 45.7693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    width: 151.344vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    height: 9.9177419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-head .section-title, .beginner-section .section-four-head .section-title {
    height: 32.7946666667vw;
  }
}
#beginner .section-four-body-1, .beginner-section .section-four-body-1 {
  padding-top: 58px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-body-1, .beginner-section .section-four-body-1 {
    padding-top: 4.6774193548vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-body-1, .beginner-section .section-four-body-1 {
    padding-top: 15.4666666667vw;
  }
}
#beginner .section-four-body-1 .content-image, .beginner-section .section-four-body-1 .content-image {
  width: 1000px;
  height: 725px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-body-1 .content-image, .beginner-section .section-four-body-1 .content-image {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-body-1 .content-image, .beginner-section .section-four-body-1 .content-image {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-body-1 .content-image, .beginner-section .section-four-body-1 .content-image {
    height: 58.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-body-1 .content-image, .beginner-section .section-four-body-1 .content-image {
    height: 193.3333333333vw;
  }
}
#beginner .section-four-body-1 .btn, .beginner-section .section-four-body-1 .btn {
  margin-top: 41px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-four-body-1 .btn, .beginner-section .section-four-body-1 .btn {
    margin-top: 3.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-four-body-1 .btn, .beginner-section .section-four-body-1 .btn {
    margin-top: 10.9333333333vw;
  }
}
#beginner .section-five-head, .beginner-section .section-five-head {
  padding-top: 105.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head, .beginner-section .section-five-head {
    padding-top: 8.5vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head, .beginner-section .section-five-head {
    padding-top: 28.1066666667vw;
  }
}
#beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
  width: 259.78px;
  height: 18.66px;
  margin-top: 30.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    width: 20.95vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    width: 69.2746666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    height: 1.5048387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    height: 4.976vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    margin-top: 2.4758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-1, .beginner-section .section-five-head .section-head-text-1 {
    margin-top: 8.1866666667vw;
  }
}
#beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
  width: 655.2px;
  height: 34.31px;
  margin-top: 30.9px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    width: 52.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    width: 174.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    height: 2.7669354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    height: 9.1493333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    margin-top: 2.4919354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-2, .beginner-section .section-five-head .section-head-text-2 {
    margin-top: 8.24vw;
  }
}
#beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
  width: 904.72px;
  height: 49.22px;
  margin-top: 31.7px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    width: 72.9612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    width: 241.2586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    height: 3.9693548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    height: 13.1253333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    margin-top: 2.5564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-head .section-head-text-3, .beginner-section .section-five-head .section-head-text-3 {
    margin-top: 8.4533333333vw;
  }
}
#beginner .section-five-feature, .beginner-section .section-five-feature {
  padding-top: 60.2px;
}
#beginner .section-five-feature .items, .beginner-section .section-five-feature .items {
  width: 1000px;
  height: 930px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_five_feature_bg.png");
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items, .beginner-section .section-five-feature .items {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items, .beginner-section .section-five-feature .items {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items, .beginner-section .section-five-feature .items {
    height: 75vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items, .beginner-section .section-five-feature .items {
    height: 248vw;
  }
}
#beginner .section-five-feature .items > .item, .beginner-section .section-five-feature .items > .item {
  width: 280px;
  height: 385px;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item, .beginner-section .section-five-feature .items > .item {
    width: 22.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item, .beginner-section .section-five-feature .items > .item {
    width: 74.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item, .beginner-section .section-five-feature .items > .item {
    height: 31.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item, .beginner-section .section-five-feature .items > .item {
    height: 102.6666666667vw;
  }
}
#beginner .section-five-feature .items > .item > .item-image, .beginner-section .section-five-feature .items > .item > .item-image {
  width: 220px;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  border-width: 6px;
  border-style: solid;
  border-color: #666;
  border-radius: 500px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image, .beginner-section .section-five-feature .items > .item > .item-image {
    width: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image, .beginner-section .section-five-feature .items > .item > .item-image {
    width: 58.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image, .beginner-section .section-five-feature .items > .item > .item-image {
    height: 17.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image, .beginner-section .section-five-feature .items > .item > .item-image {
    height: 58.6666666667vw;
  }
}
#beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  background-color: #666;
  position: absolute;
  top: -30px;
  left: calc(50% - 30px);
  border-radius: 500px;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    width: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    width: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    height: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    top: -2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    top: -8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    left: calc(50% - 2.4193548387vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-image::after, .beginner-section .section-five-feature .items > .item > .item-image::after {
    left: calc(50% - 8vw);
  }
}
#beginner .section-five-feature .items > .item > .item-image > img, .beginner-section .section-five-feature .items > .item > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
#beginner .section-five-feature .items > .item > .item-body, .beginner-section .section-five-feature .items > .item > .item-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 165px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #eeeeee;
  border-radius: 20px;
  background-color: #fff;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-body, .beginner-section .section-five-feature .items > .item > .item-body {
    height: 13.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-body, .beginner-section .section-five-feature .items > .item > .item-body {
    height: 44vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item > .item-body, .beginner-section .section-five-feature .items > .item > .item-body {
    bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item > .item-body, .beginner-section .section-five-feature .items > .item > .item-body {
    bottom: 8vw;
  }
}
#beginner .section-five-feature .items > .item.item-1 > .item-image, .beginner-section .section-five-feature .items > .item.item-1 > .item-image {
  border-color: #dd77bb;
  background-color: #dd77bb;
}
#beginner .section-five-feature .items > .item.item-1 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-1 > .item-image::after {
  background-color: #dd77bb;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_1.svg");
  background-size: 12.03px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-1 > .item-image::after {
    background-size: 0.9701612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-1 > .item-image::after {
    background-size: 3.208vw;
  }
}
#beginner .section-five-feature .items > .item.item-2 > .item-image, .beginner-section .section-five-feature .items > .item.item-2 > .item-image {
  border-color: #64b6c8;
  background-color: #64b6c8;
}
#beginner .section-five-feature .items > .item.item-2 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-2 > .item-image::after {
  background-color: #64b6c8;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_2.svg");
  background-size: 17.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-2 > .item-image::after {
    background-size: 1.4032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-2 > .item-image::after {
    background-size: 4.64vw;
  }
}
#beginner .section-five-feature .items > .item.item-3 > .item-image, .beginner-section .section-five-feature .items > .item.item-3 > .item-image {
  border-color: #44bb99;
  background-color: #44bb99;
}
#beginner .section-five-feature .items > .item.item-3 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-3 > .item-image::after {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_3.svg");
  background-size: 17.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-3 > .item-image::after {
    background-size: 1.4129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-3 > .item-image::after {
    background-size: 4.672vw;
  }
}
#beginner .section-five-feature .items > .item.item-4 > .item-image, .beginner-section .section-five-feature .items > .item.item-4 > .item-image {
  border-color: #4499cc;
  background-color: #4499cc;
}
#beginner .section-five-feature .items > .item.item-4 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-4 > .item-image::after {
  background-color: #4499cc;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_4.svg");
  background-size: 17.82px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-4 > .item-image::after {
    background-size: 1.4370967742vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-4 > .item-image::after {
    background-size: 4.752vw;
  }
}
#beginner .section-five-feature .items > .item.item-5 > .item-image, .beginner-section .section-five-feature .items > .item.item-5 > .item-image {
  border-color: #aa88ee;
  background-color: #aa88ee;
}
#beginner .section-five-feature .items > .item.item-5 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-5 > .item-image::after {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/beginner/pc/number_5.svg");
  background-size: 17.52px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-5 > .item-image::after {
    background-size: 1.4129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-image::after, .beginner-section .section-five-feature .items > .item.item-5 > .item-image::after {
    background-size: 4.672vw;
  }
}
#beginner .section-five-feature .items > .item.item-1, .beginner-section .section-five-feature .items > .item.item-1 {
  top: 30px;
  left: 361px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1, .beginner-section .section-five-feature .items > .item.item-1 {
    top: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1, .beginner-section .section-five-feature .items > .item.item-1 {
    top: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1, .beginner-section .section-five-feature .items > .item.item-1 {
    left: 29.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1, .beginner-section .section-five-feature .items > .item.item-1 {
    left: 96.2666666667vw;
  }
}
#beginner .section-five-feature .items > .item.item-1 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-1 {
  width: 205.315px;
  height: 46.298px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-1 {
    width: 16.5576612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-1 {
    width: 54.7506666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-1 {
    height: 3.7337096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-1 {
    height: 12.3461333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-1 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-2 {
  width: 231.049px;
  height: 31.986px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-2 {
    width: 18.632983871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-2 {
    width: 61.6130666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-2 {
    height: 2.579516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-1 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-1 > .item-body .text-2 {
    height: 8.5296vw;
  }
}
#beginner .section-five-feature .items > .item.item-2, .beginner-section .section-five-feature .items > .item.item-2 {
  top: 150px;
  right: 39px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2, .beginner-section .section-five-feature .items > .item.item-2 {
    top: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2, .beginner-section .section-five-feature .items > .item.item-2 {
    top: 40vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2, .beginner-section .section-five-feature .items > .item.item-2 {
    right: 3.1451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2, .beginner-section .section-five-feature .items > .item.item-2 {
    right: 10.4vw;
  }
}
#beginner .section-five-feature .items > .item.item-2 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-1 {
  width: 203.609px;
  height: 47.036px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-1 {
    width: 16.4200806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-1 {
    width: 54.2957333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-1 {
    height: 3.7932258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-1 {
    height: 12.5429333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-2 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-2 {
  width: 232.193px;
  height: 31.817px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-2 {
    width: 18.7252419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-2 {
    width: 61.9181333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-2 {
    height: 2.5658870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-2 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-2 > .item-body .text-2 {
    height: 8.4845333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-3, .beginner-section .section-five-feature .items > .item.item-3 {
  bottom: 0;
  right: 199px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3, .beginner-section .section-five-feature .items > .item.item-3 {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3, .beginner-section .section-five-feature .items > .item.item-3 {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3, .beginner-section .section-five-feature .items > .item.item-3 {
    right: 16.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3, .beginner-section .section-five-feature .items > .item.item-3 {
    right: 53.0666666667vw;
  }
}
#beginner .section-five-feature .items > .item.item-3 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-1 {
  width: 230.153px;
  height: 48.784px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-1 {
    width: 18.5607258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-1 {
    width: 61.3741333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-1 {
    height: 3.9341935484vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-1 {
    height: 13.0090666667vw;
  }
}
#beginner .section-five-feature .items > .item.item-3 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-2 {
  width: 231.283px;
  height: 32.168px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-2 {
    width: 18.6518548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-2 {
    width: 61.6754666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-2 {
    height: 2.5941935484vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-3 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-3 > .item-body .text-2 {
    height: 8.5781333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-4, .beginner-section .section-five-feature .items > .item.item-4 {
  bottom: 0;
  left: 201px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4, .beginner-section .section-five-feature .items > .item.item-4 {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4, .beginner-section .section-five-feature .items > .item.item-4 {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4, .beginner-section .section-five-feature .items > .item.item-4 {
    left: 16.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4, .beginner-section .section-five-feature .items > .item.item-4 {
    left: 53.6vw;
  }
}
#beginner .section-five-feature .items > .item.item-4 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-1 {
  width: 196.638px;
  height: 44.992px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-1 {
    width: 15.8579032258vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-1 {
    width: 52.4368vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-1 {
    height: 3.6283870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-1 {
    height: 11.9978666667vw;
  }
}
#beginner .section-five-feature .items > .item.item-4 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-2 {
  width: 231.777px;
  height: 32.272px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-2 {
    width: 18.6916935484vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-2 {
    width: 61.8072vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-2 {
    height: 2.6025806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-4 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-4 > .item-body .text-2 {
    height: 8.6058666667vw;
  }
}
#beginner .section-five-feature .items > .item.item-5, .beginner-section .section-five-feature .items > .item.item-5 {
  top: 150px;
  left: 41px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5, .beginner-section .section-five-feature .items > .item.item-5 {
    top: 12.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5, .beginner-section .section-five-feature .items > .item.item-5 {
    top: 40vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5, .beginner-section .section-five-feature .items > .item.item-5 {
    left: 3.3064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5, .beginner-section .section-five-feature .items > .item.item-5 {
    left: 10.9333333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-5 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-1 {
  width: 221.092px;
  height: 49.172px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-1 {
    width: 17.83vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-1 {
    width: 58.9578666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-1 {
    height: 3.965483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-1, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-1 {
    height: 13.1125333333vw;
  }
}
#beginner .section-five-feature .items > .item.item-5 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-2 {
  width: 233.129px;
  height: 31.999px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-2 {
    width: 18.8007258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-2 {
    width: 62.1677333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-2 {
    height: 2.5805645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item.item-5 > .item-body .text-2, .beginner-section .section-five-feature .items > .item.item-5 > .item-body .text-2 {
    height: 8.5330666667vw;
  }
}
#beginner .section-five-feature .items > .item .item-action .btn, .beginner-section .section-five-feature .items > .item .item-action .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#beginner .section-five-feature .items > .item .item-action .btn .text-1, .beginner-section .section-five-feature .items > .item .item-action .btn .text-1 {
  width: 68.588px;
  height: 11.96px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item .item-action .btn .text-1, .beginner-section .section-five-feature .items > .item .item-action .btn .text-1 {
    width: 5.5312903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item .item-action .btn .text-1, .beginner-section .section-five-feature .items > .item .item-action .btn .text-1 {
    width: 18.2901333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .items > .item .item-action .btn .text-1, .beginner-section .section-five-feature .items > .item .item-action .btn .text-1 {
    height: 0.964516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .items > .item .item-action .btn .text-1, .beginner-section .section-five-feature .items > .item .item-action .btn .text-1 {
    height: 3.1893333333vw;
  }
}
#beginner .section-five-feature .action, .beginner-section .section-five-feature .action {
  margin-top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-five-feature .action, .beginner-section .section-five-feature .action {
    margin-top: 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-five-feature .action, .beginner-section .section-five-feature .action {
    margin-top: 16vw;
  }
}
#beginner .section-five-feature .action > .btn, .beginner-section .section-five-feature .action > .btn {
  margin-left: auto;
  margin-right: auto;
}
#beginner .section-six-head, .beginner-section .section-six-head {
  padding-top: 105.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head, .beginner-section .section-six-head {
    padding-top: 8.5vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head, .beginner-section .section-six-head {
    padding-top: 28.1066666667vw;
  }
}
#beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
  margin-top: 35.6px;
  width: 285.7px;
  height: 18.56px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    margin-top: 2.8709677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    margin-top: 9.4933333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    width: 23.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    width: 76.1866666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    height: 1.4967741935vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-1, .beginner-section .section-six-head .text-1 {
    height: 4.9493333333vw;
  }
}
#beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
  margin-top: 30.6px;
  width: 813.31px;
  height: 84.74px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    margin-top: 2.4677419355vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    margin-top: 8.16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    width: 65.589516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    width: 216.8826666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    height: 6.8338709677vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-2, .beginner-section .section-six-head .text-2 {
    height: 22.5973333333vw;
  }
}
#beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
  margin-top: 31.7px;
  width: 632.66px;
  height: 79.3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    margin-top: 2.5564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    margin-top: 8.4533333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    width: 51.0209677419vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    width: 168.7093333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    height: 6.3951612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-head .text-3, .beginner-section .section-six-head .text-3 {
    height: 21.1466666667vw;
  }
}
#beginner .section-six-body-1, .beginner-section .section-six-body-1 {
  padding-top: 4.2px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1, .beginner-section .section-six-body-1 {
    padding-top: 0.3387096774vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1, .beginner-section .section-six-body-1 {
    padding-top: 1.12vw;
  }
}
#beginner .section-six-body-1 .content, .beginner-section .section-six-body-1 .content {
  width: 1000px;
  height: 540px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_six_bg_1.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .content, .beginner-section .section-six-body-1 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .content, .beginner-section .section-six-body-1 .content {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .content, .beginner-section .section-six-body-1 .content {
    height: 43.5483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .content, .beginner-section .section-six-body-1 .content {
    height: 144vw;
  }
}
#beginner .section-six-body-1 .item, .beginner-section .section-six-body-1 .item {
  position: absolute;
  width: 218px;
  height: 282px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item, .beginner-section .section-six-body-1 .item {
    width: 17.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item, .beginner-section .section-six-body-1 .item {
    width: 58.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item, .beginner-section .section-six-body-1 .item {
    height: 22.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item, .beginner-section .section-six-body-1 .item {
    height: 75.2vw;
  }
}
#beginner .section-six-body-1 .item > .item-image, .beginner-section .section-six-body-1 .item > .item-image {
  width: 218px;
  height: 218px;
  border-width: 6px;
  border-style: solid;
  border-color: #666;
  background-color: #666;
  border-radius: 500px;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image, .beginner-section .section-six-body-1 .item > .item-image {
    width: 17.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image, .beginner-section .section-six-body-1 .item > .item-image {
    width: 58.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image, .beginner-section .section-six-body-1 .item > .item-image {
    height: 17.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image, .beginner-section .section-six-body-1 .item > .item-image {
    height: 58.1333333333vw;
  }
}
#beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
  content: "";
  display: block;
  position: absolute;
  width: 94px;
  height: 94px;
  bottom: -47px;
  left: calc(50% - 47px);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 500px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    width: 7.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    width: 25.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    height: 7.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    height: 25.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    bottom: -3.7903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    bottom: -12.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    left: calc(50% - 3.7903225806vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-image::after, .beginner-section .section-six-body-1 .item > .item-image::after {
    left: calc(50% - 12.5333333333vw);
  }
}
#beginner .section-six-body-1 .item > .item-image > img, .beginner-section .section-six-body-1 .item > .item-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
#beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 156px;
  height: 47px;
  bottom: 0;
  left: calc(50% - 78px);
  background-color: #fff;
  border-radius: 30px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    width: 12.5806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    width: 41.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    height: 3.7903225806vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    height: 12.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    left: calc(50% - 6.2903225806vw);
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item > .item-body, .beginner-section .section-six-body-1 .item > .item-body {
    left: calc(50% - 20.8vw);
  }
}
#beginner .section-six-body-1 .item.item-1 > .item-image, .beginner-section .section-six-body-1 .item.item-1 > .item-image {
  background-color: #64b6c8;
  border-color: #64b6c8;
}
#beginner .section-six-body-1 .item.item-1 > .item-image::after, .beginner-section .section-six-body-1 .item.item-1 > .item-image::after {
  background-color: #64b6c8;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_six_feature_letter_1.svg");
}
#beginner .section-six-body-1 .item.item-2 > .item-image, .beginner-section .section-six-body-1 .item.item-2 > .item-image {
  background-color: #44bb99;
  border-color: #44bb99;
}
#beginner .section-six-body-1 .item.item-2 > .item-image::after, .beginner-section .section-six-body-1 .item.item-2 > .item-image::after {
  background-color: #44bb99;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_six_feature_letter_2.svg");
}
#beginner .section-six-body-1 .item.item-3 > .item-image, .beginner-section .section-six-body-1 .item.item-3 > .item-image {
  background-color: #aa88ee;
  border-color: #aa88ee;
}
#beginner .section-six-body-1 .item.item-3 > .item-image::after, .beginner-section .section-six-body-1 .item.item-3 > .item-image::after {
  background-color: #aa88ee;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_six_feature_letter_3.svg");
}
#beginner .section-six-body-1 .item.item-4 > .item-image, .beginner-section .section-six-body-1 .item.item-4 > .item-image {
  background-color: #dd77bb;
  border-color: #dd77bb;
}
#beginner .section-six-body-1 .item.item-4 > .item-image::after, .beginner-section .section-six-body-1 .item.item-4 > .item-image::after {
  background-color: #dd77bb;
  background-image: url("/ste-lam/one-world/image/beginner/pc/section_six_feature_letter_4.svg");
}
#beginner .section-six-body-1 .item.item-1, .beginner-section .section-six-body-1 .item.item-1 {
  top: 135.9px;
  left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-1, .beginner-section .section-six-body-1 .item.item-1 {
    top: 10.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-1, .beginner-section .section-six-body-1 .item.item-1 {
    top: 36.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-1, .beginner-section .section-six-body-1 .item.item-1 {
    left: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-1, .beginner-section .section-six-body-1 .item.item-1 {
    left: 13.3333333333vw;
  }
}
#beginner .section-six-body-1 .item.item-1 > .item-image::after, .beginner-section .section-six-body-1 .item.item-1 > .item-image::after {
  background-size: 32.24px 39.43px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-1 > .item-image::after, .beginner-section .section-six-body-1 .item.item-1 > .item-image::after {
    background-size: 2.6vw 3.1798387097vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-1 > .item-image::after, .beginner-section .section-six-body-1 .item.item-1 > .item-image::after {
    background-size: 8.5973333333vw 10.5146666667vw;
  }
}
#beginner .section-six-body-1 .item.item-1 > .item-body > img, .beginner-section .section-six-body-1 .item.item-1 > .item-body > img {
  width: 64.72px;
  height: 28.66px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-1 > .item-body > img, .beginner-section .section-six-body-1 .item.item-1 > .item-body > img {
    width: 5.2193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-1 > .item-body > img, .beginner-section .section-six-body-1 .item.item-1 > .item-body > img {
    width: 17.2586666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-1 > .item-body > img, .beginner-section .section-six-body-1 .item.item-1 > .item-body > img {
    height: 2.3112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-1 > .item-body > img, .beginner-section .section-six-body-1 .item.item-1 > .item-body > img {
    height: 7.6426666667vw;
  }
}
#beginner .section-six-body-1 .item.item-2, .beginner-section .section-six-body-1 .item.item-2 {
  top: 91.9px;
  left: 276px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-2, .beginner-section .section-six-body-1 .item.item-2 {
    top: 7.4112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-2, .beginner-section .section-six-body-1 .item.item-2 {
    top: 24.5066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-2, .beginner-section .section-six-body-1 .item.item-2 {
    left: 22.2580645161vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-2, .beginner-section .section-six-body-1 .item.item-2 {
    left: 73.6vw;
  }
}
#beginner .section-six-body-1 .item.item-3, .beginner-section .section-six-body-1 .item.item-3 {
  top: 135.9px;
  left: 504px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-3, .beginner-section .section-six-body-1 .item.item-3 {
    top: 10.9596774194vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-3, .beginner-section .section-six-body-1 .item.item-3 {
    top: 36.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-3, .beginner-section .section-six-body-1 .item.item-3 {
    left: 40.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-3, .beginner-section .section-six-body-1 .item.item-3 {
    left: 134.4vw;
  }
}
#beginner .section-six-body-1 .item.item-4, .beginner-section .section-six-body-1 .item.item-4 {
  top: 91.9px;
  right: 50px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-4, .beginner-section .section-six-body-1 .item.item-4 {
    top: 7.4112903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-4, .beginner-section .section-six-body-1 .item.item-4 {
    top: 24.5066666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .item.item-4, .beginner-section .section-six-body-1 .item.item-4 {
    right: 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .item.item-4, .beginner-section .section-six-body-1 .item.item-4 {
    right: 13.3333333333vw;
  }
}
#beginner .section-six-body-1 .arrow, .beginner-section .section-six-body-1 .arrow {
  margin-top: -46.11px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .arrow, .beginner-section .section-six-body-1 .arrow {
    margin-top: -3.7185483871vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .arrow, .beginner-section .section-six-body-1 .arrow {
    margin-top: -12.296vw;
  }
}
#beginner .section-six-body-1 .text-1, .beginner-section .section-six-body-1 .text-1 {
  margin-top: 19.4px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-1 .text-1, .beginner-section .section-six-body-1 .text-1 {
    margin-top: 1.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-1 .text-1, .beginner-section .section-six-body-1 .text-1 {
    margin-top: 5.1733333333vw;
  }
}
#beginner .section-six-body-2, .beginner-section .section-six-body-2 {
  margin-top: -63px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-2, .beginner-section .section-six-body-2 {
    margin-top: -5.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-2, .beginner-section .section-six-body-2 {
    margin-top: -16.8vw;
  }
}
#beginner .section-six-body-2 .content, .beginner-section .section-six-body-2 .content {
  width: 1000px;
  height: 690px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-2 .content, .beginner-section .section-six-body-2 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-2 .content, .beginner-section .section-six-body-2 .content {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-2 .content, .beginner-section .section-six-body-2 .content {
    height: 55.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-2 .content, .beginner-section .section-six-body-2 .content {
    height: 184vw;
  }
}
#beginner .section-six-body-3, .beginner-section .section-six-body-3 {
  margin-top: 49.3px;
  padding-top: 37.8px;
  padding-bottom: 35px;
  background-color: rgba(68, 187, 153, 0.5);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    margin-top: 3.9758064516vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    margin-top: 13.1466666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    padding-top: 3.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    padding-top: 10.08vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    padding-bottom: 2.8225806452vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3, .beginner-section .section-six-body-3 {
    padding-bottom: 9.3333333333vw;
  }
}
#beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
  width: 1000px;
  height: 360px;
  margin-top: 37.4px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    height: 29.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    height: 96vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    margin-top: 3.0161290323vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content, .beginner-section .section-six-body-3 .content {
    margin-top: 9.9733333333vw;
  }
}
#beginner .section-six-body-3 .content > .timeline, .beginner-section .section-six-body-3 .content > .timeline {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 360px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .timeline, .beginner-section .section-six-body-3 .content > .timeline {
    width: 80.6451612903vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .timeline, .beginner-section .section-six-body-3 .content > .timeline {
    width: 266.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .timeline, .beginner-section .section-six-body-3 .content > .timeline {
    height: 29.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .timeline, .beginner-section .section-six-body-3 .content > .timeline {
    height: 96vw;
  }
}
#beginner .section-six-body-3 .content > .item, .beginner-section .section-six-body-3 .content > .item {
  width: 100px;
  height: 100px;
  position: absolute;
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 500px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item, .beginner-section .section-six-body-3 .content > .item {
    width: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item, .beginner-section .section-six-body-3 .content > .item {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item, .beginner-section .section-six-body-3 .content > .item {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item, .beginner-section .section-six-body-3 .content > .item {
    height: 26.6666666667vw;
  }
}
#beginner .section-six-body-3 .content > .item > img, .beginner-section .section-six-body-3 .content > .item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
#beginner .section-six-body-3 .content > .item.item-1, .beginner-section .section-six-body-3 .content > .item.item-1 {
  top: -33px;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-1, .beginner-section .section-six-body-3 .content > .item.item-1 {
    top: -2.6612903226vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-1, .beginner-section .section-six-body-3 .content > .item.item-1 {
    top: -8.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-1, .beginner-section .section-six-body-3 .content > .item.item-1 {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-1, .beginner-section .section-six-body-3 .content > .item.item-1 {
    left: 0vw;
  }
}
#beginner .section-six-body-3 .content > .item.item-2, .beginner-section .section-six-body-3 .content > .item.item-2 {
  left: 341px;
  bottom: -36px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-2, .beginner-section .section-six-body-3 .content > .item.item-2 {
    left: 27.5vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-2, .beginner-section .section-six-body-3 .content > .item.item-2 {
    left: 90.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-2, .beginner-section .section-six-body-3 .content > .item.item-2 {
    bottom: -2.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-2, .beginner-section .section-six-body-3 .content > .item.item-2 {
    bottom: -9.6vw;
  }
}
#beginner .section-six-body-3 .content > .item.item-3, .beginner-section .section-six-body-3 .content > .item.item-3 {
  right: 0;
  bottom: -36px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-3, .beginner-section .section-six-body-3 .content > .item.item-3 {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-3, .beginner-section .section-six-body-3 .content > .item.item-3 {
    right: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .content > .item.item-3, .beginner-section .section-six-body-3 .content > .item.item-3 {
    bottom: -2.9032258065vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .content > .item.item-3, .beginner-section .section-six-body-3 .content > .item.item-3 {
    bottom: -9.6vw;
  }
}
#beginner .section-six-body-3 .action, .beginner-section .section-six-body-3 .action {
  margin-top: 61px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-six-body-3 .action, .beginner-section .section-six-body-3 .action {
    margin-top: 4.9193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-six-body-3 .action, .beginner-section .section-six-body-3 .action {
    margin-top: 16.2666666667vw;
  }
}
#beginner .section-end-body-1, .beginner-section .section-end-body-1 {
  margin-top: 100px;
  padding-top: 63px;
  padding-bottom: 30px;
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
  background-image: url("/ste-lam/one-world/image/beginner/pc/bg_gradient_25.png");
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    margin-top: 8.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    margin-top: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    padding-top: 5.0806451613vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    padding-top: 16.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    padding-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 767px) {
  #beginner .section-end-body-1, .beginner-section .section-end-body-1 {
    padding-bottom: 8vw;
  }
}
#beginner .u-sp, .beginner-section .u-sp {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#beginner .u-sp img, .beginner-section .u-sp img {
  width: 100%;
}
#beginner .u-sp .SectionOne, .beginner-section .u-sp .SectionOne {
  overflow-x: hidden;
}
#beginner .u-sp .SectionOne__slider, .beginner-section .u-sp .SectionOne__slider {
  margin-top: 60px;
}
#beginner .u-sp .SectionOne__campaign-bg-img, .beginner-section .u-sp .SectionOne__campaign-bg-img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 186.267vw;
}
#beginner .u-sp .SectionOne .c-campaign, .beginner-section .u-sp .SectionOne .c-campaign {
  display: flex;
  margin-top: 6.933vw;
  margin-left: auto;
  margin-right: auto;
  width: 89.333vw;
  border-radius: 8vw;
}
@media screen and (min-width: 768px) {
  #beginner .u-sp .SectionOne .c-campaign, .beginner-section .u-sp .SectionOne .c-campaign {
    visibility: hidden;
  }
}
#beginner .u-sp .SectionOne .c-campaign__title, .beginner-section .u-sp .SectionOne .c-campaign__title {
  max-width: none;
  width: 78.533vw;
  padding-top: 6.933vw;
}
#beginner .u-sp .SectionOne .c-campaign__content, .beginner-section .u-sp .SectionOne .c-campaign__content {
  max-width: none;
  width: 69.333vw;
  padding-top: 5.333vw;
}
#beginner .u-sp .SectionOne .c-campaign__footer, .beginner-section .u-sp .SectionOne .c-campaign__footer {
  max-width: none;
  width: 89.333vw;
  padding-top: 5.867vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--01, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--01 {
  width: 25.6vw;
  height: 25.6vw;
  left: -3.2vw;
  top: -10.667vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleLast, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleLast {
  font-size: 6.933vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleText, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--01 .c-campaign__circleText {
  font-size: 2.667vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--02, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--02 {
  width: 25.6vw;
  height: 25.6vw;
  left: 19.2vw;
  top: -3.2vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#beginner .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining em, .beginner-section .u-sp .SectionOne .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining em {
  font-size: 4.8vw;
}
#beginner .u-sp .SectionOne__title1 p, .beginner-section .u-sp .SectionOne__title1 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.533vw;
  text-align: center;
  color: #64b6c8;
}
#beginner .u-sp .SectionOne__anxiety, .beginner-section .u-sp .SectionOne__anxiety {
  margin-top: 9.867vw;
}
#beginner .u-sp .SectionOne__bg, .beginner-section .u-sp .SectionOne__bg {
  margin-top: 4.533vw;
}
#beginner .u-sp .SectionOne__bg-img, .beginner-section .u-sp .SectionOne__bg-img {
  position: absolute;
  z-index: -1;
}
#beginner .u-sp .SectionOne__grid, .beginner-section .u-sp .SectionOne__grid {
  display: grid;
  grid-template-columns: 48vw 48vw;
  grid-template-rows: 47.2vw 47.2vw 47.2vw;
  grid-row-gap: 8.133vw;
  justify-content: center;
}
#beginner .u-sp .SectionOne__grid nav:nth-child(even), .beginner-section .u-sp .SectionOne__grid nav:nth-child(even) {
  margin-top: 17.6vw;
}
#beginner .u-sp .SectionOne__grid nav:nth-last-child(2), .beginner-section .u-sp .SectionOne__grid nav:nth-last-child(2) {
  margin-top: -2vw;
}
#beginner .u-sp .SectionOne__grid nav:last-child, .beginner-section .u-sp .SectionOne__grid nav:last-child {
  margin-top: 15vw;
}
#beginner .u-sp .SectionOne__num1, .beginner-section .u-sp .SectionOne__num1 {
  display: flex;
  margin-top: 10.667vw;
  justify-content: center;
}
#beginner .u-sp .SectionOne__num1-img, .beginner-section .u-sp .SectionOne__num1-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionOne #navOne::selection, .beginner-section .u-sp .SectionOne #navOne::selection {
  margin-top: 5vw;
}
#beginner .u-sp .SectionOne__title2, .beginner-section .u-sp .SectionOne__title2 {
  text-align: center;
}
#beginner .u-sp .SectionOne__title2 p, .beginner-section .u-sp .SectionOne__title2 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionOne__title2 img, .beginner-section .u-sp .SectionOne__title2 img {
  width: 54.843vw;
  height: 20.067vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionOne__title3, .beginner-section .u-sp .SectionOne__title3 {
  margin-top: 2.667vw;
}
#beginner .u-sp .SectionOne__title3 p, .beginner-section .u-sp .SectionOne__title3 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #aa88ee;
}
#beginner .u-sp .SectionOne__bg-2-img, .beginner-section .u-sp .SectionOne__bg-2-img {
  position: absolute;
  z-index: -1;
  margin-top: 39vw;
}
#beginner .u-sp .SectionOne__title4, .beginner-section .u-sp .SectionOne__title4 {
  margin: 1.867vw 8vw 0;
}
#beginner .u-sp .SectionOne__title4 p, .beginner-section .u-sp .SectionOne__title4 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.8vw;
  letter-spacing: normal;
  text-align: left;
  color: #666666;
}
#beginner .u-sp .SectionOne__fukudashi2, .beginner-section .u-sp .SectionOne__fukudashi2 {
  margin-top: 8.8vw;
}
#beginner .u-sp .SectionOne__title5, .beginner-section .u-sp .SectionOne__title5 {
  margin: 1.867vw 8vw 0;
}
#beginner .u-sp .SectionOne__title5 p, .beginner-section .u-sp .SectionOne__title5 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.8vw;
  letter-spacing: normal;
  text-align: left;
  color: #666666;
}
#beginner .u-sp .SectionOne__downarrow-img, .beginner-section .u-sp .SectionOne__downarrow-img {
  width: 14vw;
  margin: 7.333vw auto 0;
}
#beginner .u-sp .SectionOne__panel1-img, .beginner-section .u-sp .SectionOne__panel1-img {
  margin: 5.6vw auto 0;
  width: 84vw;
  position: relative;
}
#beginner .u-sp .SectionOne__panel1-num1-img, .beginner-section .u-sp .SectionOne__panel1-num1-img {
  width: 31.5vw;
  position: absolute;
  margin-top: -25.5vw;
  left: 64vw;
}
#beginner .u-sp .SectionOne__panel2-img, .beginner-section .u-sp .SectionOne__panel2-img {
  margin: 8.267vw auto 0;
  width: 84vw;
  position: relative;
}
#beginner .u-sp .SectionOne__panel2-num2-img, .beginner-section .u-sp .SectionOne__panel2-num2-img {
  width: 31.5vw;
  position: absolute;
  margin-top: -33.5vw;
  left: 4vw;
}
#beginner .u-sp .SectionOne__panel3-img, .beginner-section .u-sp .SectionOne__panel3-img {
  margin: 8.267vw auto 0;
  width: 84vw;
  position: relative;
}
#beginner .u-sp .SectionOne__panel3-num3-img, .beginner-section .u-sp .SectionOne__panel3-num3-img {
  width: 31.5vw;
  position: absolute;
  margin-top: -26.5vw;
  left: 64vw;
}
#beginner .u-sp .SectionOne__purple-container, .beginner-section .u-sp .SectionOne__purple-container {
  width: 100%;
  height: 182.4vw;
  padding: 10.4vw 5.333vw 7.2vw;
  object-fit: contain;
  background-color: rgba(170, 136, 238, 0.5);
  margin-top: 10.667vw;
}
#beginner .u-sp .SectionOne__purple-container p, .beginner-section .u-sp .SectionOne__purple-container p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu {
  width: 100%;
  height: 107.467vw;
  margin: 0 auto;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu input[type=radio], .beginner-section .u-sp .SectionOne__purple-container .accordionMenu input[type=radio] {
  display: none;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu label, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu label {
  display: block;
  line-height: 12.533vw;
  padding: 0 4vw 0 5.33vw;
  position: relative;
  cursor: pointer;
  width: 89.333vw;
  height: 12vw;
  margin: 2.6vw 0 0;
  border-radius: 2.667vw;
  background-color: #66bbcc;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu label::after, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu label::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.333vw 0 2.333vw 2.667vw;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 2.667vw;
  top: 3.467vw;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu .content, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu .content {
  max-height: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu .content .inner, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu .content .inner {
  width: 89.333vw;
  background-color: rgba(255, 255, 255, 0.49);
  border-bottom-left-radius: 2.667vw;
  border-bottom-right-radius: 2.667vw;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu .content .inner-img, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu .content .inner-img {
  width: 89.333vw;
  border-bottom-left-radius: 2.667vw;
  border-bottom-right-radius: 2.667vw;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label:after, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label:after {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu input[type=radio] + label:after, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu input[type=radio] + label:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label + .content, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label + .content {
  max-height: 533.333vw;
  height: auto;
  width: 89vw;
}
#beginner .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label, .beginner-section .u-sp .SectionOne__purple-container .accordionMenu input[type=radio]:checked + label {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
#beginner .u-sp .SectionTwo, .beginner-section .u-sp .SectionTwo {
  overflow: hidden;
}
#beginner .u-sp .SectionTwo #nav2, .beginner-section .u-sp .SectionTwo #nav2 {
  position: absolute;
  z-index: 2;
  width: 200px;
  height: 200px;
  margin-top: -20vw;
}
#beginner .u-sp .SectionTwo #nav3, .beginner-section .u-sp .SectionTwo #nav3 {
  position: absolute;
  z-index: 2;
  width: 200px;
  height: 200px;
  margin-top: -22vw;
}
#beginner .u-sp .SectionTwo #nav5, .beginner-section .u-sp .SectionTwo #nav5 {
  position: absolute;
  z-index: 2;
  height: 200px;
  width: 200px;
  margin-top: -22vw;
}
#beginner .u-sp .SectionTwo #nav6, .beginner-section .u-sp .SectionTwo #nav6 {
  position: absolute;
  z-index: 2;
  height: 200px;
  width: 200px;
  margin-top: -20vw;
}
#beginner .u-sp .SectionTwo__num2, .beginner-section .u-sp .SectionTwo__num2 {
  margin-top: 9.333vw;
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num2-img, .beginner-section .u-sp .SectionTwo__num2-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionTwo__title1, .beginner-section .u-sp .SectionTwo__title1 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__title1 > img, .beginner-section .u-sp .SectionTwo__title1 > img {
  width: 88.48vw;
  height: 27.667vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__title2, .beginner-section .u-sp .SectionTwo__title2 {
  margin-top: 2.667vw;
}
#beginner .u-sp .SectionTwo__title2 p, .beginner-section .u-sp .SectionTwo__title2 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #4499cc;
}
#beginner .u-sp .SectionTwo__blue-container, .beginner-section .u-sp .SectionTwo__blue-container {
  width: 100%;
  margin: 10.667vw 0 5.333vw;
  padding: 7.467vw 0 8.8vw 0;
  background-color: rgba(68, 153, 204, 0.5);
}
#beginner .u-sp .SectionTwo__blue-container p, .beginner-section .u-sp .SectionTwo__blue-container p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__num2-down, .beginner-section .u-sp .SectionTwo__num2-down {
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num2-down-img, .beginner-section .u-sp .SectionTwo__num2-down-img {
  width: 15.467vw;
}
#beginner .u-sp .SectionTwo__numb2-panel1, .beginner-section .u-sp .SectionTwo__numb2-panel1 {
  display: flex;
  margin-top: 5.733vw;
  justify-content: center;
  position: relative;
}
#beginner .u-sp .SectionTwo__numb2-panel1-img, .beginner-section .u-sp .SectionTwo__numb2-panel1-img {
  width: 84vw;
  height: 45.333vw;
}
#beginner .u-sp .SectionTwo__numb2-panel1-pic-img, .beginner-section .u-sp .SectionTwo__numb2-panel1-pic-img {
  width: 31.467vw;
  height: 31.467vw;
  position: absolute;
  margin-top: -29vw;
  left: 64vw;
}
#beginner .u-sp .SectionTwo__numb2-panel2, .beginner-section .u-sp .SectionTwo__numb2-panel2 {
  display: flex;
  margin-top: 8.267vw;
  justify-content: center;
  position: relative;
}
#beginner .u-sp .SectionTwo__numb2-panel2-img, .beginner-section .u-sp .SectionTwo__numb2-panel2-img {
  width: 84vw;
  height: 53.333vw;
}
#beginner .u-sp .SectionTwo__numb2-panel2-pic-img, .beginner-section .u-sp .SectionTwo__numb2-panel2-pic-img {
  position: absolute;
  width: 31.467vw;
  height: 31.467vw;
  margin-top: -33vw;
  left: 5vw;
}
#beginner .u-sp .SectionTwo__numb2-panel3, .beginner-section .u-sp .SectionTwo__numb2-panel3 {
  display: flex;
  margin-top: 8.267vw;
  justify-content: center;
  position: relative;
}
#beginner .u-sp .SectionTwo__numb2-panel3-img, .beginner-section .u-sp .SectionTwo__numb2-panel3-img {
  width: 84vw;
  height: 48vw;
}
#beginner .u-sp .SectionTwo__numb2-panel3-pic-img, .beginner-section .u-sp .SectionTwo__numb2-panel3-pic-img {
  position: absolute;
  width: 31.467vw;
  height: 31.467vw;
  margin-top: -31vw;
  left: 63vw;
}
#beginner .u-sp .SectionTwo__num3, .beginner-section .u-sp .SectionTwo__num3 {
  margin-top: 7.333vw;
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num3-img, .beginner-section .u-sp .SectionTwo__num3-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionTwo__title3, .beginner-section .u-sp .SectionTwo__title3 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__title3 > img, .beginner-section .u-sp .SectionTwo__title3 > img {
  width: 89.067vw;
  height: 35.144vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__title4, .beginner-section .u-sp .SectionTwo__title4 {
  margin-top: 2.667vw;
}
#beginner .u-sp .SectionTwo__title4 p, .beginner-section .u-sp .SectionTwo__title4 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #dd77bb;
}
#beginner .u-sp .SectionTwo__numb3-art-button, .beginner-section .u-sp .SectionTwo__numb3-art-button {
  width: 69.333vw;
  height: 10.667vw;
  margin: -1vw 15.333vw 0;
  padding: 2.813vw 2.667vw 3.2vw 3.213vw;
  border-radius: 13.333vw;
  box-shadow: 0 1.333vw 2.667vw 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
}
#beginner .u-sp .SectionTwo__numb3-art-button p, .beginner-section .u-sp .SectionTwo__numb3-art-button p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.333vw;
  letter-spacing: 0.16vw;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__numb3-art-button-arrow-img, .beginner-section .u-sp .SectionTwo__numb3-art-button-arrow-img {
  width: 2vw;
  float: right;
  margin-top: -4vw;
}
#beginner .u-sp .SectionTwo__numb3-art-green, .beginner-section .u-sp .SectionTwo__numb3-art-green {
  margin-top: 5.68vw;
  padding-left: 5.333vw;
  padding-right: 2.667vw;
}
#beginner .u-sp .SectionTwo__num4, .beginner-section .u-sp .SectionTwo__num4 {
  margin-top: 7.333vw;
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num4-img, .beginner-section .u-sp .SectionTwo__num4-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionTwo__title4, .beginner-section .u-sp .SectionTwo__title4 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__num5, .beginner-section .u-sp .SectionTwo__num5 {
  margin-top: 7.333vw;
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num5-img, .beginner-section .u-sp .SectionTwo__num5-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionTwo__Teachers, .beginner-section .u-sp .SectionTwo__Teachers {
  margin-top: 9.6vw;
}
#beginner .u-sp .SectionTwo__Teachers figure, .beginner-section .u-sp .SectionTwo__Teachers figure {
  max-width: 94.667vw;
}
#beginner .u-sp .SectionTwo__TeachersList, .beginner-section .u-sp .SectionTwo__TeachersList {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#beginner .u-sp .SectionTwo__TeachersListItem, .beginner-section .u-sp .SectionTwo__TeachersListItem {
  width: 42.4vw;
  max-width: 42.4vw;
  min-width: 42.4vw;
  margin: 0 -6vw;
}
#beginner .u-sp .SectionTwo__Teachers .swiper-container, .beginner-section .u-sp .SectionTwo__Teachers .swiper-container {
  position: relative;
  margin-top: -12.8vw;
}
#beginner .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-next,
#beginner .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-prev, .beginner-section .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-next,
.beginner-section .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-prev {
  position: absolute;
  top: calc(50% - 10.667vw);
  width: 13.333vw;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  outline: none;
}
#beginner .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-prev, .beginner-section .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-prev {
  left: 0;
}
#beginner .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-next, .beginner-section .u-sp .SectionTwo__Teachers .swiper-container .sw-teacher-btn-next {
  right: 0;
}
#beginner .u-sp .SectionTwo__title12, .beginner-section .u-sp .SectionTwo__title12 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__title12 > img, .beginner-section .u-sp .SectionTwo__title12 > img {
  width: 80.533vw;
  height: 19.528vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__title13, .beginner-section .u-sp .SectionTwo__title13 {
  margin-top: 3.6vw;
}
#beginner .u-sp .SectionTwo__title13 p, .beginner-section .u-sp .SectionTwo__title13 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #ee9966;
}
#beginner .u-sp .SectionTwo__title5, .beginner-section .u-sp .SectionTwo__title5 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__title5 > img, .beginner-section .u-sp .SectionTwo__title5 > img {
  width: 83.003vw;
  height: 42.357vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__title6, .beginner-section .u-sp .SectionTwo__title6 {
  margin-top: 2.667vw;
}
#beginner .u-sp .SectionTwo__title6 p, .beginner-section .u-sp .SectionTwo__title6 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #64b6c8;
}
#beginner .u-sp .SectionTwo__title7, .beginner-section .u-sp .SectionTwo__title7 {
  margin-top: 4.533vw;
}
#beginner .u-sp .SectionTwo__title7 p, .beginner-section .u-sp .SectionTwo__title7 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.8vw;
  letter-spacing: normal;
  text-align: center;
  color: #666666;
}
#beginner .u-sp .SectionTwo__numb5-penta, .beginner-section .u-sp .SectionTwo__numb5-penta {
  margin-top: 5.333vw;
}
#beginner .u-sp .SectionTwo__numb5-penta-button, .beginner-section .u-sp .SectionTwo__numb5-penta-button {
  width: 73.6vw;
  height: 12vw;
  margin: 10.667vw auto 0;
  padding: 4.533vw 3.387vw 3.733vw 1.387vw;
  border-radius: 13.333vw;
  box-shadow: 0 1.333vw 2.667vw 0 rgba(0, 0, 0, 0.1);
  background-color: #64b6c8;
}
#beginner .u-sp .SectionTwo__numb5-penta-button p, .beginner-section .u-sp .SectionTwo__numb5-penta-button p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.933vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__numb5-penta-button-arrow-img, .beginner-section .u-sp .SectionTwo__numb5-penta-button-arrow-img {
  width: 2vw;
  float: right;
  margin-top: -2.8vw;
}
#beginner .u-sp .SectionTwo__num6, .beginner-section .u-sp .SectionTwo__num6 {
  margin-top: 9.333vw;
  display: flex;
  justify-content: center;
}
#beginner .u-sp .SectionTwo__num6-img, .beginner-section .u-sp .SectionTwo__num6-img {
  width: 23.283vw;
  height: 23.283vw;
}
#beginner .u-sp .SectionTwo__title8, .beginner-section .u-sp .SectionTwo__title8 {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.733vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#beginner .u-sp .SectionTwo__title8 > img, .beginner-section .u-sp .SectionTwo__title8 > img {
  width: 82.811vw;
  height: 50.587vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__title9, .beginner-section .u-sp .SectionTwo__title9 {
  margin-top: 2.667vw;
}
#beginner .u-sp .SectionTwo__title9 p, .beginner-section .u-sp .SectionTwo__title9 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.267vw;
  text-align: center;
  color: #44bb99;
}
#beginner .u-sp .SectionTwo__title10, .beginner-section .u-sp .SectionTwo__title10 {
  margin-top: 5.333vw;
}
#beginner .u-sp .SectionTwo__title10 p, .beginner-section .u-sp .SectionTwo__title10 p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W4", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.8vw;
  letter-spacing: normal;
  text-align: center;
  color: #666666;
}
#beginner .u-sp .SectionTwo__numb6-stem, .beginner-section .u-sp .SectionTwo__numb6-stem {
  margin-top: 7.733vw;
}
#beginner .u-sp .SectionTwo__dwn-green, .beginner-section .u-sp .SectionTwo__dwn-green {
  display: flex;
  justify-content: center;
  margin-top: 0.6666666667vw;
}
#beginner .u-sp .SectionTwo__dwn-green-img, .beginner-section .u-sp .SectionTwo__dwn-green-img {
  width: 10.187vw;
  height: 14.067vw;
}
#beginner .u-sp .SectionTwo__title11, .beginner-section .u-sp .SectionTwo__title11 {
  margin-top: 4.987vw;
}
#beginner .u-sp .SectionTwo__title11 p, .beginner-section .u-sp .SectionTwo__title11 p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.767vw;
  text-align: center;
  color: #44bb99;
}
#beginner .u-sp .SectionTwo__title11 > img, .beginner-section .u-sp .SectionTwo__title11 > img {
  width: 78.187vw;
  height: 4.523vw;
  margin-left: auto;
  margin-right: auto;
}
#beginner .u-sp .SectionTwo__numb6-tibnr, .beginner-section .u-sp .SectionTwo__numb6-tibnr {
  margin-top: -24vw;
}
#beginner .u-sp .SectionTwo__green-container, .beginner-section .u-sp .SectionTwo__green-container {
  width: 100%;
  height: 173.6vw;
  margin: 3.92vw 0 0;
  padding: 8.267vw 5.333vw 8vw;
  object-fit: contain;
  background-color: rgba(68, 187, 153, 0.5);
}
#beginner .u-sp .SectionTwo__green-container p, .beginner-section .u-sp .SectionTwo__green-container p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 7.467vw;
  letter-spacing: 0.427vw;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu {
  width: 100%;
  height: 107.467vw;
  margin: 0 auto;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu input[type=radio], .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio] {
  display: none;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu label, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu label {
  display: block;
  line-height: 12.533vw;
  padding: 0 4vw 0 5.33vw;
  position: relative;
  cursor: pointer;
  width: 89.333vw;
  height: 12vw;
  margin: 2.6vw 0 0;
  border-radius: 2.667vw;
  background-color: #66bbcc;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .acc4, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .acc4 {
  background-color: #ee9966;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .acc5, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .acc5 {
  background-color: #4499cc;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .acc6, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .acc6 {
  background-color: #44bb99;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .acc7, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .acc7 {
  background-color: #a9ce4e;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .acc8, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .acc8 {
  background-color: #aa88ee;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu label::after, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu label::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.333vw 0 2.333vw 2.667vw;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 2.667vw;
  top: 3.467vw;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .content, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content {
  max-height: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .content .inner, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content .inner {
  width: 89.333vw;
  background-color: rgba(255, 255, 255, 0.49);
  border-bottom-left-radius: 2.667vw;
  border-bottom-right-radius: 2.667vw;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu .content .inner-img, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu .content .inner-img {
  width: 89.333vw;
  border-bottom-left-radius: 2.667vw;
  border-bottom-right-radius: 2.667vw;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label:after, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label:after {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu input[type=radio] + label:after, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio] + label:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label + .content, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label + .content {
  max-height: 533.333vw;
  height: auto;
  width: 89vw;
}
#beginner .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label, .beginner-section .u-sp .SectionTwo__green-container .accordionMenu input[type=radio]:checked + label {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
#beginner .u-sp .SectionTwo__green-container-button, .beginner-section .u-sp .SectionTwo__green-container-button {
  width: 73.6vw;
  height: 12vw;
  padding: 4.453vw 3.387vw 3.28vw 3.52vw;
  border-radius: 13.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #44bb99;
  margin: 22vw auto 0;
}
#beginner .u-sp .SectionTwo__green-container-button p, .beginner-section .u-sp .SectionTwo__green-container-button p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.933vw;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__green-container-button-arrow-img, .beginner-section .u-sp .SectionTwo__green-container-button-arrow-img {
  width: 2vw;
  float: right;
  margin-top: -2.8vw;
}
#beginner .u-sp .SectionTwo__campaign-bg-img, .beginner-section .u-sp .SectionTwo__campaign-bg-img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 186.267vw;
}
#beginner .u-sp .SectionTwo__campaign-grid, .beginner-section .u-sp .SectionTwo__campaign-grid {
  margin-top: 15.2vw;
}
#beginner .u-sp .SectionTwo .c-campaign, .beginner-section .u-sp .SectionTwo .c-campaign {
  display: flex;
  margin-top: 21.2vw;
  margin-left: auto;
  margin-right: auto;
  width: 89.333vw;
  border-radius: 8vw;
}
@media screen and (min-width: 768px) {
  #beginner .u-sp .SectionTwo .c-campaign, .beginner-section .u-sp .SectionTwo .c-campaign {
    visibility: hidden;
  }
}
#beginner .u-sp .SectionTwo .c-campaign__title, .beginner-section .u-sp .SectionTwo .c-campaign__title {
  max-width: none;
  width: 78.533vw;
  padding-top: 6.933vw;
}
#beginner .u-sp .SectionTwo .c-campaign__content, .beginner-section .u-sp .SectionTwo .c-campaign__content {
  max-width: none;
  width: 69.333vw;
  padding-top: 5.333vw;
}
#beginner .u-sp .SectionTwo .c-campaign__footer, .beginner-section .u-sp .SectionTwo .c-campaign__footer {
  max-width: none;
  width: 89.333vw;
  padding-top: 5.867vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--01, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 {
  width: 25.6vw;
  height: 25.6vw;
  left: -3.2vw;
  top: -10.667vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleCondition {
  font-size: 3.2vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleLast, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleLast {
  font-size: 6.933vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleText, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--01 .c-campaign__circleText {
  font-size: 2.667vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--02, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 {
  width: 25.6vw;
  height: 25.6vw;
  left: 19.2vw;
  top: -3.2vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleUntil {
  font-size: 2.667vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining {
  font-size: 3.2vw;
}
#beginner .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining em, .beginner-section .u-sp .SectionTwo .c-campaign .c-campaign__circle--02 .c-campaign__circleRemaining em {
  font-size: 4.8vw;
}
#beginner .u-sp .SectionTwo__lesson, .beginner-section .u-sp .SectionTwo__lesson {
  margin-top: 5.34vw;
}
#beginner .u-sp .SectionTwo__lesson-img, .beginner-section .u-sp .SectionTwo__lesson-img {
  width: 96vw;
}
#beginner .u-sp .SectionTwo__trail, .beginner-section .u-sp .SectionTwo__trail {
  width: 100vw;
  margin-top: -4vw;
}
#beginner .u-sp .SectionTwo__trail-img, .beginner-section .u-sp .SectionTwo__trail-img {
  position: absolute;
  z-index: -1;
}
#beginner .u-sp .SectionTwo__start-trail, .beginner-section .u-sp .SectionTwo__start-trail {
  width: 89.067vw;
  height: 115.2vw;
  margin: 10.347vw auto 0;
  padding: 5.067vw 2.133vw 4.267vw 2.667vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: relative;
}
#beginner .u-sp .SectionTwo__start-trail-img, .beginner-section .u-sp .SectionTwo__start-trail-img {
  width: 77.867vw;
  height: 45.867vw;
  margin: 0 3.2vw 6.133vw;
  object-fit: contain;
  border-radius: 4.267vw;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__trail-bdg-img, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__trail-bdg-img {
  width: 26vw;
  position: absolute;
  left: -0.1vw;
  top: -6vw;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__first p, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__first p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.04vw;
  text-align: left;
  color: #777777;
  text-align: center;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second {
  display: flex;
  flex-direction: row;
  margin: 2.933vw 6vw 0;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second p, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second p {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.8vw;
  text-align: center;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-one, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-one {
  color: #66bbcc;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-two, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-two {
  color: #44bb99;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-three, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-three {
  color: #aa88ee;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-four, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-four {
  color: #4499cc;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-five, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-five {
  color: #aacc55;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-six, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-six {
  color: #ee9966;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-seven, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-seven {
  color: #dd77bb;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__second-text-eight, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__second-text-eight {
  color: #44bb99;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__third, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__third {
  margin-top: 4vw;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__third p, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__third p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.133vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
  text-align: center;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button {
  width: 84.267vw;
  height: 18.4vw;
  margin: 10.667vw 0 0;
  padding: 7.733vw 4.533vw 6.667vw 4.533vw;
  border-radius: 13.333vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
  position: relative;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-text, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 4.267vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.81;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white {
  width: 21.067vw;
  height: 10.933vw;
  padding: 4vw 4.533vw 3.467vw 4vw;
  border-radius: 8vw;
  box-shadow: 0 1.333vw 2.667vw 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  position: absolute;
  left: 32vw;
  top: -5vw;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white-text, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-white-text {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.467vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ee9966;
  white-space: nowrap;
}
#beginner .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-arrow, .beginner-section .u-sp .SectionTwo__start-trail .SectionTwo__yellow-bg-button-arrow {
  width: 2vw;
  float: right;
  margin-top: -3vw;
}
#beginner .u-sp .SectionTwo__trail-bdg, .beginner-section .u-sp .SectionTwo__trail-bdg {
  width: 28vw;
}
#beginner .u-sp .LogoFooter, .beginner-section .u-sp .LogoFooter {
  width: 47vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 23vw;
  height: 33vw;
}

#lower_listening .utility__center {
  margin: 0 auto;
}
#lower_listening .utility__center-block {
  display: block;
  margin: 0 auto;
}
#lower_listening .utility__orange {
  background-color: #ee996610;
}
#lower_listening .utility__blue {
  background-color: #aa88ee10;
}
#lower_listening .utility__red {
  background-color: #dd77bb10;
}
#lower_listening .sp .HeaderMenu {
  top: 70px;
}
#lower_listening .sp .mt_17 {
  margin-top: 4.53vw;
  margin-bottom: 4.53vw;
}
#lower_listening .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 16vw;
}
#lower_listening .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#lower_listening .sp .background__wrapper {
  background-color: #ee996610;
}
#lower_listening .sp .title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
#lower_listening .sp .title-wrap > img {
  width: 51.2vw;
  display: block;
  margin: 0 auto 5.33vw;
}
#lower_listening .sp .title-wrap span {
  font-family: "Hiragino Sans W6", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-align: center;
  color: #777;
}
#lower_listening .sp .card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 8vw;
  z-index: 3;
  margin-top: 5.33vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
}
#lower_listening .sp .card__bubble {
  width: 51.173vw;
}
#lower_listening .sp .card__bubble__img {
  width: 66.93vw;
  top: -11.867vw;
}
#lower_listening .sp .card__bubble__text {
  margin: 22px auto;
  display: block;
}
#lower_listening .sp .card__bubble_title {
  position: absolute;
  left: 25.933vw;
  top: -13vw;
  width: 38.93vw;
}
#lower_listening .sp .card__title > img {
  width: 61.6vw;
  margin: 18.13vw auto 5.33vw;
  display: block;
}
#lower_listening .sp .card__btn-orange {
  width: 44.8vw;
  line-height: 10.667vw;
  margin: 5.33vw auto;
  height: 10.667vw;
  color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
}
#lower_listening .sp .card__btn-orange-full {
  width: 69.333vw;
  line-height: 10.667vw;
  margin: 5.33vw auto;
  height: 10.667vw;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #ee9966;
}
#lower_listening .sp .card__btn-orange-full.color__pinkocean {
  background-color: #aa88ee;
}
#lower_listening .sp .card__btn-orange-full.color__lightred {
  background-color: #dd77bb;
}
#lower_listening .sp .card__btn__text {
  color: #fff;
  font-size: 3.2vw;
  margin-left: 3vw;
  text-align: center;
  width: 90%;
}
#lower_listening .sp .card__btn_arrow_img {
  margin: 0 auto;
  display: block;
}
#lower_listening .sp .card__btn_arrow_img_bg {
  position: absolute;
  top: 86.67vw;
  left: 70.4vw;
}
#lower_listening .sp .card__btn_arrow_img_2 {
  margin: -10.4vw auto 0;
  display: block;
}
#lower_listening .sp .card__color__pinkocean {
  line-height: 28px;
  letter-spacing: normal;
  text-align: center;
  color: #aa88ee;
  font-size: 4.8vw;
  font-weight: 500;
}
#lower_listening .sp .card___reading__img {
  width: 74.667vw;
  height: 48vw;
}
#lower_listening .sp .card___reading__description {
  font-size: 3.433vw;
  font-weight: 600;
  padding: 5.87vw 5.87vw 0;
  line-height: 6.4vw;
  letter-spacing: 0;
  text-align: center;
  color: #777777;
}
#lower_listening .sp .card__flex {
  display: flex;
}
#lower_listening .sp .card__column {
  flex: 1;
}
#lower_listening .sp .card__column__left__img {
  width: 30.933vw;
}
#lower_listening .sp .card__column-2 {
  flex: 2;
}
#lower_listening .sp .card h3 {
  font-size: 3.733vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
#lower_listening .sp .card .heading_pink_01 {
  width: 42.93vw;
  margin: 20px auto;
  display: block;
}
#lower_listening .sp .card .heading_orange_03 {
  width: 52.53vw;
  margin: 20px auto;
  display: block;
}
#lower_listening .sp .card .heading_pink {
  width: 71.47vw;
  margin: 19.2vw auto 6.33vw;
  display: block;
}
#lower_listening .sp .MainContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 9.867vw;
}
#lower_listening .sp .MainContent__title-img {
  width: 51.2vw;
  display: block;
  margin: 0 auto 4vw;
}
#lower_listening .sp .MainContent__title-wrap {
  display: flex;
  flex-direction: column;
  margin: 15.667vw auto 5.333vw;
}
#lower_listening .sp .MainContent__title-wrap span:first-of-type {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #ee9966;
  margin-bottom: 4vw;
}
#lower_listening .sp .MainContent__title-wrap span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#lower_listening .sp .MainContent__title-wrap span.color__green {
  color: #44bb99;
}
#lower_listening .sp .MainContent__title-wrap:last-of-type {
  margin: 11.667vw auto 0;
}
#lower_listening .sp .MainContent__small-text {
  margin: 1.067vw 0 0 auto;
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 2.133vw;
  font-weight: 400;
  line-height: 4vw;
  color: #000000;
}
#lower_listening .sp .MainContent__table-header-1 {
  display: flex;
  margin: 0 5.333vw;
  height: 9.6vw;
}
#lower_listening .sp .MainContent__table-header-1-col {
  background-color: #dddddd;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lower_listening .sp .MainContent__table-header-1-col span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.733vw;
  font-weight: 400;
  line-height: 4vw;
  letter-spacing: 0.1em;
  color: #666666;
}
#lower_listening .sp .MainContent__table-header-1 .col-1 {
  width: 13.867vw;
  border-right: 1px solid #ffffff;
}
#lower_listening .sp .MainContent__table-header-1 .col-2 {
  width: 28.533vw;
  border-right: 1px solid #ffffff;
}
#lower_listening .sp .MainContent__table-header-1 .col-3 {
  width: 46.4vw;
}
#lower_listening .sp .MainContent__table-1 {
  margin: 0 5.333vw;
  display: inline-grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 0;
  grid-template-columns: 13.867vw 28.533vw 46.4vw;
  column-gap: 0;
  grid-auto-flow: column;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.733vw;
  font-weight: 400;
  line-height: 4.267vw;
  color: #666666;
}
#lower_listening .sp .MainContent__table-1-eiken {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  height: 10.933vw;
}
#lower_listening .sp .MainContent__table-1-lvl {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #dddddd;
  height: 10.933vw;
  border-right: solid 1px #dddddd;
}
#lower_listening .sp .MainContent__table-1-voc-num {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  height: 10.933vw;
}
#lower_listening .sp .MainContent__table-1-voc-num img.kid-1 {
  width: 10.667vw;
  z-index: 3;
  margin: auto 0 auto 0.533vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#lower_listening .sp .MainContent__table-1-voc-num img.kid-2 {
  width: 10.667vw;
  z-index: 3;
  position: absolute;
  left: 11.733vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
#lower_listening .sp .MainContent__table-1-voc-num-bar {
  height: 8vw;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  background-image: linear-gradient(to right, #777777 1%, #aaaaaa);
  border-radius: 0 1.333vw 1.333vw 0;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-1 {
  width: 0.533vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-2 {
  width: 2.133vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-3 {
  width: 3.2vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-4 {
  width: 5.6vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-5 {
  width: 8vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-6 {
  width: 14.133vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .bar-7 {
  width: 23.467vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-1 {
  margin-left: 3.467vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-2 {
  margin-left: 3.2vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-3 {
  margin-left: 3.2vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-4 {
  margin-left: 1.333vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-5 {
  margin-left: 2.933vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-6 {
  margin-left: 2.133vw;
}
#lower_listening .sp .MainContent__table-1-voc-num .cnt-7 {
  margin-left: 2.933vw;
}
#lower_listening .sp .MainContent__eiken-buble {
  z-index: 3;
  margin: -4.8vw auto 0 20.267vw;
  width: 66.133vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
#lower_listening .sp .MainContent__arrow {
  margin: 3.627vw auto 3.68vw;
  width: 10.667vw;
}
#lower_listening .sp .MainContent__toeic {
  margin: 0 10.933vw 0 10.667vw;
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 3.733vw;
  font-weight: 700;
  line-height: 6.4vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #777777;
}
#lower_listening .sp .MainContent__green-buble {
  width: 100%;
  margin: -2.667vw 0 10.133vw;
}
#lower_listening .sp .FirstMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 12.8vw 5.33vw 5.87vw;
  margin-top: 6.93vw;
}
#lower_listening .sp .FirstMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 16.267vw 5.333vw 11.2vw;
  background-color: #ffffff;
  width: 89.333vw;
  height: 153.333vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
}
#lower_listening .sp .FirstMethod__wrap-method-num {
  width: 24.653vw;
  margin: -12vw auto 0;
}
#lower_listening .sp .FirstMethod__bg {
  position: absolute;
  width: 100vw;
  height: 97.067vw;
  top: 9.07vw;
  left: -0.27vw;
}
#lower_listening .sp .FirstMethod__content {
  margin: 2vw 5.333vw 0;
}
#lower_listening .sp .FirstMethod__content-title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ee9966;
  margin: 0 auto 4vw;
}
#lower_listening .sp .FirstMethod__content-main {
  font-family: "Hiragino Sans W6", "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
}
#lower_listening .sp .FirstMethod__content-main span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#lower_listening .sp .FirstMethod__steps {
  width: 100vw;
  position: absolute;
  max-width: inherit;
  top: 51.84vw;
  right: -5.067vw;
}
#lower_listening .sp .FirstMethod__steps-text-1 {
  position: absolute;
  left: 2.667vw;
  bottom: 23.547vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 5.333vw;
  text-align: left;
  color: #777777;
}
#lower_listening .sp .FirstMethod__steps-text-2 {
  position: absolute;
  right: 2.667vw;
  bottom: 9.413vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 5.333vw;
  text-align: left;
  color: #777777;
}
#lower_listening .sp .SecondMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  margin-top: -2.667vw;
}
#lower_listening .sp .SecondMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 16.267vw 5.333vw 8vw;
  background-color: #ffffff;
  width: 89.333vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  overflow: visible;
}
#lower_listening .sp .SecondMethod__wrap-method-num {
  width: 22.4vw;
  margin: -12vw auto 0;
}
#lower_listening .sp .SecondMethod__content {
  margin: 5.733vw 5.333vw 0 5.6vw;
}
#lower_listening .sp .SecondMethod__content-title {
  display: flex;
  flex-direction: column;
  margin: 0 auto 4vw;
  line-height: 7.467vw;
  letter-spacing: 0.05em;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #66bbcc;
}
#lower_listening .sp .SecondMethod__content-title span:first-of-type {
  font-size: 3.733vw;
}
#lower_listening .sp .SecondMethod__content-title span:last-of-type {
  font-size: 5.333vw;
}
#lower_listening .sp .SecondMethod__content-main {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
}
#lower_listening .sp .SecondMethod__content-main span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#lower_listening .sp .SecondMethod__steps {
  width: 100vw;
  max-width: inherit;
  margin-top: 7.04vw;
  margin-left: -5.067vw;
}
#lower_listening .sp .SecondMethod__table {
  display: block;
  width: 86.4vw;
  margin: -7px auto -10px 10px;
}
#lower_listening .sp .SecondMethod__arrow {
  width: 6.298vw;
  margin: 2.693vw auto 3.733vw;
}
#lower_listening .sp .SecondMethod__plan {
  display: inline-flex;
  margin: 0 auto 4.267vw;
}
#lower_listening .sp .SecondMethod__plan-btn {
  width: 12.267vw;
  height: 6.667vw;
  margin-right: 2.133vw;
  border-radius: 2.667vw;
  border: solid 2px #64b6c8;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lower_listening .sp .SecondMethod__plan-btn span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 8vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #64b6c8;
}
#lower_listening .sp .SecondMethod__plan-text {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 5.333vw;
  letter-spacing: normal;
  color: #ee6666;
}
#lower_listening .sp .SecondMethod__plan-make {
  margin: 0 auto 2.88vw;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 5.333vw;
  text-align: center;
  color: #666666;
}
#lower_listening .sp .SecondMethod__earth-addr {
  width: 66.133vw;
  margin: 0 5.333vw -8vw auto;
}
#lower_listening .sp .bg_section_2 {
  position: absolute;
  left: -10.13vw;
  margin-top: -24.53vw;
  width: 20.53vw;
}
#lower_listening .sp .ThirdMethod {
  position: relative;
  display: flex;
  padding: 20px;
  flex-direction: column;
}
#lower_listening .sp .ThirdMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 16.267vw 5.333vw 8vw;
  background-color: #ffffff;
  width: 89.333vw;
  border-radius: 8vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  overflow: visible;
}
#lower_listening .sp .ThirdMethod__wrap-method-num {
  width: 22.4vw;
  margin: -12vw auto 0;
}
#lower_listening .sp .ThirdMethod__content {
  margin: 4.16vw 5.333vw 0;
}
#lower_listening .sp .ThirdMethod__content-title {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 5.333vw;
  font-weight: 400;
  line-height: 7.467vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ee9966;
  margin: 0 auto 4vw;
}
#lower_listening .sp .ThirdMethod__content-main {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 3.733vw;
  font-weight: 600;
  line-height: 6.4vw;
  letter-spacing: normal;
  text-align: left;
  color: #777777;
}
#lower_listening .sp .ThirdMethod-methods {
  width: 100vw;
  max-width: inherit;
  margin: 6.667vw auto 8.133vw -5.333vw;
}
#lower_listening .sp .ThirdMethod .section_3_img {
  max-width: 360px;
  width: 360px;
}
#lower_listening .sp .FourthMethod {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 14.67vw;
  padding: 5.33vw;
  background-color: rgba(170, 136, 238, 0.1);
}
#lower_listening .sp .FourthMethod__bg {
  position: absolute;
  max-width: inherit;
  width: 100%;
  height: 268.8vw;
  top: -5vw;
  left: 0;
}
#lower_listening .sp .FourthMethod__margin-top {
  margin-top: 12vw;
}
#lower_listening .sp .FifthMethod {
  background-color: rgba(221, 119, 187, 0.1);
  margin-top: 20.667vw;
  padding: 8.8vw 5.33vw;
}
#lower_listening .sp .FifthMethod__bg {
  position: absolute;
  max-width: 100vw;
  width: 100vw;
  height: 235.8vw;
  left: 0;
  margin-top: -17.667vw;
}
#lower_listening .sp .FifthMethod__description {
  font-size: 3.733vw;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  line-height: 5.33vw;
  color: #777777;
  margin-bottom: 5.333vw;
}
#lower_listening .sp .FifthMethod__body__image {
  width: 100%;
  display: block;
  max-width: initial;
}
#lower_listening .pc .background__wrapper {
  max-width: 1000px;
  margin: 66.7px auto;
  padding-bottom: 60px;
  border-radius: 30px;
  border: solid 1px #70707010;
}
#lower_listening .pc .background__wrapper.mpd-adjust {
  padding-bottom: 3.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .background__wrapper.mpd-adjust {
    padding-bottom: 36px;
  }
}
#lower_listening .pc .MainContent {
  position: relative;
  display: flex;
  flex-direction: column;
}
#lower_listening .pc .MainContent__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#lower_listening .pc .MainContent__bubble__position {
  margin-left: 169px;
  position: absolute;
}
#lower_listening .pc .MainContent__title-img {
  width: 28.5vw;
  display: block;
  margin: 0 auto 1vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__title-img {
    margin: 0 auto 10px;
    width: 285px;
  }
}
#lower_listening .pc .MainContent__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 1.4vw auto 0;
  width: 50.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__title-wrap {
    margin: 14px auto 0;
    width: 502px;
  }
}
#lower_listening .pc .MainContent__title-wrap span:first-of-type {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 3.6vw;
  font-weight: 400;
  line-height: 5vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ee9966;
  margin-bottom: 2.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__title-wrap span:first-of-type {
    margin-bottom: 22px;
    font-size: 36px;
    line-height: 50px;
  }
}
#lower_listening .pc .MainContent__title-wrap span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__title-wrap span:last-of-type {
    font-size: 20px;
    line-height: 30px;
  }
}
#lower_listening .pc .MainContent__title-wrap__content {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__title-wrap__content {
    font-size: 14px;
    line-height: 30px;
  }
}
#lower_listening .pc .MainContent__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8.1vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  width: 72.1vw;
  padding-bottom: 2.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__white-box {
    margin-top: 81px;
    width: 721px;
    border-radius: 30px;
    padding-bottom: 26px;
  }
}
#lower_listening .pc .MainContent__white-box.mt-24 {
  margin-top: 2.4vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__white-box.mt-24 {
    margin-top: 24px;
  }
}
#lower_listening .pc .MainContent__tables {
  display: flex;
  margin-top: 1vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__tables {
    margin-top: 10px;
  }
}
#lower_listening .pc .MainContent__table {
  overflow-x: visible;
  display: flex;
  flex-direction: column;
}
#lower_listening .pc .MainContent__table:last-of-type {
  margin-left: 8.5vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table:last-of-type {
    margin-left: 85px;
  }
}
#lower_listening .pc .MainContent__table-tooltip {
  width: 53.2vw;
  margin-left: 0;
  margin-bottom: -0.3vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-tooltip {
    width: 532px;
    margin-left: 0;
    margin-bottom: -3px;
  }
}
#lower_listening .pc .MainContent__table-table {
  width: 62.2vw;
  height: auto;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-table {
    width: 622px;
  }
}
#lower_listening .pc .MainContent__table .tooltip-right {
  margin-left: auto;
  margin-right: 0;
}
#lower_listening .pc .MainContent__table__btn {
  margin-top: 2vw;
  margin-left: -8vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table__btn {
    margin-top: 20px;
    margin-left: -80px;
  }
}
#lower_listening .pc .MainContent__table-header {
  display: flex;
  margin-bottom: 0.8vw;
  height: 3.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header {
    margin-bottom: 8px;
    height: 36px;
  }
}
#lower_listening .pc .MainContent__table-header-col {
  background-color: #dddddd;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lower_listening .pc .MainContent__table-header-col:first-of-type {
  width: 19.4vw;
  border-right: 1px solid #ffffff;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-col:first-of-type {
    width: 144px;
  }
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-col:last-of-type {
    width: 338px;
  }
}
#lower_listening .pc .MainContent__table-header-col span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.5vw;
  letter-spacing: 0.1em;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-col span {
    font-size: 14px;
    line-height: 15px;
  }
}
#lower_listening .pc .MainContent__table-content {
  margin: 0;
  display: inline-grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 1vw;
  grid-template-columns: auto 1fr;
  column-gap: 1px;
  align-items: center;
  grid-auto-flow: column;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content {
    row-gap: 10px;
    column-gap: 1px;
  }
}
#lower_listening .pc .MainContent__table-content-grp {
  width: 13.8vw;
  display: flex;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-grp {
    width: 144px;
  }
}
#lower_listening .pc .MainContent__table-content-grp img {
  width: 7vw;
  z-index: 1;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-grp img {
    width: 70px;
  }
}
#lower_listening .pc .MainContent__table-content-grp-age {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.5vw;
  color: #666666;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-grp-age {
    font-size: 14px;
    line-height: 15px;
  }
}
#lower_listening .pc .MainContent__table-content-words {
  position: relative;
  display: flex;
  align-items: center;
}
#lower_listening .pc .MainContent__table-content-words .bar-1 {
  background-color: #44bb99;
  width: 3.7vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .bar-1 {
    width: 37px;
  }
}
#lower_listening .pc .MainContent__table-content-words .bar-2 {
  background-color: #44bb99;
  width: 12.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .bar-2 {
    width: 122px;
  }
}
#lower_listening .pc .MainContent__table-content-words .bar-3 {
  background-color: #44bb99;
  width: 24.4vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .bar-3 {
    width: 244px;
  }
}
#lower_listening .pc .MainContent__table-content-words .bar-4 {
  background-color: #44bb99;
  width: 29.3vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .bar-4 {
    width: 293px;
  }
}
#lower_listening .pc .MainContent__table-content-words .bar-5 {
  background-color: #44bb99;
  width: 34.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .bar-5 {
    width: 342px;
  }
}
#lower_listening .pc .MainContent__table-content-words-bar {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  height: 4vw;
  border-top-right-radius: 1vw;
  border-bottom-right-radius: 1vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words-bar {
    height: 40px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
#lower_listening .pc .MainContent__table-content-words .cnt-1 {
  color: #44bb99;
  margin-left: 1.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .cnt-1 {
    margin-left: 12px;
  }
}
#lower_listening .pc .MainContent__table-content-words .cnt-2 {
  color: #ffffff;
  position: absolute;
  left: 1.3vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .cnt-2 {
    left: 13px;
  }
}
#lower_listening .pc .MainContent__table-content-words .cnt-3 {
  color: #ffffff;
  position: absolute;
  left: 1.3vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .cnt-3 {
    left: 13px;
  }
}
#lower_listening .pc .MainContent__table-content-words .cnt-4 {
  color: #ffffff;
  position: absolute;
  left: 1.3vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .cnt-4 {
    left: 13px;
  }
}
#lower_listening .pc .MainContent__table-content-words .cnt-5 {
  color: #ffffff;
  position: absolute;
  left: 1.3vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words .cnt-5 {
    left: 13px;
  }
}
#lower_listening .pc .MainContent__table-content-words-cnt {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 2vw;
  letter-spacing: 0.1em;
  line-height: 5vw;
  z-index: 3;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-words-cnt {
    font-size: 20px;
    line-height: 50px;
  }
}
#lower_listening .pc .MainContent__table-header-1 {
  display: flex;
  height: 3.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-1 {
    height: 36px;
  }
}
#lower_listening .pc .MainContent__table-header-1-col {
  background-color: #dddddd;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lower_listening .pc .MainContent__table-header-1-col span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.5vw;
  letter-spacing: 0.1em;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-1-col span {
    font-size: 14px;
    line-height: 15px;
  }
}
#lower_listening .pc .MainContent__table-header-1 .col-1 {
  width: 7.6vw;
  border-right: 1px solid #ffffff;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-1 .col-1 {
    width: 52px;
  }
}
#lower_listening .pc .MainContent__table-header-1 .col-2 {
  width: 16.1vw;
  border-right: 1px solid #ffffff;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-1 .col-2 {
    width: 107px;
  }
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-header-1 .col-3 {
    width: 328px;
  }
}
#lower_listening .pc .MainContent__table-content-1 {
  margin: 0;
  display: inline-grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 0;
  grid-template-columns: 5.2vw 10.7vw auto;
  column-gap: 0;
  grid-auto-flow: column;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.5vw;
  letter-spacing: 0.1em;
  color: #666666;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-1 {
    font-size: 14px;
    grid-template-columns: 52px 107px 328px;
  }
}
#lower_listening .pc .MainContent__table-content-1-eiken {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  height: 5.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-1-eiken {
    height: 56px;
  }
}
#lower_listening .pc .MainContent__table-content-1-lvl {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #dddddd;
  height: 5.6vw;
  border-right: solid 1px #dddddd;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-content-1-lvl {
    height: 56px;
  }
}
#lower_listening .pc .MainContent__table-small-text {
  margin: 2.1vw auto 0 0;
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.5vw;
  color: #000000;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-small-text {
    margin: 21px auto 0 0;
    font-size: 10px;
    line-height: 15px;
  }
}
#lower_listening .pc .MainContent__table-eiken-buble {
  z-index: 3;
  margin: -2.5vw auto 0 9.75vw;
  width: 24.8vw;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__table-eiken-buble {
    width: 248px;
    margin: -25px auto 0 107.5px;
  }
}
#lower_listening .pc .MainContent__arrow {
  width: 4vw;
  margin: -5.3vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__arrow {
    width: 40px;
    margin: -53px auto 0;
  }
}
#lower_listening .pc .MainContent__toeic900 {
  width: 73.8vw;
  margin: -1.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .MainContent__toeic900 {
    width: 738px;
    margin: -17px auto 0;
  }
}
#lower_listening .pc .FirstMethod {
  position: relative;
  display: flex;
  flex-direction: column;
}
#lower_listening .pc .FirstMethod__wrap {
  position: relative;
  display: flex;
  padding-top: 60px;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#lower_listening .pc .FirstMethod__story__image {
  width: 50.1vw;
  margin: 3.2vw auto 3.2vw 14.9vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__story__image {
    width: 501px;
    margin: 32px auto 32px 149px;
  }
}
#lower_listening .pc .FirstMethod__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__title-wrap {
    margin: 0 auto;
  }
}
#lower_listening .pc .FirstMethod__title-wrap > img {
  width: 34.5vw;
  display: block;
  margin: 0 auto 5.33vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__title-wrap > img {
    width: 345px;
    margin: 42px auto 30px;
  }
}
#lower_listening .pc .FirstMethod__title-wrap span:last-of-type {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 3vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__title-wrap span:last-of-type {
    font-size: 20px;
    line-height: 30px;
  }
}
#lower_listening .pc .FirstMethod__bg {
  position: absolute;
  z-index: -1;
  max-width: max-content;
  top: -48px;
  left: -65px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 63.2vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__bg {
    width: 1044px;
    height: 632px;
  }
}
#lower_listening .pc .FirstMethod__bg__bottom {
  position: absolute;
  z-index: -1;
  top: 5.8vw;
  left: -0.3vw;
  width: 102.8vw;
  height: 74.3vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__bg__bottom {
    top: 58px;
    left: -3px;
    width: 1028px;
    height: 743px;
  }
}
#lower_listening .pc .FirstMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8vw;
  border-radius: 3vw;
  z-index: 10;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  width: 72.1vw;
  padding-bottom: 20px;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__white-box {
    margin-top: 80px;
    width: 721px;
    border-radius: 30px;
  }
}
#lower_listening .pc .FirstMethod__white-box.mt-24 {
  margin-top: 2.4vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__white-box.mt-24 {
    margin-top: 24px;
  }
}
#lower_listening .pc .FirstMethod__white-box-title > img {
  margin: -44px auto 0;
  display: block;
  width: 44.5vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__white-box-title > img {
    width: 445px;
  }
}
#lower_listening .pc .FirstMethod__white-box-title.mt-10 {
  margin: 10px auto 0;
}
#lower_listening .pc .FirstMethod__white-box-content {
  font-family: "Hiragino Sans W6", "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: normal;
  line-height: 2.8vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
  margin: 2.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__white-box-content {
    font-size: 14px;
    line-height: 28px;
    margin: 27px auto 0;
  }
}
#lower_listening .pc .FirstMethod__white-box-content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#lower_listening .pc .FirstMethod__white-box-steps {
  width: 82.5vw;
  margin: 2.25vw auto auto 10.25vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__white-box-steps {
    width: 825px;
    margin: 22.5px auto auto 102.5px;
  }
}
#lower_listening .pc .FirstMethod__method-num {
  width: 14.6vw;
  margin: -5.5vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__method-num {
    width: 146px;
    margin: -55px auto 0;
  }
}
#lower_listening .pc .FirstMethod__img__left {
  width: 17.5vw;
  margin: -109px -28px 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__img__left {
    width: 175px;
  }
}
#lower_listening .pc .FirstMethod__img__right {
  width: 24.8vw;
  margin: -5.5vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__img__right {
    width: 93px;
    margin: -33px auto 0;
  }
}
#lower_listening .pc .FirstMethod__bottom__right {
  position: absolute;
  width: 17.5vw;
  top: 150px;
  right: -21px;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__bottom__right {
    width: 175px;
    top: 150px;
    right: -21px;
  }
}
#lower_listening .pc .FirstMethod__ab {
  position: absolute;
  top: -10.5vw;
  right: 0;
  width: 24.8vw;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .FirstMethod__ab {
    width: 93px;
    top: -105px;
    right: -21px;
  }
}
#lower_listening .pc .card__btn__full {
  width: 26vw;
  line-height: 10.667vw;
  margin: 20px auto;
  height: 4vw;
  border-radius: 50px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .card__btn__full {
    max-width: 260px;
    height: 40px;
  }
}
#lower_listening .pc .card__btn__orange {
  max-width: 29vw;
  width: 29vw;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .card__btn__orange {
    max-width: 290px;
    width: 290px;
  }
}
#lower_listening .pc .card__btn__text {
  color: #fff;
  font-size: 1.2vw;
  text-align: center;
  width: 90%;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .card__btn__text {
    font-size: 12px;
  }
}
#lower_listening .pc .card__btn__arrow_img {
  display: inline-block;
  width: 0.83vw;
  margin-right: 10px;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .card__btn__arrow_img {
    width: 8.3px;
  }
}
#lower_listening .pc .card__orange {
  background-color: #ee9966;
}
#lower_listening .pc .card__redlight {
  background-color: #dd77bb;
}
#lower_listening .pc .card__blue {
  background-color: #aa88ee;
}
#lower_listening .pc .SecondMethod {
  position: relative;
  display: flex;
  margin-top: 2vw;
  flex-direction: column;
}
#lower_listening .pc .SecondMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#lower_listening .pc .SecondMethod__bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__bg {
    max-width: 1071px;
  }
}
#lower_listening .pc .SecondMethod__bg__3 {
  position: absolute;
  max-width: max-content;
  width: 103.3vw;
  height: 74.6vw;
  top: -8.7vw;
  left: 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__bg__3 {
    width: 1033px;
    height: 746px;
    top: -87px;
  }
}
#lower_listening .pc .SecondMethod__blue {
  color: #aa88ee;
}
#lower_listening .pc .SecondMethod__blue > img {
  margin: -0.35vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__blue > img {
    margin: -3.5px auto 0;
  }
}
#lower_listening .pc .SecondMethod__column {
  flex: 1;
}
#lower_listening .pc .SecondMethod__column__bubble {
  margin: 10px 0;
}
#lower_listening .pc .SecondMethod__reading__listening {
  display: flex;
  padding: 1vw 5.5vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__reading__listening {
    padding: 10px 55px;
  }
}
#lower_listening .pc .SecondMethod__description {
  width: 276px;
  margin: 23px 4px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 1.4px;
  text-align: left;
  color: #777777;
}
#lower_listening .pc .SecondMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-top: 2.8vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  width: 72.1vw;
  z-index: 10;
  padding-bottom: 20px;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__white-box {
    margin-top: 28px;
    width: 721px;
    border-radius: 30px;
  }
}
#lower_listening .pc .SecondMethod__white-box-title {
  margin: 2.35vw auto 0;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 2.4vw;
  font-weight: normal;
  line-height: 3.6vw;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__white-box-title {
    margin: 23.5px auto 0;
    font-size: 24px;
    line-height: 36px;
  }
}
#lower_listening .pc .SecondMethod__white-box-content {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 2.8vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
  margin: 2.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__white-box-content {
    font-size: 16px;
    line-height: 28px;
    margin: 27px auto 0;
  }
}
#lower_listening .pc .SecondMethod__white-box-content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#lower_listening .pc .SecondMethod__white-box-steps {
  width: 79.6vw;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: -0.1vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__white-box-steps {
    width: 796px;
    bottom: -1px;
  }
}
#lower_listening .pc .SecondMethod__method-num {
  width: 8.9vw;
  margin: -5.4vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .SecondMethod__method-num {
    width: 89px;
    margin: -54px auto 0;
  }
}
#lower_listening .pc .ThirdMethod {
  position: relative;
  display: flex;
  flex-direction: column;
}
#lower_listening .pc .ThirdMethod__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__wrap {
    margin: 0 auto;
    width: 1000px;
  }
}
#lower_listening .pc .ThirdMethod__bg {
  position: absolute;
  z-index: 3;
  top: -5vw;
  left: -6.6vw;
  margin-left: auto;
  margin-right: auto;
  width: 95.9vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__bg {
    top: -50px;
    width: 959px;
  }
}
#lower_listening .pc .ThirdMethod__white-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8.1vw;
  border-radius: 3vw;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  width: 72.1vw;
  z-index: 10;
  padding-bottom: 0.6vw;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__white-box {
    margin-top: 81px;
    width: 721px;
    border-radius: 30px;
    padding-bottom: 6px;
  }
}
#lower_listening .pc .ThirdMethod__white-box-title > img {
  margin: 2.35vw auto 0;
  width: 44.4vw;
  display: block;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__white-box-title > img {
    margin: 23.5px auto 0;
    width: 444px;
  }
}
#lower_listening .pc .ThirdMethod__white-box-content {
  font-family: "Hiragino Sans W6", "Hiragino Sans", sans-serif;
  font-size: 1.4vw;
  font-weight: normal;
  line-height: 2.4vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #777777;
  margin: 1.7vw auto 0;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__white-box-content {
    font-size: 14px;
    line-height: 24px;
    margin: 17px auto 0;
  }
}
#lower_listening .pc .ThirdMethod__white-box-content span {
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #ee6666;
}
#lower_listening .pc .ThirdMethod__white-box-steps {
  width: 100%;
  margin: 4.6vw auto auto;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__white-box-steps {
    width: 874px;
    margin: 46px auto auto;
  }
}
#lower_listening .pc .ThirdMethod__method-num {
  width: 8.9vw;
  margin: -6vw auto 0;
  z-index: 4;
}
@media screen and (min-width: 1000px) {
  #lower_listening .pc .ThirdMethod__method-num {
    width: 89px;
    margin: -60px auto 0;
  }
}

#trial {
  overflow-x: hidden;
}
#trial .KeyvisualTrialLesson {
  background: #bf7eb3;
  background: -moz-linear-gradient(90deg, #bf7eb3 0%, #00aa8f 84%, #00a884 100%);
  background: -webkit-linear-gradient(90deg, #bf7eb3 0%, #00aa8f 84%, #00a884 100%);
  background: linear-gradient(90deg, #bf7eb3 0%, #00aa8f 84%, #00a884 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$color1,endColorstr=$color3,GradientType=1);
  width: 100vw;
}
#trial .KeyvisualTrialLesson__kv {
  background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 768px) {
  #trial .KeyvisualTrialLesson__kv {
    position: relative;
    overflow: hidden;
  }
  #trial .KeyvisualTrialLesson__kvBg {
    width: 100%;
    max-height: 527px;
    max-width: 1000px;
    margin: 80px auto 0;
  }
  #trial .KeyvisualTrialLesson__kvBg img {
    min-width: 1230px;
    margin-left: 50%;
    -webkit-filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .KeyvisualTrialLesson__kvLogo {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 480px;
    height: 480px;
    -webkit-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
  }
  #trial .KeyvisualTrialLesson__campaign {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
  }
  #trial .KeyvisualTrialLesson__campaign .c-campaign {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    margin-bottom: -20px;
  }
  #trial .KeyvisualTrialLesson .Kv-cmpn-cnr .c-campaign {
    margin-top: 122px;
  }
}
@media screen and (max-width: 767px) {
  #trial .KeyvisualTrialLesson__kv {
    position: relative;
    min-height: 82.4vw;
  }
  #trial .KeyvisualTrialLesson__kvBg {
    margin-top: 60px;
  }
  #trial .KeyvisualTrialLesson__kvBg img {
    width: 100vw;
    height: 82.133vw;
  }
  #trial .KeyvisualTrialLesson__kvLogo {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 260px;
    height: 260px;
    z-index: 2;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  #trial .KeyvisualTrialLesson__campaign {
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
  }
}
#trial .FreeTrialLesson__headerDesc p {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #777777;
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLesson__wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  #trial .FreeTrialLesson__header {
    padding-top: 90px;
  }
  #trial .FreeTrialLesson__headerTitle {
    max-width: 626px;
  }
  #trial .FreeTrialLesson__headerDesc {
    margin-top: 40px;
  }
  #trial .FreeTrialLesson__headerDesc p {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 2px;
    text-align: center;
  }
  #trial .FreeTrialLesson__contentComment {
    max-width: 925px;
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLesson__header {
    padding-top: 12.267vw;
  }
  #trial .FreeTrialLesson__headerTitle {
    width: 69.333vw;
  }
  #trial .FreeTrialLesson__headerDesc {
    margin-top: 4.8vw;
  }
  #trial .FreeTrialLesson__headerDesc p {
    font-size: 3.733vw;
    line-height: 1.43;
    letter-spacing: 0.187vw;
    padding: 0 8.467vw;
  }
  #trial .FreeTrialLesson__contentComment {
    width: 94.133vw;
  }
}
#trial .FreeTrialLessonInfo {
  position: relative;
}
#trial .FreeTrialLessonInfo--date {
  background-color: #F6F2FD;
}
#trial .FreeTrialLessonInfo--register {
  background-color: rgba(238, 153, 102, 0.1);
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo {
    max-width: 1000px;
    width: 100%;
    border-radius: 30px;
    margin: 150px auto 0;
  }
  #trial .FreeTrialLessonInfo--date {
    padding-bottom: 75px;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__label {
    width: 261px;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information,
#trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson,
#trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__tour {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information img,
#trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson img,
#trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__tour img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information {
    position: relative;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information img {
    min-width: 907px;
    -webkit-transform: translate(-50%, -155px);
    -ms-transform: translate(-50%, -155px);
    transform: translate(-50%, -155px);
    margin-bottom: -155px;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information table {
    position: absolute;
    left: 50%;
    top: 250px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson {
    position: relative;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson table {
    position: absolute;
    left: 50%;
    top: calc(50% - 20px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson img {
    min-width: 937px;
    margin-top: 15px;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__tour img {
    min-width: 887px;
    margin-top: 15px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__label {
    width: 406px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__steps {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0 40px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__steps > img {
    min-width: 869px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    left: calc(50% - 100px);
    top: 290px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li:nth-child(1) {
    width: 220px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li:nth-child(2) {
    width: 239px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li:not(:first-of-type) {
    margin-left: 10px;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li img {
    -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
    transform: translateZ(0);
  }
  #trial .FreeTrialLessonInfo--facility {
    padding-bottom: 88px;
  }
  #trial .FreeTrialLessonInfo--facility .FreeTrialLessonInfo__label {
    width: 352px;
  }
  #trial .FreeTrialLessonInfo--facility .FreeTrialLessonInfo__studio {
    padding-top: 78px;
  }
  #trial .FreeTrialLessonInfo__label {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__information, #trial .FreeTrialLessonInfo__lesson, #trial .FreeTrialLessonInfo__tour {
    max-width: 89.333vw;
    margin-left: auto;
    margin-right: auto;
  }
  #trial .FreeTrialLessonInfo__information img, #trial .FreeTrialLessonInfo__lesson img, #trial .FreeTrialLessonInfo__tour img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date {
    position: relative;
    margin-top: 50.667vw;
    padding-bottom: 6.667vw;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__label {
    position: absolute;
    left: 50%;
    top: 9.867vw;
    width: 99.2vw;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information {
    position: relative;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information table {
    position: absolute;
    left: 50%;
    top: 32vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__information img {
    min-width: 97.333vw;
    padding-top: 4vw;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson {
    position: relative;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson table {
    position: absolute;
    left: 50%;
    top: 21.333vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__lesson img {
    min-width: 98.133vw;
    margin-top: 2.933vw;
  }
  #trial .FreeTrialLessonInfo--date .FreeTrialLessonInfo__tour img {
    min-width: 105.867vw;
    margin-top: -2.4vw;
  }
  #trial .FreeTrialLessonInfo--register {
    position: relative;
    margin-top: 16.533vw;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__label {
    position: absolute;
    left: 50%;
    top: 0;
    width: 76.8vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__steps {
    position: relative;
    max-width: 89.333vw;
    margin: 0 auto;
    padding: 9.867vw 0 6.667vw;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__steps > img {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 100vw;
    margin-left: 50%;
    margin-top: -5vw;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 62.933vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li {
    display: block;
    width: 78.667vw;
  }
  #trial .FreeTrialLessonInfo--register .FreeTrialLessonInfo__stepsButtons li:not(:first-of-type) {
    margin-top: 3.2vw;
  }
  #trial .FreeTrialLessonInfo--facility {
    margin-top: 10.667vw;
    padding-bottom: 17.067vw;
  }
  #trial .FreeTrialLessonInfo--facility.lazyloaded {
    background: url("/ste-lam/one-world/image/trial/free_trial_lesson_tour_access_bg_sp.png") no-repeat;
    background-position: center 0;
    background-size: 123.467vw 169.6vw;
  }
  #trial .FreeTrialLessonInfo--facility .FreeTrialLessonInfo__label {
    max-width: 75.733vw;
    margin: 0 auto;
  }
  #trial .FreeTrialLessonInfo--facility .FreeTrialLessonInfo__studio {
    max-width: 133.333vw;
    width: 100vw;
    margin: 0 auto;
    margin-top: 1.867vw;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo table {
    width: 600px;
    background-color: #ffffff;
  }
  #trial .FreeTrialLessonInfo table.for-sp {
    display: none;
  }
  #trial .FreeTrialLessonInfo table.green {
    border: 2px solid #44BB99;
    border-collapse: collapse;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #44BB99;
  }
  #trial .FreeTrialLessonInfo table.green tr th {
    background-color: #44BB99;
    text-align: center;
  }
  #trial .FreeTrialLessonInfo table.green tr th:not(:first-of-type) {
    border-left: 1px solid #ffffff;
  }
  #trial .FreeTrialLessonInfo table.green tr th:first-of-type {
    border-top-left-radius: 21px;
  }
  #trial .FreeTrialLessonInfo table.green tr th:last-of-type {
    border-top-right-radius: 21px;
  }
  #trial .FreeTrialLessonInfo table.green tr td {
    text-align: center;
    border-top: 1px solid #44BB99;
  }
  #trial .FreeTrialLessonInfo table.green tr td:not(:first-of-type) {
    border-left: 1px solid #44BB99;
  }
  #trial .FreeTrialLessonInfo table.blue {
    border: 2px solid #4499CC;
    border-collapse: collapse;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #4499CC;
  }
  #trial .FreeTrialLessonInfo table.blue tr th {
    background-color: #4499CC;
    text-align: center;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:not(:first-of-type) {
    border-left: 1px solid #ffffff;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:first-of-type {
    border-top-left-radius: 21px;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:last-of-type {
    border-top-right-radius: 21px;
  }
  #trial .FreeTrialLessonInfo table.blue tr td {
    text-align: center;
    border-top: 1px solid #4499CC;
  }
  #trial .FreeTrialLessonInfo table.blue tr td:not(:first-of-type) {
    border-left: 1px solid #4499CC;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo table {
    width: 84vw;
    background-color: #ffffff;
  }
  #trial .FreeTrialLessonInfo table th {
    width: 27%;
  }
  #trial .FreeTrialLessonInfo table.for-pc {
    display: none;
  }
  #trial .FreeTrialLessonInfo table.green {
    height: 35vw;
    border: 1px solid #44BB99;
    border-collapse: collapse;
    border-radius: 2.667vw;
    border-style: hidden;
    box-shadow: 0 0 0 1px #44BB99;
  }
  #trial .FreeTrialLessonInfo table.green tr th {
    background-color: #44BB99;
    text-align: center;
  }
  #trial .FreeTrialLessonInfo table.green tr td {
    text-align: center;
  }
  #trial .FreeTrialLessonInfo table.green tr:not(:first-of-type) th {
    border-top: 1px solid #ffffff;
  }
  #trial .FreeTrialLessonInfo table.green tr:not(:first-of-type) td {
    border-top: 1px solid #44BB99;
  }
  #trial .FreeTrialLessonInfo table.green tr:first-of-type th {
    border-top-left-radius: 2.667vw;
  }
  #trial .FreeTrialLessonInfo table.green tr:last-of-type th {
    border-bottom-left-radius: 2.667vw;
  }
  #trial .FreeTrialLessonInfo table.blue {
    border: 1px solid #4499CC;
    border-collapse: collapse;
    border-radius: 2.667vw;
    border-style: hidden;
    box-shadow: 0 0 0 1px #4499CC;
    height: 31.467vw;
    margin-top: 2vw;
  }
  #trial .FreeTrialLessonInfo table.blue tr th {
    background-color: #4499CC;
    text-align: center;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:not(:first-of-type) {
    border-left: 1px solid #ffffff;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:first-of-type {
    border-top-left-radius: 2.667vw;
  }
  #trial .FreeTrialLessonInfo table.blue tr th:last-of-type {
    border-top-right-radius: 2.667vw;
  }
  #trial .FreeTrialLessonInfo table.blue tr td {
    text-align: center;
    border-top: 1px solid #4499CC;
  }
  #trial .FreeTrialLessonInfo table.blue tr td:not(:first-of-type) {
    border-left: 1px solid #4499CC;
  }
}
#trial .u-table-text {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #trial .u-table-text {
    font-size: 3.733vw;
  }
}
#trial .u-table-text th {
  padding: 5px;
  letter-spacing: 1px;
}
#trial .u-table-text td {
  padding: 5px 0;
}
#trial .u-table-text--2x th, #trial .u-table-text--2x td {
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  #trial .u-table-text--3x th, #trial .u-table-text--3x td {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  #trial .u-table-text--3x th, #trial .u-table-text--3x td {
    padding: 10px 0;
  }
}
#trial .u-text-fff {
  color: #ffffff;
  white-space: nowrap;
}
#trial .u-text-777 {
  color: #777777;
}
#trial .u-text-blue {
  color: #4499CC;
}
#trial .u-text-bold {
  font-weight: 600;
}
#trial .c-button {
  background-color: #64b6c8;
}
@media screen and (min-width: 768px) {
  #trial .btn-top {
    margin-top: 383px;
  }
}
@media screen and (max-width: 767px) {
  #trial .btn-top a {
    min-width: 58.667vw;
    min-height: 10.933vw;
    font-size: 3.467vw;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #trial .btn-top .c-button::after {
    width: 2.233vw;
    height: 2.233vw;
  }
}
@media screen and (max-width: 767px) {
  #trial .c-campaign {
    width: 89.333vw;
    border-bottom-left-radius: 13.333vw;
    border-bottom-right-radius: 13.333vw;
  }
  #trial .c-campaign .c-campaign__title {
    max-width: 78.533vw;
    padding-top: 6.933vw;
  }
  #trial .c-campaign .u-sp {
    top: 26.667vw !important;
  }
  #trial .c-campaign .u-sp span {
    font-size: 6.133vw;
  }
  #trial .c-campaign .c-campaign__content {
    max-width: 69.333vw;
    padding-top: 5.333vw;
  }
  #trial .c-campaign .c-campaign__footer {
    max-width: 89.333vw;
    padding-top: 5.867vw;
  }
}
#trial .FreeTrialLessonInfo__studio .swiper-button-prev {
  display: none;
}
#trial .FreeTrialLessonInfo__studio .swiper-button-next {
  display: none;
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__studio .section-two-slider-thumb-bg {
    margin-top: -35px;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__studio .swiper-container-thumbs .swiper-wrapper {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__studio .swiper-container-thumbs .swiper-wrapper .swiper-slide {
    margin-right: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__studio .swiper-container-thumbs .swiper-wrapper .swiper-slide > img {
    width: 150px;
    height: 115px;
    border-radius: 10px;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__studio .swiper-container-thumbs .swiper-wrapper .swiper-slide {
    margin-right: 2.667vw !important;
    width: 20vw !important;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__studio .swiper-container-thumbs .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__studio .section-two-slider-bg .swiper-container .swiper-wrapper .swiper-slide > img {
    height: 66.667vw;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__studio .section-two-slider-thumb-bg .swiper-container .swiper-wrapper .swiper-slide > img {
    height: 20vw;
    width: 20vw;
    border-radius: 2.667vw;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__bg-cl {
    position: relative;
    width: 1208px;
  }
}
@media screen and (min-width: 768px) {
  #trial .FreeTrialLessonInfo__bg-cl > img {
    position: absolute;
    z-index: -1;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: -111px;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__bg-cl {
    position: relative;
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  #trial .FreeTrialLessonInfo__bg-cl > img {
    position: absolute;
    z-index: -1;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: -111px;
  }
}
#trial .Slider-boy {
  position: relative;
}
@media screen and (min-width: 768px) {
  #trial .Slider-boy {
    width: 216px;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #trial .Slider-boy > img {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
    top: -335px;
    margin-left: -50px;
  }
}
@media screen and (max-width: 767px) {
  #trial .free-trial-tgraphy > img:first-of-type {
    margin-left: auto;
    margin-right: auto;
    width: 79.2vw;
    margin-top: 6.667vw;
  }
}
@media screen and (max-width: 767px) {
  #trial .free-trial-tgraphy > img:last-of-type {
    width: 100vw;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #trial .FreeTrialLessonInfo__wrapper .FreeTrialLessonInfo__bg-cl {
    width: 124vw;
  }
  #trial .FreeTrialLessonInfo__wrapper .FreeTrialLessonInfo__bg-cl > img {
    position: absolute;
    z-index: -1;
    top: 5vw;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 767px) {
  #trial .section-two-slider-thumb-bg {
    margin-top: 2vw;
  }
}

#shadowing .utility__center {
  margin: 0 auto;
}
#shadowing .utility__orange {
  background-color: #ee996610;
}
#shadowing .utility__blue {
  background-color: #aa88ee10;
}
#shadowing .utility__red {
  background-color: #dd77bb10;
}
#shadowing .sp {
  overflow-x: hidden;
}
#shadowing .sp .HeaderMenu {
  top: 70px;
}
#shadowing .sp .Head {
  position: relative;
  height: 114.667vw;
  margin-top: 60px;
}
#shadowing .sp .Head img {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}
#shadowing .sp .Head .BreadCrumb {
  position: absolute;
  margin-top: 11vw;
  margin-left: 2vw;
}
#shadowing .sp .MainContent__title {
  font-size: 5.33vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  line-height: 7.47vw;
  letter-spacing: 0.53vw;
  margin-top: 7.5vw;
  text-align: center;
  color: #44bb99;
}
#shadowing .sp .MainContent__title__body {
  margin-top: 4vw;
  height: 14.4vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.73vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 5.63vw;
  letter-spacing: 0.19vw;
  text-align: center;
  color: #777777;
}
#shadowing .sp .MainContent__title > img {
  width: 93vw;
}
#shadowing .sp .MainContent__background__wrapper {
  margin-top: -18.4vw;
  background-color: #fff;
}
#shadowing .sp .MainContent__background__wrapper__blue {
  width: 100vw;
  height: 74.93vw;
  margin: 6.33vw 0 20.96vw;
  padding: 10.87vw 2.67vw 28vw 2.67vw;
  background-color: #4499cc10;
}
#shadowing .sp .MainContent__background__wrapper__blue img {
  display: block;
  width: 100vw;
}
#shadowing .sp .MainContent__background__wrapper__blue .title_bubble {
  margin: 1vw auto 0;
  width: 89vw;
  position: relative;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
#shadowing .sp .MainContent__flex {
  margin-top: 0.4vw;
  display: flex;
  width: 94vw;
  margin-left: auto;
  margin-right: auto;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#shadowing .sp .MainContent__flex__1 {
  flex: 1;
  text-align: center;
  padding: 4vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#shadowing .sp .MainContent__flex__2 {
  flex: 1;
  text-align: center;
  padding: 4vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#shadowing .sp .MainContent__steps__bg__line {
  position: absolute;
  left: 8vw;
  width: 1.6vw;
  height: 362.27vw;
  margin-top: -68px;
  opacity: 0.19;
  border-radius: 10px;
  background-color: #4499cc;
}
#shadowing .sp .MainContent__steps__image {
  max-width: 110vw;
  margin-left: -4.5vw;
  margin-top: -3vw;
}
#shadowing .sp .MainContent__comments__image {
  width: 78.4vw;
  margin: 1.39vw auto 0;
  display: flex;
  padding-left: -2vw;
  margin-left: 13vw;
}
#shadowing .sp .MainContent__tutorial__title {
  position: absolute;
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  color: #ffffff;
  font-size: 3.73vw;
  line-height: 5.33vw;
  letter-spacing: normal;
  text-align: center;
}
#shadowing .sp .MainContent__tutorial__title-one {
  width: 37.33vw;
  margin-top: -20.2vw;
  margin-left: 23.33vw;
}
#shadowing .sp .MainContent__tutorial__title-two {
  margin-top: -29vw;
  margin-left: 22.33vw;
}
#shadowing .sp .MainContent__tutorial__title-three {
  margin-top: -33vw;
  margin-left: 44.33vw;
}
#shadowing .sp .MainContent__tutorial__title-four {
  width: 37.33vw;
  margin-top: -48.2vw;
  margin-left: 23.33vw;
}
#shadowing .sp .MainContent__tutorial__title-five {
  margin-top: -28.5vw;
  margin-left: 54.33vw;
}
#shadowing .sp .MainContent__tutorial__title-six {
  width: 37.33vw;
  margin-top: -38vw;
  margin-left: 23.33vw;
}
#shadowing .sp .MainContent__tutorial__title-seven {
  width: 37.33vw;
  margin-top: -50.2vw;
  margin-left: 26.33vw;
}
#shadowing .sp .MainContent__tutorial__title-eight {
  margin-top: -39vw;
  margin-left: 39.33vw;
}
#shadowing .sp .MainContent__tutorial__title-nine {
  margin-top: -29vw;
  margin-left: 22.33vw;
}
#shadowing .sp .MainContent__tutorial__body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  font-size: 3.2vw;
  line-height: 5.33vw;
  text-align: left;
  color: #777;
  position: relative;
}
#shadowing .sp .MainContent__tutorial__body-one {
  margin-left: 17.33vw;
  margin-bottom: 8vw;
}
#shadowing .sp .MainContent__tutorial__body-two {
  margin-left: 15.33vw;
  margin-bottom: 8vw;
  margin-top: -17vw;
  width: 39.13vw;
}
#shadowing .sp .MainContent__tutorial__body-three {
  margin-left: 41.33vw;
  margin-top: -21vw;
  margin-bottom: 5vw;
  width: 50.13vw;
}
#shadowing .sp .MainContent__tutorial__body-four {
  margin-left: 16.33vw;
  margin-top: -31vw;
  margin-bottom: 5vw;
  width: 42.13vw;
}
#shadowing .sp .MainContent__tutorial__body-five {
  margin-left: 41.33vw;
  margin-top: -16vw;
  margin-bottom: 5vw;
  width: 52.13vw;
}
#shadowing .sp .MainContent__tutorial__body-six {
  margin-left: 31.33vw;
  margin-top: -25vw;
  margin-bottom: 5vw;
  width: 60.13vw;
}
#shadowing .sp .MainContent__tutorial__body-seven {
  margin-left: 17.33vw;
  margin-top: -36vw;
  margin-bottom: 7vw;
  width: 50.13vw;
}
#shadowing .sp .MainContent__tutorial__body-eight {
  margin-left: 42.33vw;
  margin-top: -26vw;
  margin-bottom: 5vw;
  width: 50.13vw;
}
#shadowing .sp .MainContent__tutorial__body-nine {
  margin-left: 41.33vw;
  margin-top: -21vw;
  margin-bottom: 5vw;
  width: 50.13vw;
}
#shadowing .sp .MainContent__tutorial__color__green {
  color: #44bb99;
}
#shadowing .sp .MenuContent {
  margin-top: -3vw;
  margin-bottom: 8.867vw;
}
#shadowing .pc .MainContent {
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent {
    width: 1000px;
    margin-bottom: 50px;
  }
}
#shadowing .pc .MainContent__intro__text {
  margin: 8vw auto 0;
  display: flex;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__intro__text {
    margin: 80px auto 0;
  }
}
#shadowing .pc .MainContent__bubble__text {
  position: absolute;
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-top: 8.5vw;
  margin-left: 34.7vw;
  line-height: 3.6vw;
  font-size: 2vw;
  text-align: center;
  color: #4499cc;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__bubble__text {
    margin-top: 85px;
    margin-left: 347px;
    line-height: 36px;
    font-size: 20px;
  }
}
#shadowing .pc .MainContent__title {
  font-size: 3.6vw;
  font-family: "A-OTF Shin Maru Go Pr6N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  letter-spacing: 0.2vw;
  margin-top: 7.07vw;
  text-align: center;
  color: #44bb99;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__title {
    margin-top: 58.7px;
    margin-left: 1px;
  }
}
#shadowing .pc .MainContent__title__body {
  margin-top: 2.5vw;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3vw;
  letter-spacing: 0.19vw;
  text-align: center;
  color: #777777;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__title__body {
    font-size: 20px;
    line-height: 30px;
    margin-left: 39px;
    margin-top: 36px;
    letter-spacing: 2px;
  }
}
#shadowing .pc .MainContent__background__wrapper {
  width: 100%;
  height: 2346px;
  margin-top: 30px;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__background__wrapper {
    width: 100%;
  }
}
#shadowing .pc .MainContent__flex {
  margin-top: 2.5vw;
  display: flex;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__flex {
    margin-top: 18px;
    margin-left: 136px;
  }
}
#shadowing .pc .MainContent__flex__1 {
  flex: 1;
  font-size: 1.4vw;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__flex__1 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
  }
}
#shadowing .pc .MainContent__flex__2 {
  flex: 1;
  font-size: 1.4vw;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__flex__2 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
  }
}
#shadowing .pc .MainContent__bubble__image {
  width: 47.9vw;
  height: 23.3vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__bubble__image {
    width: 479px;
    height: 233.3px;
  }
}
#shadowing .pc .MainContent__steps__image {
  display: block;
  width: auto;
  position: absolute;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__steps__image {
    width: 1048px;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-left: 21px;
    margin-top: 4px;
  }
}
#shadowing .pc .MainContent__tutorial__wrapper {
  width: 100vw;
  height: 234.8vw;
  max-width: 100vw;
  overflow: hidden;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__wrapper {
    width: 1048px;
    height: 2348px;
  }
}
#shadowing .pc .MainContent__tutorial__title {
  position: absolute;
  font-family: "A-OTF Shin Maru Go Pr6N", sans-serif;
  color: #ffffff;
  font-size: 1.8vw;
  line-height: 2.8vw;
  letter-spacing: normal;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title {
    font-size: 18px;
    line-height: 28px;
  }
}
#shadowing .pc .MainContent__tutorial__title-one {
  width: 37.33vw;
  margin-top: 30.4vw;
  margin-left: 2.17vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-one {
    margin-top: 304px;
    margin-left: 21.7px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-two {
  width: 37.33vw;
  margin-top: 44.7vw;
  margin-left: 55.9vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-two {
    margin-top: 447px;
    margin-left: 559px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-three {
  width: 37.33vw;
  margin-top: 66.1vw;
  margin-left: 1.23vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-three {
    margin-top: 661px;
    margin-left: 12.3px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-four {
  width: 37.33vw;
  margin-top: 88.5vw;
  margin-left: 55.9vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-four {
    margin-top: 885px;
    margin-left: 559px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-five {
  width: 37.33vw;
  margin-top: 112.5vw;
  margin-left: 1.13vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-five {
    margin-top: 1125px;
    margin-left: 11.3px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-six {
  width: 37.33vw;
  margin-top: 132.1vw;
  margin-left: 59.4vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-six {
    margin-top: 1321px;
    margin-left: 594px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-seven {
  width: 37.33vw;
  margin-top: 154.9vw;
  margin-left: 7.43vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-seven {
    margin-top: 1549px;
    margin-left: 74.3px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__title-eight {
  margin-top: 194.4vw;
  margin-left: 57.6vw;
  width: 37.33vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__title-eight {
    margin-top: 1944px;
    margin-left: 576px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  position: absolute;
  line-height: 2.4vw;
  text-align: center;
  color: #777;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body {
    font-size: 14px;
    line-height: 24px;
  }
}
#shadowing .pc .MainContent__tutorial__body-one {
  width: 37.33vw;
  margin-top: 39.3vw;
  margin-left: 7.47vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-one {
    margin-top: 393px;
    margin-left: 74.7px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-two {
  width: 37.33vw;
  margin-top: 50.5vw;
  margin-left: 52vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-two {
    margin-top: 505px;
    margin-left: 520px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-three {
  margin-top: 71.6vw;
  margin-left: 3.13vw;
  width: 36.73vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-three {
    margin-top: 716px;
    margin-left: 31.3px;
    width: 367.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-four {
  margin-top: 94.4vw;
  margin-left: 60.7vw;
  width: 33.83vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-four {
    margin-top: 944px;
    margin-left: 607px;
    width: 338.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-five {
  margin-top: 118.5vw;
  margin-left: 1.13vw;
  width: 373.3px;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-five {
    margin-top: 1185px;
    margin-left: 11.3px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-six {
  margin-top: 137.8vw;
  margin-left: 58.9vw;
  width: 37.93vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-six {
    margin-top: 1378px;
    margin-left: 589px;
    width: 379.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-seven {
  margin-top: 161.3vw;
  margin-left: 19.33vw;
  width: 15.63vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-seven {
    margin-top: 1613px;
    margin-left: 193.3px;
    width: 156.3px;
  }
}
#shadowing .pc .MainContent__tutorial__body-eight {
  margin-top: 200vw;
  margin-left: 58.7vw;
  width: 37.33vw;
}
@media screen and (min-width: 1000px) {
  #shadowing .pc .MainContent__tutorial__body-eight {
    margin-top: 2000px;
    margin-left: 587px;
    width: 373.3px;
  }
}
#shadowing .pc .MainContent__tutorial__color__green {
  color: #44bb99;
}
#shadowing .pc .MenuContent {
  margin-top: 77px;
}
#shadowing .sp .MenuContent__btns .btn-a {
  background-color: #fff;
}
#shadowing .sp .MenuContent__btns .span-a {
  color: #44bb99;
}
#shadowing .sp .MenuContent__btns .btn-b {
  background: none;
  background-color: #44bb99;
}
#shadowing .sp .MenuContent__tabs .tabs-background {
  width: 300px;
}
@media screen and (min-width: 1000px) {
  #shadowing .c-footer__intro {
    padding: 131px 0 101px 0;
  }
}

.ContentBottom .BottomContent {
  width: 100%;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  .ContentBottom .BottomContent {
    display: none;
  }
}
#instructor .KeyVisual {
  padding-top: 80px;
}
#instructor .KeyVisual__bg {
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  width: 100vw;
  height: auto;
}
#instructor .KeyVisual__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #instructor .KeyVisual__title {
    margin-top: 90px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #instructor .KeyVisual__title {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
#instructor .KeyVisualSp {
  width: 100%;
}
#instructor .Campaign {
  text-align: center;
  background: rgba(219, 100, 158, 0.3);
  background: -moz-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
  background: linear-gradient(45deg, rgba(219, 100, 158, 0.3) 0%, rgba(0, 168, 132, 0.3) 100%);
}
@media screen and (min-width: 768px) {
  #instructor .Campaign {
    margin-top: -30px;
  }
}
@media screen and (max-width: 767px) {
  #instructor .Campaign {
    margin-top: 0;
  }
}
#instructor .Teachers__title {
  margin-top: 80px;
  text-align: center;
}
#instructor .Teachers__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  font-size: 24px;
}
#instructor .BlogBanner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #instructor .BlogBanner {
    padding: 70px 0;
  }
}
#instructor .BlogBanner.lazyloaded {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #instructor .BlogBanner.lazyloaded {
    background-image: url("/ste-lam/one-world/image/teacher/banner_bg_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  #instructor .BlogBanner.lazyloaded {
    background-image: url("/ste-lam/one-world/image/teacher/banner_bg_sp.svg");
    padding-bottom: 50px;
  }
}
#instructor .ExperienceBanner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #instructor .ExperienceBanner {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #instructor .ExperienceBanner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #instructor .c-autumnBanner {
    margin-top: -60px;
  }
}

/*# sourceMappingURL=style.css.map */