@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
*,
:after,
:before {
  box-sizing: border-box;
}
:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  margin: 0;
}
hr {
  color: inherit;
  height: 0;
  overflow: visible;
}
main {
  display: block;
}
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}
nav li:before {
  content: "\200B";
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
a {
  background-color: transparent;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
iframe,
img {
  border-style: none;
}
svg:not([fill]) {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
select {
  margin: 0;
}
button {
  overflow: visible;
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}
input {
  overflow: visible;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
select {
  text-transform: none;
}
textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
  resize: block;
}
[type="checkbox"],
[type="radio"] {
  padding: 0;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
details,
dialog {
  display: block;
}
dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
}
[hidden] {
  display: none;
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}
[aria-hidden="false"][hidden] {
  display: initial;
}
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
:after,
:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
  font-weight: 500;
  color: #333;
  width: 100%;
  min-width: 375px;
}
@media (min-width: 768px) {
  body {
    min-width: 1280px;
  }
}
.body__inner {
  overflow-x: hidden;
  width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea {
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
dt,
iframe,
img,
picture,
svg,
video {
  display: block;
}
svg:not([fill]) {
  fill: currentColor;
}
nav li:before {
  content: none;
}
button {
  cursor: pointer;
}
* html:root bodybody,
html:root {
  margin-top: 0 !important;
}
@media screen and (max-width: 782px) {
  * html:root body,
  html:root {
    margin-top: 0 !important;
  }
}
.is-only-pc-block {
  display: none;
}
@media (min-width: 768px) {
  .is-only-pc-block {
    display: block;
  }
}
.is-only-sp-block {
  display: block;
}
@media (min-width: 768px) {
  .is-only-sp-block {
    display: none;
  }
}
.is-only-pc-inline {
  display: none;
}
@media (min-width: 768px) {
  .is-only-pc-inline {
    display: inline;
  }
}
.is-only-sp-inline {
  display: inline;
}
@media (min-width: 768px) {
  .is-only-sp-inline {
    display: none;
  }
}
.is-only-pc-flex {
  display: none;
}
@media (min-width: 768px) {
  .is-only-pc-flex {
    display: flex;
  }
}
.is-only-sp-flex {
  display: flex;
}
@media (min-width: 768px) {
  .is-only-sp-flex {
    display: none;
  }
}
:root.is-win .is-hiding-scroll-bar-if-win {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
:root.is-win .is-hiding-scroll-bar-if-win::-webkit-scrollbar {
  display: none;
}
[data-svg-sprite] {
  display: none;
}
.barba-active {
  pointer-events: none;
}
.barba-container {
  margin-top: 75px;
}
@media (min-width: 768px) {
  .barba-container {
    margin-top: 150px;
  }
}
@media (min-width: 768px) {
  .child-of-2021-spring .barba-container {
    margin-top: 105px;
  }
}
.common-anchor {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  pointer-events: none;
}
.common-faq-item {
  margin-bottom: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: transparent;
}
@media (min-width: 768px) {
  .common-faq-item {
    padding-right: 20px;
  }
}
.common-faq-item__sub-icon--plus {
  display: block;
}
.common-faq-item__header[aria-expanded="true"] .common-faq-item__sub-icon--plus,
.common-faq-item__sub-icon--minus {
  display: none;
}
.common-faq-item__header[aria-expanded="true"] .common-faq-item__sub-icon--minus {
  display: block;
}
.common-faq-item__header {
  position: relative;
  padding: 22px calc(50% - 132.5px);
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.08px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .common-faq-item__header {
    padding: 36px 40px 36px 60px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.44px;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  .common-faq-item__header:hover {
    opacity: 0.6;
  }
}
.common-faq-item__main-icon {
  position: absolute;
  top: 20px;
  left: calc(50% - 172.5px);
  width: 30px;
  height: 30px;
}
@media (min-width: 768px) {
  .common-faq-item__main-icon {
    top: 30px;
    left: 0;
    width: 44px;
    height: 44px;
  }
}
.common-faq-item__sub-icon {
  position: absolute;
  top: 27px;
  right: calc(50% - 175.5px);
  display: block;
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .common-faq-item__sub-icon {
    top: 40px;
    right: 0;
    width: 26px;
    height: 26px;
  }
}
.common-faq-item__body {
  height: 0;
  transition: height 0.3s;
  position: relative;
  z-index: 1;
}
.common-faq-item__content {
  padding: 0 calc(50% - 132.5px) 22px;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 1.4px;
  color: #2d2d2d;
  transition: margin-top 0.3s, opacity 0.15s, visibility 0.15s;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .common-faq-item__content {
    padding: 0 40px 36px 60px;
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
.common-faq-item__content a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .common-faq-item__content a {
    transition: opacity 0.3s;
  }
  .common-faq-item__content a:hover {
    opacity: 0.6;
  }
}
.common-faq-item__content a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
.common-faq-item__content b,
.common-faq-item__content strong {
  font-weight: 700;
  color: #0863c2;
}
.common-faq-item__content em {
  background-color: #ffea06;
}
.common-faq-item__content small {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 0;
}
@media (min-width: 768px) {
  .common-faq-item__content small {
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 0;
  }
}
.common-faq-item__content .color-red {
  color: #f91414;
}
.common-faq-item__body[aria-hidden="false"] .common-faq-item__content {
  margin-top: -6px;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .common-faq-item__body[aria-hidden="false"] .common-faq-item__content {
    margin-top: -20px;
  }
}
.common-news-item {
  display: block;
  border-bottom: 1px solid #ddd;
}
.common-news-item--no-last-border:last-child {
  border-bottom: none;
}
.common-news-item__inner {
  position: relative;
  z-index: 1;
  padding: 19px 0 17px;
}
@media (min-width: 768px) {
  .common-news-item__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 28px 0;
  }
}
.common-news-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 165px;
}
@media (min-width: 768px) {
  .common-news-item__header {
    width: 236px;
    height: 28px;
  }
}
.common-news-item__date {
  font-size: 11px;
  letter-spacing: 1.32px;
  color: #8f8f8f;
}
@media (min-width: 768px) {
  .common-news-item__date {
    font-size: 16px;
    letter-spacing: 1.92px;
  }
}
.common-news-item__category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 14px;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #fff;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .common-news-item__category {
    width: 110px;
    height: 19px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 1.68px;
  }
}
.common-news-item__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
@media (min-width: 768px) {
  .common-news-item__body {
    width: 754px;
    margin-top: 0;
  }
}
.common-news-item__heading {
  flex: 1 1 auto;
  line-height: 19px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.56px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  .common-news-item__heading {
    line-height: 28px;
    font-size: 16px;
    letter-spacing: 0.96px;
    flex: 1 1 auto;
    transition: color 0.3s;
  }
}
@media (min-width: 768px) {
  .common-news-item[href]:hover .common-news-item__heading {
    color: #0863c2;
  }
}
.common-news-item__icon {
  flex: 0 0 15px;
  height: 9.5px;
  color: #2d2d2d;
  margin-left: 22px;
}
@media (min-width: 768px) {
  .common-news-item__icon {
    flex: 0 0 20px;
    height: 13px;
    margin-left: 30px;
    transform: translateX(-10px);
    transition: transform 0.3s;
  }
}
@media (min-width: 768px) {
  .common-news-item[href]:hover .common-news-item__icon {
    transform: translateX(0);
  }
}
.common-success-item {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background: #fff;
  box-shadow: 8px 8px 0 0 rgba(185, 203, 237, 0.51);
}
@media (min-width: 768px) {
  .common-success-item {
    border-radius: 14px;
    box-shadow: 10px 10px 0 0 rgba(185, 203, 237, 0.51);
  }
  .common-success-item:hover .common-success-item__icon-arrow {
    transform: translateX(0);
  }
  .common-success-item:hover .common-success-item__eye-catch-image {
    transform: scale(1.05);
  }
  .common-success-item:hover .common-success-item__title {
    color: #0863c2;
  }
}
.common-success-item__eye-catch {
  position: relative;
  width: 100%;
  height: 181px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .common-success-item__eye-catch {
    height: 210px;
  }
}
.common-success-item__eye-catch-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.common-success-item__eye-catch-image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100% !important;
  height: 100% !important;
}
.common-success-item__content {
  padding: 0 22px 30px;
}
@media (min-width: 768px) {
  .common-success-item__content {
    padding: 0 27px 41px;
  }
}
.common-success-item__category {
  text-align: center;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .common-success-item__category {
    margin-bottom: 16px;
  }
}
.common-success-item__category-icon {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -24px auto -6px;
  position: relative;
}
@media (min-width: 768px) {
  .common-success-item__category-icon {
    margin: -27px auto -7px;
    width: 54px;
    height: 54px;
  }
}
.common-success-item__category-icon-body {
  color: #0863c2;
  position: relative;
}
@media (min-width: 768px) {
  .common-success-item__category-icon-body {
    top: -3px;
  }
}
.common-success-item__category-icon-body--interview {
  width: 23px;
  height: 23px;
}
@media (min-width: 768px) {
  .common-success-item__category-icon-body--interview {
    width: 27px;
    height: 26px;
  }
}
.common-success-item__category-icon-body--experience {
  width: 18px;
  height: 18px;
}
@media (min-width: 768px) {
  .common-success-item__category-icon-body--experience {
    width: 25px;
    height: 28px;
  }
}
.common-success-item__category-name {
  color: #0863c2;
  font-size: 12px;
  letter-spacing: 1.44px;
  position: relative;
  z-index: 1;
  font-weight: 700;
}
@media (min-width: 768px) {
  .common-success-item__category-name {
    font-size: 14px;
    letter-spacing: 1.68px;
  }
}
.type-experience .common-success-item__category-name {
  color: #ed55b7;
}
.common-success-item__title {
  color: #2d2d2d;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 1.7px;
  font-weight: 700;
  margin-bottom: 12px;
  transition: color 0.3s;
}
@media (min-width: 768px) {
  .common-success-item__title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 16px;
  }
}
.common-success-item__subtitle {
  display: block;
  color: #999;
  font-size: 13px;
  letter-spacing: 0.18em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 40px;
}
@media (min-width: 768px) {
  .common-success-item__subtitle {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding-right: 50px;
  }
}
.common-success-item__icon-arrow {
  position: absolute;
  width: 23px;
  height: 15px;
  bottom: 24px;
  right: 14px;
  transform: translateX(-5px);
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .common-success-item__icon-arrow {
    bottom: 30px;
    right: 20px;
    width: 24px;
    height: 16px;
  }
}
.common-column-item {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background: #fff;
  box-shadow: 8px 8px 0 0 rgba(185, 203, 237, 0.51);
}
@media (min-width: 768px) {
  .common-column-item {
    border-radius: 14px;
    box-shadow: 10px 10px 0 0 rgba(185, 203, 237, 0.51);
  }
  .common-column-item:hover .common-column-item__icon-arrow {
    transform: translateX(0);
  }
  .common-column-item:hover .common-column-item__eye-catch-image {
    transform: scale(1.05);
  }
  .common-column-item:hover .common-column-item__title {
    color: #0863c2;
  }
}
.common-column-item__eye-catch {
  position: relative;
  width: 100%;
  height: 181px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .common-column-item__eye-catch {
    height: 210px;
  }
}
.common-column-item__eye-catch-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.common-column-item__eye-catch-image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.common-column-item__content {
  padding: 0 22px 30px;
}
@media (min-width: 768px) {
  .common-column-item__content {
    padding: 0 27px 41px;
  }
}
.common-column-item__category {
  text-align: center;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .common-column-item__category {
    margin-bottom: 16px;
  }
}
.common-column-item__category-icon {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -24px auto -6px;
  position: relative;
}
@media (min-width: 768px) {
  .common-column-item__category-icon {
    margin: -27px auto -7px;
    width: 54px;
    height: 54px;
  }
}
.common-column-item__category-icon-body {
  color: #0863c2;
  position: relative;
}
@media (min-width: 768px) {
  .common-column-item__category-icon-body {
    top: -3px;
  }
}
.common-column-item__category-icon-body--column {
  width: 23px;
  height: 23px;
}
@media (min-width: 768px) {
  .common-column-item__category-icon-body--column {
    width: 27px;
    height: 26px;
  }
}
.common-column-item__category-name {
  color: #0863c2;
  font-size: 12px;
  letter-spacing: 1.44px;
  position: relative;
  z-index: 1;
  font-weight: 700;
}
@media (min-width: 768px) {
  .common-column-item__category-name {
    font-size: 14px;
    letter-spacing: 1.68px;
  }
}
.type-experience .common-column-item__category-name {
  color: #ed55b7;
}
.common-column-item__title {
  color: #2d2d2d;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 1.7px;
  font-weight: 700;
  margin-bottom: 12px;
  transition: color 0.3s;
}
@media (min-width: 768px) {
  .common-column-item__title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 16px;
  }
}
.common-column-item__subtitle {
  display: block;
  color: #999;
  font-size: 13px;
  letter-spacing: 0.18em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 40px;
}
@media (min-width: 768px) {
  .common-column-item__subtitle {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding-right: 50px;
  }
}
.common-column-item__icon-arrow {
  position: absolute;
  width: 23px;
  height: 15px;
  bottom: 24px;
  right: 14px;
  transform: translateX(-5px);
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .common-column-item__icon-arrow {
    bottom: 30px;
    right: 20px;
    width: 24px;
    height: 16px;
  }
}
.common_columun_link {
  padding: 30px calc(50% - 157.5px) 40px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  .common_columun_link {
    padding: 90px calc(50% - 512px);
  }
}
.common_columun_link.\--white {
  background-color: #fff;
}
.common_columun_link__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.92px;
  color: #0863c2;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .common_columun_link__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin-bottom: 40px;
  }
}
.common_columun_link__heading-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .common_columun_link__heading-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 23px;
  }
}
@media (min-width: 768px) {
  .common_columun_link__body {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    justify-content: center;
  }
}
.common_columun_link__body-item {
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.common_columun_link__body-item.__count_text {
  border-bottom: none;
}
.common_columun_link__body-item.__count_text .common_columun_link__body-item__inner {
  display: block;
  text-align: right;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 768px) {
  .common_columun_link__body-item.__count_text .common_columun_link__body-item__inner {
    font-size: 16px;
  }
}
.common_columun_link__body-item--no-last-border:last-child {
  border-bottom: none;
}
.common_columun_link__body-item-link {
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .common_columun_link__body-item-link:hover .common_columun_link__body-item__heading {
    color: #0863c2;
  }
  .common_columun_link__body-item-link:hover .common_columun_link__body-item__icon {
    transform: translateX(0);
  }
}
.common_columun_link__body-item__inner {
  position: relative;
  z-index: 1;
  padding: 19px 0 17px;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 0;
  }
}
.common_columun_link__body-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 165px;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__header {
    width: 236px;
    height: 28px;
  }
}
.common_columun_link__body-item__date {
  font-size: 11px;
  letter-spacing: 1.32px;
  color: #8f8f8f;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__date {
    font-size: 16px;
    letter-spacing: 1.92px;
  }
}
.common_columun_link__body-item__category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 14px;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 1.2px;
  color: #fff;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__category {
    width: 110px;
    height: 19px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 1.68px;
  }
}
.common_columun_link__body-item__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__body {
    width: 100%;
    margin-top: 0;
  }
}
.common_columun_link__body-item__heading {
  flex: 1 1 auto;
  line-height: 19px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.56px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__heading {
    line-height: 28px;
    font-size: 16px;
    letter-spacing: 0.96px;
    flex: 1 1 auto;
    transition: color 0.3s;
  }
}
.common_columun_link__body-item__icon {
  flex: 0 0 15px;
  height: 9.5px;
  color: #2d2d2d;
  margin-left: 22px;
}
@media (min-width: 768px) {
  .common_columun_link__body-item__icon {
    flex: 0 0 20px;
    height: 13px;
    margin-left: 30px;
    transform: translateX(-10px);
    transition: transform 0.3s;
  }
}
.common_columun_link__back-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 20px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  .common_columun_link__back-button {
    width: 360px;
    height: 64px;
    margin: 30px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  .common_columun_link__back-button .common_columun_link__back-button-icon {
    transition: transform 0.3s;
  }
  .common_columun_link__back-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  .common_columun_link__back-button:hover .common_columun_link__back-button-icon {
    transform: translate(5px, -50%);
  }
}
.common_columun_link__back-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  .common_columun_link__back-button-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-column"] .article__body .tablepress {
  width: auto;
  padding: 0 !important;
  table-layout: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .tablepress {
    width: auto;
  }
}
[data-barba-namespace="single-column"] .article__body .tablepress tbody tr td,
[data-barba-namespace="single-column"] .article__body .tablepress tbody tr th,
[data-barba-namespace="single-column"] .article__body .tablepress thead tr td,
[data-barba-namespace="single-column"] .article__body .tablepress thead tr th {
  display: table-cell;
  padding: 0.5em;
  border-radius: 0 !important;
  vertical-align: top;
  white-space: nowrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .tablepress tbody tr td,
  [data-barba-namespace="single-column"] .article__body .tablepress tbody tr th,
  [data-barba-namespace="single-column"] .article__body .tablepress thead tr td,
  [data-barba-namespace="single-column"] .article__body .tablepress thead tr th {
    padding: 12px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .child-of-2021-summer .barba-container {
    margin-top: 100px;
  }
}
.child-of-2021-summer .header {
  position: absolute;
}
.child-of-2021-summer .header__document-link,
.child-of-2021-summer .header__menu-button,
.child-of-2021-summer .header__nav,
.child-of-2021-summer .header__student-link,
.child-of-2021-summer .header__trial-link {
  display: none;
}
.child-of-2021-summer .header__info {
  right: 25px;
}
@-webkit-keyframes switch-fire {
  0%,
  15%,
  38%,
  60%,
  78%,
  to {
    opacity: 1;
  }
  8%,
  28%,
  50%,
  70%,
  82% {
    opacity: 0.6;
  }
}
@keyframes switch-fire {
  0%,
  15%,
  38%,
  60%,
  78%,
  to {
    opacity: 1;
  }
  8%,
  28%,
  50%,
  70%,
  82% {
    opacity: 0.6;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 375px;
  padding: 3px 0 0;
  background-color: #fff;
}
@media (min-width: 375px) {
  .header {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header {
    width: 1280px;
    padding: 3px calc(50% - 640px) 0;
  }
}
@media (min-width: 1280px) {
  .header {
    width: 100%;
  }
}
.header__border {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0863c2;
}
.js-header__border-loading--once {
  -webkit-animation: loading 1.5s cubic-bezier(0.8, 0.1, 0.2, 0.9) normal backwards;
  animation: loading 1.5s cubic-bezier(0.8, 0.1, 0.2, 0.9) normal backwards;
}
.js-header__border-loading--loop {
  -webkit-animation: loading 1.5s cubic-bezier(0.8, 0.1, 0.2, 0.9) infinite normal backwards;
  animation: loading 1.5s cubic-bezier(0.8, 0.1, 0.2, 0.9) infinite normal backwards;
}
@-webkit-keyframes loading {
  0% {
    transform: scale(1);
    transform-origin: 100% 0;
  }
  35% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
  35.1% {
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  70%,
  to {
    transform: scale(1);
    transform-origin: 0 0;
  }
}
@keyframes loading {
  0% {
    transform: scale(1);
    transform-origin: 100% 0;
  }
  35% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
  35.1% {
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  70%,
  to {
    transform: scale(1);
    transform-origin: 0 0;
  }
}
.header__main {
  position: relative;
  height: 72px;
}
@media (min-width: 768px) {
  .header__main {
    height: 73px;
  }
  .header__main.highschool .header__info {
    right: 330px;
  }
  .header__main.highschool .header__document-link {
    right: 180px;
    width: 130px;
  }
  .header__main.highschool .header__trial-link {
    width: 170px;
    right: 0;
  }
  .header__main.highschool .header__trial-link br {
    display: none;
  }
}
.header__logo {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 144px;
  height: 34px;
}
@media (min-width: 768px) {
  .header__logo {
    left: 30px;
    top: 26px;
    transform: none;
    width: 200px;
    height: 47px;
    transition: opacity 0.3s;
  }
  .header__logo:hover {
    opacity: 0.6;
  }
}
.header__student-link {
  position: absolute;
  right: 130px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #999;
  padding-top: 25px;
  line-height: 1.06;
  text-align: center;
  font-size: 9px;
  letter-spacing: 0.9px;
  color: #666;
  background-color: #fff;
}
@media (min-width: 768px) {
  .header__student-link {
    right: 0;
    left: 258px;
    top: 38px;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 142px;
    height: 28px;
    border-radius: 14.5px;
    padding-top: 0;
    font-size: 13px;
    letter-spacing: 1.3px;
    transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  }
  .header__student-link:hover {
    border-color: #2e2c2c;
    color: #fff;
    background-color: #2e2c2c;
  }
}
.header__student-link-main-icon {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 14px;
  color: #666;
}
@media (min-width: 768px) {
  .header__student-link-main-icon {
    display: none;
  }
}
.header__student-link-sub-icon {
  display: none;
}
@media (min-width: 768px) {
  .header__student-link-sub-icon {
    display: block;
    width: 4px;
    height: 7px;
    margin-left: 8px;
    transition: transform 0.3s;
  }
  .header__student-link:hover .header__student-link-sub-icon {
    transform: translateX(5px);
  }
}
.header__info {
  display: none;
}
@media (min-width: 768px) {
  .header__info {
    display: block;
    position: absolute;
    top: 26px;
    right: 545px;
  }
}
@media (min-width: 768px) {
  .header__opening-hours {
    width: 219px;
    height: 10px;
    margin: 0 3px 0 auto;
    font-size: 10px;
    letter-spacing: 1px;
    color: #999;
  }
}
@media (min-width: 768px) {
  .header__phone-number,
  .header__phone-number-link {
    align-items: center;
    height: 30px;
    margin-top: 6px;
    font-family: Roboto, sans-serif;
    font-size: 35px;
    letter-spacing: 1.75px;
    color: #0456ac;
  }
}
.header__phone-number {
  display: none;
}
@media (min-width: 768px) {
  .header__phone-number {
    display: flex;
  }
}
.header__phone-number-link {
  display: flex;
}
@media (min-width: 768px) {
  .header__phone-number-link {
    display: none;
  }
}
@media (min-width: 768px) {
  .header__phone-icon {
    width: 30px;
    height: 30px;
    color: #0456ac;
    margin-right: 15px;
  }
}
.header__document-link {
  position: absolute;
  right: 75px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 3px;
  padding-top: 32px;
  text-align: center;
  font-size: 9px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #f97a14;
  display: block;
}
@media (min-width: 768px) {
  .header__document-link {
    right: 410px;
    top: 28px;
    transform: none;
    width: 100px;
    height: 55px;
    padding-top: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight: 600;
    line-height: 1.25;
    border: 2px solid #f97a14;
    transition: color 0.3s, background-color 0.3s;
  }
  .header__document-link:hover {
    color: #f97a14;
    background-color: #fff;
  }
}
.header__document-main-icon {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 17.5px;
}
@media (min-width: 768px) {
  .header__document-main-icon {
    display: none;
  }
}
.header__trial-link {
  display: none;
}
@media (min-width: 768px) {
  .header__trial-link {
    position: absolute;
    right: 280px;
    top: 28px;
    width: 120px;
    height: 55px;
    display: grid;
    place-items: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight: 600;
    line-height: 1.25;
    border: 2px solid #0863c2;
    color: #fff;
    background-color: #0863c2;
    transition: color 0.3s, background-color 0.3s;
  }
  .header__trial-link:hover {
    color: #0863c2;
    background-color: #fff;
  }
}
.header__line-link {
  display: none;
}
@media (min-width: 768px) {
  .header__line-link {
    position: absolute;
    right: 130px;
    top: 28px;
    width: 140px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight: 600;
    line-height: 1.35;
    border: 2px solid #00b000;
    color: #fff;
    background-color: #00b000;
    transition: color 0.3s, background-color 0.3s;
  }
  .header__line-link:hover {
    color: #00b000;
    background-color: #fff;
  }
}
.header__instagram-link {
  display: none;
}
@media (min-width: 768px) {
  .header__instagram-link {
    position: absolute;
    right: 0;
    top: 28px;
    width: 120px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    line-height: 1.25;
    border: 2px solid #f067a6;
    color: #fff;
    background-color: #f067a6;
    transition: color 0.3s, background-color 0.3s;
    font-weight: 600;
  }
  .header__instagram-link:hover {
    color: #f067a6;
    background-color: #fff;
  }
}
.header__sub-icon {
  display: none;
}
@media (min-width: 768px) {
  .header__sub-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
  .header__document-link:hover .header__sub-icon {
    transform: translate(5px, -50%);
  }
}
.header__menu-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 3px;
  padding-top: 28px;
  text-align: center;
  font-size: 9px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .header__menu-button {
    display: none;
  }
}
.header__menu-open-icon {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 21.5px;
  height: 12.5px;
}
.header__menu-button.is-active .header__menu-open-icon {
  display: none;
}
.header__menu-close-icon {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 19px;
  height: 12.5px;
  display: none;
}
.header__menu-button.is-active .header__menu-close-icon {
  display: block;
}
.header__nav {
  background-color: #fff;
}
.child-of-2021-spring .header__nav {
  display: none;
}
.header__nav-list {
  border-bottom: 0 solid hsla(0, 0%, 86.7%, 0);
  transition: height 0.3s, border-bottom-width 0.2s, border-bottom-color 0.3s;
}
.header__nav-list.is-active {
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
}
@media (min-width: 768px) {
  .header__nav-list {
    border-bottom: none;
    display: flex;
    align-items: center;
    margin: 0 -42px;
    padding: 7px 30px;
  }
}
@media (min-width: 768px) {
  .header__nav-item {
    position: relative;
    flex: 1 1 auto;
  }
  .header__nav-item:not(:first-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 14px;
    background-color: #333;
  }
}
.header__nav-item-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0;
  border-top: 0 solid hsla(0, 0%, 86.7%, 0);
  padding: 0 30px;
  transition: height 0.3s, border-top-width 0.2s, border-top-color 0.3s;
}
.header__nav-item:first-child .header__nav-item-body {
  border-top-color: rgba(8, 99, 194, 0);
}
.header__nav-list.is-active .header__nav-item-body {
  height: 48px;
  border-top-width: 1px;
  border-top-color: #ddd;
}
.header__nav-list.is-active .header__nav-item:first-child .header__nav-item-body {
  border-top-color: #0863c2;
}
@media (min-width: 768px) {
  .header__nav-item-body {
    justify-content: center;
    width: 100%;
    height: 60px;
    border-top: none;
    padding: 0;
  }
  .header__nav-list.is-active .header__nav-item-body {
    height: 60px;
  }
}
.header__nav-text {
  display: flex;
  align-items: center;
  line-height: 1.3;
  font-size: 13px;
  letter-spacing: 1.3px;
  color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, color 0.3s;
}
.header__nav-list.is-active .header__nav-text {
  opacity: 1;
  visibility: visible;
}
.header__nav-item-body.barba-active .header__nav-text {
  color: #0863c2;
}
@media (min-width: 768px) {
  .header__nav-text {
    font-size: 17px;
    letter-spacing: 1.7px;
    opacity: 1;
    visibility: visible;
  }
  .header__nav-item-body[href]:hover .header__nav-text {
    color: #0863c2;
  }
}
.header__nested-nav-list {
  padding-left: 45px;
}
@media (min-width: 768px) {
  .header__nested-nav-list {
    padding: 4px 0;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 194px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #004ea2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .header__nested-menu-trigger:hover .header__nested-nav-list {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
  }
  .header__nested-nav-list:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center center;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-top: 2px solid #004ea2;
    border-left: 2px solid #004ea2;
  }
}
@media (min-width: 768px) {
  .header__nested-nav-item {
    position: relative;
  }
  .header__nested-nav-item:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 80%;
    height: 1px;
    background-color: #ddd;
  }
}
.header__nested-nav-item-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0;
  border-top: 0 solid hsla(0, 0%, 86.7%, 0);
  padding-right: 30px;
  transition: height 0.3s, border-top-width 0.2s, border-top-color 0.3s;
}
.header__nav-list.is-active .header__nested-nav-list.is-active .header__nested-nav-item-body {
  height: 48px;
  border-top-width: 1px;
  border-top-color: #ddd;
}
@media (min-width: 768px) {
  .header__nested-nav-item-body {
    justify-content: center;
    height: 48px;
    border-top: none;
    padding-right: 0;
  }
}
.header__nested-nav-text {
  display: flex;
  align-items: center;
  line-height: 13px;
  font-size: 13px;
  letter-spacing: 1.3px;
  color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, color 0.3s;
}
.header__nav-list.is-active .header__nested-nav-list.is-active .header__nested-nav-text {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .header__nested-nav-text {
    font-size: 16px;
    opacity: 1;
    visibility: visible;
  }
  .header__nested-nav-item-body[href]:hover .header__nested-nav-text {
    color: #0863c2;
  }
}
.header__nav-home-icon {
  width: 13.5px;
  height: 13px;
  margin-right: 6px;
}
@media (min-width: 768px) {
  .header__nav-home-icon {
    width: 22px;
    height: 20px;
    margin-right: 0;
  }
}
.header__nav-email-icon {
  width: 14.5px;
  height: 10.5px;
  margin-right: 6px;
}
@media (min-width: 768px) {
  .header__nav-email-icon {
    width: 19px;
    height: 13px;
    margin-right: 14px;
  }
}
.header__nested-nav-open-icon {
  width: 11px;
  height: 6px;
  color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.header__nav-list.is-active .header__nested-nav-open-icon {
  opacity: 1;
  visibility: visible;
}
.header__nav-item-body.is-active .header__nested-nav-open-icon {
  display: none;
}
@media (min-width: 768px) {
  .header__nested-nav-open-icon {
    opacity: 1;
    visibility: visible;
    margin-left: 8px;
  }
  .header__nav-item-body.is-active .header__nested-nav-open-icon {
    display: block;
  }
  .header__nested-menu-trigger:hover .header__nested-nav-open-icon {
    display: none;
  }
}
.header__nested-nav-close-icon {
  width: 11px;
  height: 6px;
  color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  display: none;
}
.header__nav-list.is-active .header__nested-nav-close-icon {
  opacity: 1;
  visibility: visible;
}
.header__nav-item-body.is-active .header__nested-nav-close-icon {
  display: block;
}
@media (min-width: 768px) {
  .header__nested-nav-close-icon {
    opacity: 1;
    visibility: visible;
    margin-left: 8px;
  }
  .header__nav-item-body.is-active .header__nested-nav-close-icon {
    display: none;
  }
  .header__nested-menu-trigger:hover .header__nested-nav-close-icon {
    display: block;
  }
}
@media (min-width: 768px) {
  .header__nav-home {
    font-size: 0;
    letter-spacing: 0;
  }
}
.header__nav-ir-text {
  position: relative;
}
.header__nav-ir-icon {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(100%, -50%);
  width: 0.863em;
  height: 0.681em;
  display: inline-block;
  margin: 0 0.363em;
}
@media (min-width: 768px) {
  .header__nav-ir-icon {
    position: static;
    transform: none;
  }
}
.header__nav-ir-icon img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-course"] ~ .footer,
[data-barba-namespace="single-school-area"] ~ .footer {
  margin-bottom: 0;
}
.footer {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .footer {
    margin-bottom: 0;
  }
}
.footer__conversion {
  position: relative;
  padding: 32px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  .footer__conversion {
    padding: 50px calc(50% - 592px);
  }
}
[data-barba-namespace].is-no-footer-conversion ~ footer .footer__conversion {
  display: none;
}
.footer__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.footer__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
.footer__links {
  padding: 25px calc(50% - 157.5px) 14px;
  background-color: #f8f9fc;
}
@media (min-width: 768px) {
  .footer__links {
    padding: 26px calc(50% - 592px) 18px;
  }
}
.footer__nav-list {
  display: flex;
  flex-wrap: wrap;
}
.no-feature .footer__nav-list:after {
  content: "";
  width: 50%;
  height: 40px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
@media (min-width: 768px) {
  .no-feature .footer__nav-list:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .footer__nav-list {
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0 -64px;
  }
}
.footer__nav-item {
  width: 50%;
  height: 40px;
  border-top: 1px solid #eee;
}
.footer__nav-item:nth-child(2n) {
  border-left: 1px solid #eee;
}
@media (min-width: 768px) {
  .footer__nav-item {
    position: relative;
    width: auto;
    height: 100%;
    border-top: none;
    border-bottom: none;
    flex: 1 1 auto;
  }
  .footer__nav-item:nth-child(2n) {
    border-left: none;
  }
  .footer__nav-item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 15px;
    background-color: #aaa;
  }
}
.footer__nav-item-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  letter-spacing: 0.66px;
  color: #333;
  position: relative;
}
.footer__nav-item:nth-child(odd) .footer__nav-item-body {
  padding-right: 8px;
}
.footer__nav-item:nth-child(2n) .footer__nav-item-body {
  padding-left: 8px;
}
@media (min-width: 768px) {
  .footer__nav-item-body {
    width: auto;
    height: 100%;
    font-size: 17px;
    letter-spacing: 1.7px;
    transition: color 0.3s;
  }
  .footer__nav-item-body.barba-active,
  .footer__nav-item-body:hover {
    color: #0863c2;
  }
  .footer__nav-item:nth-child(odd) .footer__nav-item-body {
    padding-right: 0;
  }
  .footer__nav-item:nth-child(2n) .footer__nav-item-body {
    padding-left: 0;
  }
}
.footer__blank-icon {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translate(100%, -50%);
  width: 0.863em;
  height: 0.681em;
  display: inline-block;
  margin: 0 0.363em;
}
@media (min-width: 768px) {
  .footer__blank-icon {
    position: static;
    transform: none;
  }
}
.footer__blank-icon img {
  width: 100%;
  height: auto;
}
.footer__school-and-course {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .footer__school-and-course {
    margin: 20px -20px 0;
    display: flex;
    justify-content: center;
  }
}
.footer__course-list,
.footer__school-list {
  margin-top: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 11px 6.5px;
}
@media (min-width: 768px) {
  .footer__course-list,
  .footer__school-list {
    justify-content: center;
    margin: 0 20px;
    width: 572px;
    height: 88px;
    border-radius: 6px;
    padding: 28px 0;
  }
}
.footer__course-item,
.footer__school-item {
  display: block;
  width: 30%;
  height: 28px;
  border-radius: 3px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .footer__course-item,
  .footer__school-item {
    width: auto;
    height: 32px;
    margin: 0 15px;
    border-radius: 0;
    background-color: transparent;
  }
}
.footer__course-item-body,
.footer__school-item-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  letter-spacing: 1.32px;
  color: #fff;
}
@media (min-width: 768px) {
  .footer__course-item-body,
  .footer__school-item-body {
    font-size: 16px;
    letter-spacing: 1.92px;
    color: #333;
    transition: color 0.3s;
  }
  .footer__course-item-body.barba-active,
  .footer__course-item-body:hover,
  .footer__school-item-body.barba-active,
  .footer__school-item-body:hover {
    color: #0863c2;
  }
}
.footer__course-circle,
.footer__school-circle {
  display: none;
}
@media (min-width: 768px) {
  .footer__course-circle,
  .footer__school-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #0863c2;
    margin-right: 10px;
    transition: transform 0.3s;
  }
  .footer__course-item-body:hover .footer__course-circle,
  .footer__course-item-body:hover .footer__school-circle,
  .footer__school-item-body:hover .footer__course-circle,
  .footer__school-item-body:hover .footer__school-circle {
    transform: translateX(5px);
  }
}
@media (min-width: 768px) {
  .footer__course-icon,
  .footer__school-icon {
    width: 18px;
    height: 12px;
    color: #fff;
  }
}
@media (min-width: 768px) {
  .footer__sub-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 13px -24px 0;
  }
}
.footer__primary-sub-link-list,
.footer__secondary-sub-link-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .footer__primary-sub-link-list,
  .footer__secondary-sub-link-list {
    height: 50px;
  }
}
.footer__primary-sub-link-list {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .footer__primary-sub-link-list {
    flex: 0 0 100%;
    margin-top: 0;
    margin-right: 22px;
  }
}
@media (min-width: 768px) {
  .footer__secondary-sub-link-list {
    flex: 0 0 100%;
    margin-left: 22px;
  }
}
.footer__primary-sub-link-item,
.footer__secondary-sub-link-item {
  height: 11px;
  margin: 14px 13px;
  width: calc(50% - 26px);
}
@media (min-width: 768px) {
  .footer__primary-sub-link-item,
  .footer__secondary-sub-link-item {
    position: relative;
    flex: 0 0 auto;
    height: 100%;
    margin: 0;
    padding: 0 1em;
    width: auto;
  }
  .footer__primary-sub-link-item:not(:first-child):before,
  .footer__secondary-sub-link-item:not(:first-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 15px;
    background-color: #aaa;
  }
}
.footer__primary-sub-link-item-body,
.footer__secondary-sub-link-item-body {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  letter-spacing: 1.1px;
  color: #333;
}
.footer__primary-sub-link-item-body[target="_blank"]:after,
.footer__secondary-sub-link-item-body[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .footer__primary-sub-link-item-body,
  .footer__secondary-sub-link-item-body {
    width: 100%;
    height: 100%;
    font-size: 15px;
    letter-spacing: 1.5px;
    transition: color 0.3s;
  }
  .footer__primary-sub-link-item-body.barba-active,
  .footer__primary-sub-link-item-body:hover,
  .footer__secondary-sub-link-item-body.barba-active,
  .footer__secondary-sub-link-item-body:hover {
    color: #0863c2;
  }
  .footer__primary-sub-link-item-body[target="_blank"]:after,
  .footer__secondary-sub-link-item-body[target="_blank"]:after {
    content: "";
    display: inline-block;
    margin: 0 0.363em;
    width: 0.863em;
    height: 0.681em;
    background-position: 100%;
    background-size: 100% 100%;
    background-image: url(../svg/global/target-blank-065dca.svg);
    background-repeat: no-repeat;
  }
}
.footer__nav-home {
  display: block;
}
@media (min-width: 768px) {
  .footer__nav-home {
    display: none;
  }
}
.footer__primary-sub-link-contact,
.footer__primary-sub-link-student {
  display: none;
}
@media (min-width: 768px) {
  .footer__primary-sub-link-contact,
  .footer__primary-sub-link-student {
    display: flex;
  }
  .footer__primary-sub-link-contact:before,
  .footer__primary-sub-link-student:before {
    display: none !important;
  }
}
.footer__copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26px;
  color: #fff;
  background-color: #0863c2;
  font-size: 10px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .footer__copyright {
    display: flex;
    height: 36px;
  }
}
.footer__sticky {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  width: 375px;
  height: 60px;
  padding: 0 5px;
  background-color: hsla(0, 0%, 100%, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
[data-barba-namespace="front-page"] ~ .footer .footer__sticky {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
[data-barba-namespace="front-page"] ~ .footer .footer__sticky.is-active {
  opacity: 1;
  visibility: visible;
}
[data-barba-namespace="single-new-building"] ~ .footer .footer__sticky {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
[data-barba-namespace="single-new-building"] ~ .footer .footer__sticky.is-active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 375px) {
  .footer__sticky {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .footer__sticky {
    display: none;
  }
}
.footer__sticky > a {
  margin: 0 2px;
}
.footer__sticky-phone {
  flex: 1 1 175px;
  height: 50px;
  padding-top: 9px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1.7px 0 0 #dadbdc;
}
.footer__sticky-phone-heading {
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.3px;
  color: #033333;
}
.footer__sticky-phone-body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14px;
  margin-top: 7px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  letter-spacing: 1.08px;
  color: #0863c2;
}
.footer__sticky-phone-icon {
  width: 12.5px;
  height: 13px;
  color: #0863c2;
  margin-right: 5px;
}
.footer__sticky-trial-link {
  flex: 1 1 68px;
  height: 50px;
  padding-top: 8px;
  border-radius: 3px;
  background-color: #0863c2;
  box-shadow: 1px 1.7px 0 0 #c2daf0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #fff;
  text-align: center;
}
.footer__sticky-trial-main-icon {
  width: 14px;
  height: 14px;
  margin: 0 auto 6px;
  color: #fff;
}
.footer__sticky-document-link {
  flex: 1 1 68px;
  height: 50px;
  padding-top: 8px;
  border-radius: 3px;
  background-color: #f97a14;
  box-shadow: 1px 1.7px 0 0 #fbe0c8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #fff;
  text-align: center;
}
.footer__sticky-document-main-icon {
  width: 13px;
  height: 14px;
  margin: 0 auto 6px;
  color: #fff;
}
.footer__sticky-line-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 78px;
  height: 50px;
  border-radius: 3px;
  background-color: #00b000;
  box-shadow: 1px 1.7px 0 0 #fbe0c8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.2px;
  color: #fff;
  text-align: center;
}
.conversion {
  position: relative;
  z-index: 1;
  min-width: 300px;
  padding: 15px 15px 0;
  background-color: #fff;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  .conversion {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    height: auto;
    padding: 30px 24px;
  }
}
.conversion__phone {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  background-color: #f2f2f2;
  box-shadow: 1px 1.7px 0 0 rgba(11, 32, 68, 0.2);
}
@media (min-width: 768px) {
  .conversion__phone {
    width: 552px;
    height: auto;
    max-height: 158px;
    margin: 0;
    box-shadow: none;
  }
}
.conversion__phone[href] {
  display: flex;
}
@media (min-width: 768px) {
  .conversion__phone[href] {
    display: none;
  }
}
.conversion__phone:not([href]) {
  display: none;
}
@media (min-width: 768px) {
  .conversion__phone:not([href]) {
    display: flex;
  }
}
.conversion__phone-heading {
  position: relative;
  flex: 0 0 48px;
  height: 100%;
  background-color: #0863c2;
}
.conversion__phone-heading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 48px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #0863c2;
  border-style: solid;
  border-width: 39px 0 39px 10px;
}
.conversion__phone-heading:after {
  content: attr(data-content);
  white-space: pre-wrap;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 52px;
  height: 100%;
  font-size: 10px;
  line-height: 1.44;
  letter-spacing: 0.32px;
  color: #fff;
  transform: translateX(1px) scale(0.8);
}
@media (min-width: 768px) {
  .conversion__phone-heading {
    flex: 0 0 94px;
  }
  .conversion__phone-heading:before {
    left: 94px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #0863c2;
    border-style: solid;
    border-width: 79px 0 79px 20px;
  }
  .conversion__phone-heading:after {
    width: 84px;
    height: 100%;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.64px;
    transform: translateX(13px);
  }
}
.conversion__phone-body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px 0;
}
@media (min-width: 768px) {
  .conversion__phone-body {
    padding: 20px 0;
  }
}
.conversion__phone-note {
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.33px;
  color: #033333;
}
@media (min-width: 768px) {
  .conversion__phone-note {
    font-size: 14px;
  }
}
.conversion__phone-number {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  margin-top: 7px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  letter-spacing: 0.96px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .conversion__phone-number {
    flex: 0 0 100%;
    height: 39px;
    margin-top: 0;
    font-size: 52px;
    letter-spacing: 1.3px;
  }
  .conversion__phone-number.tel-len13 {
    font-size: 47px;
  }
}
.conversion__phone-icon {
  width: 17px;
  height: 17.5px;
  margin-right: 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .conversion__phone-icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
}
.conversion__opening-hours {
  width: 200px;
  height: 9px !important;
  margin: 6px auto 0;
}
@media (min-width: 768px) {
  .conversion__opening-hours {
    width: 278px;
    height: 12px !important;
    margin: 0;
  }
}
.conversion__nav {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  .conversion__nav {
    width: calc(100% - 573px);
    margin: 0 auto;
  }
}
.conversion__links {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.conversion__links a {
  width: calc(50% - 5px);
  height: 50px;
}
@media (min-width: 768px) {
  .conversion__links a {
    width: calc(50% - 10px);
    height: 70px;
  }
}
.conversion__links.highschool {
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .conversion__links.highschool {
    width: 100%;
    justify-content: space-between;
    margin-top: 0;
  }
}
.conversion__link {
  border: 2px solid #0863c2;
  border-radius: 10px;
  background-color: #0863c2;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.84px;
  text-align: center;
  line-height: 1.25;
  color: #fff;
  transition: color 0.3s, background-color 0.3s;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) {
  .conversion__link {
    height: 100%;
    border-radius: 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    padding-top: 0;
  }
  .conversion__link:hover {
    background-color: #fff;
  }
}
.conversion__link--trial {
  border: 2px solid #0863c2;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .conversion__link--trial:hover {
    color: #0863c2;
  }
}
.conversion__link--document {
  border: 2px solid #f97a14;
  background-color: #f97a14;
}
@media (min-width: 768px) {
  .conversion__link--document:hover {
    color: #f97a14;
  }
}
@media (min-width: 768px) {
  .conversion__link--document--only {
    flex: none;
    width: 160px;
    margin: 0 16px;
    font-size: 19px;
  }
}
.conversion__link--consultation {
  border: 2px solid #3fc8e3;
  background-color: #3fc8e3;
}
@media (min-width: 768px) {
  .conversion__link--consultation:hover {
    color: #3fc8e3;
  }
}
.conversion__link--find {
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #0863c2;
}
@media (min-width: 768px) {
  .conversion__link--find {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .conversion__link--find:hover {
    color: #0863c2;
  }
}
.conversion__link--instagram {
  border: 2px solid #f067a6;
  background-color: #f067a6;
}
@media (min-width: 768px) {
  .conversion__link--instagram:hover {
    color: #f067a6;
  }
}
@media (min-width: 768px) {
  .conversion__link--instagram--only {
    flex: none;
    width: 160px;
    margin: 0 16px;
    font-size: 19px;
  }
}
.conversion__link-main-icon {
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .conversion__link-main-icon {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    margin: 0 auto 10px;
  }
}
.conversion__link-main-icon--trial {
  width: 13px;
  height: 13px;
  left: 14px;
}
@media (min-width: 768px) {
  .conversion__link-main-icon--trial {
    width: 32px;
    height: 32px;
  }
}
.conversion__link-main-icon--document {
  width: 15px;
  height: 17.5px;
}
@media (min-width: 768px) {
  .conversion__link-main-icon--document {
    width: 28px;
    height: 33px;
  }
}
.conversion__link-main-icon--consultation {
  width: 18px;
  height: 18px;
}
@media (min-width: 768px) {
  .conversion__link-main-icon--consultation {
    width: 32px;
    height: 32px;
  }
}
.conversion__link-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  .conversion__link-sub-icon {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 20px;
    height: 13px;
    margin: 9px auto 0;
    transition: transform 0.3s;
  }
  .conversion__link:hover .conversion__link-sub-icon {
    transform: translateX(10px);
  }
  .conversion__link:hover .conversion__link-sub-icon--none-animation {
    transform: none;
  }
}
.conversion__contact {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 15px;
  border-top: 1px solid #0863c2;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (min-width: 768px) {
  .conversion__contact {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    border-top: none;
    -moz-column-gap: 50px;
    margin-top: 20px;
  }
}
.conversion__contact-heading {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .conversion__contact-heading {
    order: 1;
    flex: 0 0 265px;
    width: 265px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.7px;
    text-align: center;
    color: #2b2d2e;
  }
}
.conversion__contact-heading img {
  width: 100%;
  height: auto;
}
.conversion__contact-line {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0.25em 0;
  border: 2px solid #00b000;
  border-radius: 10px;
  background-color: #00b000;
  font-size: 12px;
  line-height: 1.25;
  position: relative;
  letter-spacing: 0.84px;
  text-align: center;
  color: #fff;
  transition: color 0.3s, background-color 0.3s;
}
.conversion__contact-line .conversion__link-sub-icon {
  right: 3px;
}
.conversion__contact-line--pc {
  display: none;
}
@media (min-width: 768px) {
  .conversion__contact-line--pc {
    display: flex;
  }
  .conversion__contact-line--pc:hover {
    filter: brightness(115%);
  }
}
.conversion__contact-line--sp {
  display: flex;
}
@media (min-width: 768px) {
  .conversion__contact-line--sp {
    display: none;
  }
}
.conversion__contact-link {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #033333;
}
@media (min-width: 768px) {
  .conversion__contact-link {
    order: 2;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #2b2d2e;
    transition: color 0.3s;
  }
  .conversion__contact-link:hover {
    color: #0863c2;
  }
}
.conversion__contact-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: #0863c2;
  border-radius: 50%;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .conversion__contact-circle {
    width: 32px;
    height: 32px;
    margin-right: 14px;
    transition: transform 0.3s;
  }
  .conversion__contact-link:hover .conversion__contact-circle {
    transform: translateX(5px);
  }
}
.conversion__contact-icon {
  width: 9px;
  height: 7px;
  color: #fff;
}
@media (min-width: 768px) {
  .conversion__contact-icon {
    width: 17px;
    height: 11px;
  }
}
.conversion-hs {
  position: relative;
  z-index: 1;
  padding: 15px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .conversion-hs {
    display: flex;
    justify-content: space-between;
    align-content: center;
    height: 218px;
    padding: 30px 24px;
  }
}
.conversion-hs__phone {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  background-color: #f2f2f2;
  box-shadow: 1px 1.7px 0 0 rgba(11, 32, 68, 0.2);
}
@media (min-width: 768px) {
  .conversion-hs__phone {
    width: 540px;
    height: 100%;
    margin: 0;
    box-shadow: none;
  }
}
.conversion-hs__phone[href] {
  display: flex;
}
@media (min-width: 768px) {
  .conversion-hs__phone[href] {
    display: none;
  }
}
.conversion-hs__phone:not([href]) {
  display: none;
}
@media (min-width: 768px) {
  .conversion-hs__phone:not([href]) {
    display: flex;
  }
}
.conversion-hs__phone-heading {
  position: relative;
  flex: 0 0 48px;
  height: 100%;
  background-color: #0863c2;
}
.conversion-hs__phone-heading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 48px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #0863c2;
  border-style: solid;
  border-width: 39px 0 39px 10px;
}
.conversion-hs__phone-heading:after {
  content: attr(data-content);
  white-space: pre-wrap;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 52px;
  height: 100%;
  font-size: 10px;
  line-height: 1.44;
  letter-spacing: 0.32px;
  color: #fff;
  transform: translateX(1px) scale(0.8);
}
@media (min-width: 768px) {
  .conversion-hs__phone-heading {
    flex: 0 0 94px;
  }
  .conversion-hs__phone-heading:before {
    left: 94px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #0863c2;
    border-style: solid;
    border-width: 79px 0 79px 20px;
  }
  .conversion-hs__phone-heading:after {
    width: 84px;
    height: 100%;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.64px;
    transform: translateX(13px);
  }
}
.conversion-hs__phone-body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px 0;
}
@media (min-width: 768px) {
  .conversion-hs__phone-body {
    padding: 20px 0;
  }
}
.conversion-hs__phone-number {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  margin-top: 7px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  letter-spacing: 0.96px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .conversion-hs__phone-number {
    flex: 0 0 100%;
    height: 39px;
    margin-top: 0;
    position: relative;
    top: 20px;
    font-size: 52px;
    letter-spacing: 1.3px;
  }
  .conversion-hs__phone-number.tel-len13 {
    font-size: 47px;
  }
}
.conversion-hs__phone-icon {
  width: 17px;
  height: 17.5px;
  margin-right: 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .conversion-hs__phone-icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
}
.conversion-hs__opening-hours {
  width: 200px;
  height: 9px !important;
  margin: 6px auto 0;
}
@media (min-width: 768px) {
  .conversion-hs__opening-hours {
    width: 278px;
    height: 12px !important;
    margin: 0;
  }
}
.breadcrumbs {
  padding: 8px 30px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  .breadcrumbs {
    padding: 15px calc(50% - 592px);
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  max-height: 32px;
  line-height: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 10px;
  letter-spacing: -1em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .breadcrumbs__list {
    max-height: 15px;
    line-height: 15px;
    -webkit-line-clamp: 1;
    font-size: 15px;
  }
}
.breadcrumbs__item {
  display: inline;
}
.breadcrumbs__item:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 16px;
  margin: 0 6px;
  vertical-align: top;
  background-image: url(../svg/global/angle-right-999999.svg);
  background-size: 100% 5px;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .breadcrumbs__item:not(:first-child):before {
    width: 6px;
    height: 15px;
    margin: 0 14px;
    background-size: 100% 10px;
  }
}
.breadcrumbs__item:last-child:before {
  background-image: url(../svg/global/angle-right-333333.svg);
}
.breadcrumbs__link {
  letter-spacing: 1.4px;
  white-space: normal;
  color: #999;
}
@media (min-width: 768px) {
  .breadcrumbs__link {
    letter-spacing: 1.8px;
    transition: color 0.3s;
  }
  .breadcrumbs__link:hover {
    color: #0863c2;
  }
}
.breadcrumbs__item:last-child .breadcrumbs__link {
  color: #333;
}
.pagination {
  background-color: #f5f6fa;
}
.pagination__wrapper {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #2d2d2d;
  padding: 19px 75px;
  font-size: 13px;
}
@media (min-width: 768px) {
  .pagination__wrapper {
    padding: 50px 0;
    font-size: 18px;
  }
}
.pagination__wrapper.pagination_enable_next_ui {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 30px 40px;
}
@media (min-width: 768px) {
  .pagination__wrapper.pagination_enable_next_ui {
    width: 397px;
    padding: 50px 0;
  }
}
.pagination_enable_next_ui_inner {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s;
}
.pagination__btn:hover {
  color: #0863c2;
}
.pagination__btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .pagination-btn-prev:hover .pagination__btn-svg {
    transform: translateX(-5px);
  }
}
@media (min-width: 768px) {
  .pagination-btn-next:hover .pagination__btn-svg {
    transform: translateX(5px);
  }
}
.pagination__span {
  margin: 0 31px;
}
@media (min-width: 768px) {
  .pagination__span {
    margin: 0 68px;
  }
}
.pagination__span-prev {
  margin-left: 18px;
}
@media (min-width: 768px) {
  .pagination__span-prev {
    margin-left: 33px;
  }
}
.pagination_enable_next_ui_inner .pagination__span-prev {
  margin-right: 14px;
  margin-left: 6px;
}
@media (min-width: 768px) {
  .pagination_enable_next_ui_inner .pagination__span-prev {
    margin-right: 20px;
    margin-left: 16px;
  }
}
.pagination__span-next {
  margin-right: 18px;
}
@media (min-width: 768px) {
  .pagination__span-next {
    margin-right: 33px;
  }
}
.pagination_enable_next_ui_inner .pagination__span-next {
  margin-right: 6px;
  margin-left: 14px;
}
@media (min-width: 768px) {
  .pagination_enable_next_ui_inner .pagination__span-next {
    margin-right: 16px;
    margin-left: 20px;
  }
}
.pagination__btn-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #0863c2;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .pagination__btn-svg {
    width: 30px;
    height: 30px;
  }
}
.pagination__btn-svg-icon {
  width: 3px;
  height: 5.5px;
  color: #fff;
}
@media (min-width: 768px) {
  .pagination__btn-svg-icon {
    width: 6px;
    height: 11px;
  }
}
.pagination__next_ui {
  display: block;
  position: relative;
}
.pagination__next_ui__link-body {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 254px;
  height: 48px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  .pagination__next_ui__link-body {
    width: 340px;
    height: 64px;
    margin: 0 auto;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  .pagination__next_ui__link-body .pagination__next_ui__link-icon {
    transition: transform 0.3s;
  }
  .pagination__next_ui__link-body:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  .pagination__next_ui__link-body:hover .pagination__next_ui__link-icon {
    transform: translate(5px, -50%);
  }
}
.pagination__next_ui__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  .pagination__next_ui__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
.pagination__select {
  position: relative;
  display: block;
  width: 144px;
  height: 40px;
  cursor: pointer;
  background: #0863c2;
  border-radius: 32px;
}
@media (min-width: 768px) {
  .pagination__select {
    width: 178px;
    height: 50px;
  }
}
.pagination-select-label {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 12px 0;
  color: #fff;
}
@media (min-width: 768px) {
  .pagination-select-label {
    padding: 16px 0;
  }
}
.pagination-select-list {
  height: 100%;
  border: none;
  opacity: 0;
  cursor: pointer;
  color: #fff;
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  text-align: center;
  text-align: -webkit-center;
}
.pagination-select-list::-ms-expand {
  display: none;
}
.pagination-select-list.barba-active {
  pointer-events: auto;
}
.pagination-select-list:focus {
  border: none;
  outline: none;
}
.pagination-select-list option {
  background-color: #0863c2;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.pagination-select-list--link {
  opacity: 1;
}
.regular-school__phone {
  position: relative;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #0863c2;
  background-color: #f5f6fa;
  margin: 15px auto 0;
}
@media (min-width: 768px) {
  .regular-school__phone {
    flex: 0 0 280px;
    height: 64px;
    border-radius: 32px;
    border: none;
    margin: 0;
    padding: 12px 0 0 75px;
  }
}
.regular-school__phone--upper {
  display: none;
}
@media (min-width: 768px) {
  .regular-school__phone--upper {
    display: block;
  }
}
.regular-school__phone--lower {
  display: flex;
}
@media (min-width: 768px) {
  .regular-school__phone--lower {
    display: none;
  }
}
.regular-school__phone-note {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-align: center;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  .regular-school__phone-note {
    font-size: 14px;
    letter-spacing: 1.4px;
    text-align: left;
  }
}
.regular-school__phone-number {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  letter-spacing: 1.6px;
  text-align: center;
  color: #0863c2;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .regular-school__phone-number {
    font-size: 22px;
    letter-spacing: 2.2px;
    text-align: left;
    margin-top: 6px;
  }
}
.regular-school__phone-circle {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 17.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  .regular-school__phone-circle {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    display: block;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
  }
}
.regular-school__phone-main-icon {
  width: 20px;
  height: 19.5px;
  color: #fff;
}
@media (min-width: 768px) {
  .regular-school__phone-main-icon {
    width: 29px;
    height: 29px;
    color: #0863c2;
  }
}
.regular-school__phone-sub-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
  color: #0863c2;
}
@media (min-width: 768px) {
  .regular-school__phone-sub-icon {
    display: none;
  }
}
.wp-banner {
  position: relative;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .wp-banner {
    padding: 50px calc(50% - 512px);
  }
  .wp-banner:hover .wp-banner__image {
    opacity: 0.6;
  }
}
.page-jrhighschool .wp-banner {
  background: #e2eaf9;
}
.wp-banner__image {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .wp-banner__image {
    max-width: 1184px;
    transition: opacity 0.3s;
  }
}
.wp-banner__image-body {
  width: 100%;
  height: auto;
}
.button {
  display: block;
  width: 100%;
  padding: 0.75em 3em;
  border: 2px solid #0863c2;
  border-radius: 3em;
  background-color: #0863c2;
  position: relative;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  .button:hover {
    background-color: #fff;
    color: #0863c2;
  }
  .button:hover .button-icon {
    color: #0863c2;
    fill: #0863c2;
    stroke: #0863c2;
  }
}
.button.button--inlineblock {
  display: inline-block;
  width: auto;
}
.button.button--fat {
  line-height: 1.4;
}
@media (min-width: 768px) {
  .button.button--fat {
    padding: 20px 4em 20px 6em;
  }
}
.button .button-icon {
  display: block;
  position: absolute;
  width: 14px;
  height: 9px;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .button .button-icon {
    width: 29px;
    height: auto;
    left: 40px;
  }
}
.button .button-arrow {
  display: block;
  position: absolute;
  width: 14px;
  height: 9px;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .button .button-arrow {
    width: 14px;
    height: 9px;
  }
}
.button-clear {
  display: inline-block;
  width: 120%;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.button-clear:hover {
  cursor: pointer;
  text-decoration: none;
}
.button-clear:before {
  content: "\3000";
  display: inline-block;
  width: 0.75em;
  height: 1em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22512%2C52.535%20459.467%2C0.002%20256.002%2C203.462%2052.538%2C0.002%200%2C52.535%20203.47%2C256.005%200%2C459.465%2052.533%2C511.998%20256.002%2C308.527%20459.467%2C511.998%20512%2C459.475%20308.536%2C256.005%20%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    no-repeat center 2px;
  background-size: contain;
}
.reason {
  position: relative;
  padding-top: 16vw;
  padding-bottom: 16vw;
  background-color: #ff0;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .reason {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.reason .reason__title {
  width: vw_sp(335);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .reason .reason__title {
    width: 663px;
  }
}
.reason .reason__list {
  width: vw_sp(335);
  margin: 8vw auto 0;
}
@media (min-width: 768px) {
  .reason .reason__list {
    width: 800px;
    margin-top: 50px;
  }
}
.reason .reason__item:not(:first-of-type) {
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .reason .reason__item:not(:first-of-type) {
    margin-top: 40px;
  }
}
.reason .reason__item-toggle {
  width: 100%;
  height: 16vw;
}
.reason .reason__item-toggle[aria-expanded="true"] .reason__item-puls:after {
  opacity: 0;
}
@media (min-width: 768px) {
  .reason .reason__item-toggle {
    height: 90px;
  }
}
.reason .reason__item-header {
  width: 100%;
  height: 100%;
  padding: 0 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .reason .reason__item-header {
    padding: 0 28px;
  }
}
.reason .reason__item-header--01 {
  background-color: #ffa804;
}
.reason .reason__item-header--01 .reason__item-number {
  color: #ffa804;
}
.reason .reason__item-header--02 {
  background-color: #ffa804;
}
.reason .reason__item-header--02 .reason__item-number {
  color: #ffa804;
}
.reason .reason__item-header--03 {
  background-color: #ff9504;
}
.reason .reason__item-header--03 .reason__item-number {
  color: #ff9504;
}
.reason .reason__item-header--04 {
  background-color: #ff8104;
}
.reason .reason__item-header--04 .reason__item-number {
  color: #ff8104;
}
.reason .reason__item-header--05 {
  background-color: #ff6520;
}
.reason .reason__item-header--05 .reason__item-number {
  color: #ff6520;
}
.reason .reason__item-number {
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  font-weight: 700;
  background-color: #fff;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .reason .reason__item-number {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}
.reason .reason__item-title {
  font-size: 4vw;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .reason .reason__item-title {
    font-size: 28px;
  }
}
.reason .reason__item-puls {
  position: relative;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  border: 2px solid #fff;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .reason .reason__item-puls {
    width: 28px;
    height: 28px;
    border: 3px solid #fff;
  }
}
.reason .reason__item-puls:after,
.reason .reason__item-puls:before {
  position: absolute;
  display: block;
  content: "";
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reason .reason__item-puls:before {
  width: 2.1333333333vw;
  height: 2px;
}
@media (min-width: 768px) {
  .reason .reason__item-puls:before {
    width: 15px;
    height: 3px;
  }
}
.reason .reason__item-puls:after {
  width: 2px;
  height: 2.1333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__item-puls:after {
    width: 3px;
    height: 15px;
  }
}
.reason .reason__item-body-wrapper {
  background-color: #fff;
  height: 0;
  transition: height 0.3s ease-out;
}
.reason .reason__item-body-wrapper[aria-hidden="false"] .reason__item-body {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.reason .reason__item-body {
  background-color: #fff;
  padding: 5.3333333333vw;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}
@media (min-width: 768px) {
  .reason .reason__item-body {
    padding: 40px 40px 50px;
  }
}
.reason .reason__item-bubble {
  position: relative;
  width: 100%;
  padding: 0.5em;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.25px;
  text-align: center;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble {
    height: 70px;
    border-width: 3px;
    font-size: 24px;
  }
}
.reason .reason__item-bubble span {
  position: relative;
  z-index: 3;
}
.reason .reason__item-bubble:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-right: 2px solid #ffa804;
  border-top: 2px solid #ffa804;
  border-color: transparent transparent #ffa804 #ffa804;
  border-style: solid;
  border-width: 2px;
  background-color: #fff;
  position: absolute;
  z-index: 2;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
@media (min-width: 768px) {
  .reason .reason__item-bubble:after {
    border-width: 3px;
  }
}
.reason .reason__item-bubble--01 {
  color: #ffa804;
  border-color: #ffa804;
}
.reason .reason__item-bubble--01:after {
  border-color: #ffa804;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble--01:after {
    border-width: 3px;
  }
}
.reason .reason__item-bubble--02 {
  color: #ffa804;
  border-color: #ffa804;
}
.reason .reason__item-bubble--02:after {
  border-color: #ffa804;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble--02:after {
    border-width: 3px;
  }
}
.reason .reason__item-bubble--03 {
  color: #ff9504;
  border-color: #ff9504;
}
.reason .reason__item-bubble--03:after {
  border-color: #ff9504;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble--03:after {
    border-width: 3px;
  }
}
.reason .reason__item-bubble--04 {
  color: #ff8104;
  border-color: #ff8104;
}
.reason .reason__item-bubble--04:after {
  border-color: #ff8104;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble--04:after {
    border-width: 3px;
  }
}
.reason .reason__item-bubble--05 {
  color: #ff6520;
  border-color: #ff6520;
}
.reason .reason__item-bubble--05:after {
  border-color: #ff6520;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble--05:after {
    border-width: 3px !important;
  }
}
.reason .reason__item-bubble-svg {
  position: absolute;
  width: 80vw;
  height: 12.8vw;
  color: inherit;
  top: -3.3rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (min-width: 768px) {
  .reason .reason__item-bubble-svg {
    width: 720px;
    height: 90px;
    top: -30px;
  }
}
.reason .reason__item-copy {
  width: 100%;
  margin-top: 5.3333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__item-copy {
    margin-top: 45px;
  }
}
.reason .reason__item-content {
  margin-top: 5.3333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__item-content {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .reason .reason__item-content .reason__item-image {
    width: 320px;
  }
}
.reason .reason__item-desc {
  font-size: 4vw;
  line-height: 1.86667;
  margin-top: 1.8666666667vw;
}
@media (min-width: 768px) {
  .reason .reason__item-desc {
    width: 360px;
    font-size: 15px;
    margin-top: -7px;
  }
}
.reason .reason__item-column {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .reason .reason__item-column {
    width: 480px;
    margin: 52px auto 0;
  }
}
.reason .reason__item-column-title {
  font-size: 4.5333333333vw;
  font-weight: 700;
  color: #ffa804;
  text-align: center;
  line-height: 1;
  padding-bottom: 2.6666666667vw;
  border-bottom: 1px solid #ffa804;
}
@media (min-width: 768px) {
  .reason .reason__item-column-title {
    font-size: 17px;
    padding-bottom: 11px;
  }
}
.reason .reason__item-column-content {
  display: flex;
  justify-content: space-between;
  margin-top: 2.6666666667vw;
}
@media (min-width: 768px) {
  .reason .reason__item-column-content {
    margin-top: 20px;
  }
}
.reason .reason__item-column-image {
  width: 30.1333333333vw;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (min-width: 768px) {
  .reason .reason__item-column-image {
    width: 200px;
  }
}
.reason .reason__item-column-desc {
  font-size: 3.4666666667vw;
  line-height: 1.7;
  margin-left: 3.2vw;
}
@media (min-width: 768px) {
  .reason .reason__item-column-desc {
    font-size: 13px;
    margin-left: 24px;
  }
}
.reason .reason__message {
  position: relative;
  height: 61.3333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__message {
    height: 562px;
  }
}
.reason .reason__message.is-active .reason__message-item .reason__message-bubble,
.reason .reason__message.is-active .reason__message-item .reason__message-teacher {
  opacity: 1;
  transform: scaleX(1);
}
@media (min-width: 768px) {
  .reason .reason__message-fire {
    position: absolute;
    width: 1300px;
    bottom: 450px;
    left: calc(50% - 660px);
  }
}
@media (min-width: 768px) {
  .reason .reason__message-fire-01,
  .reason .reason__message-fire-02 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateZ(0);
  }
}
@media (min-width: 768px) {
  .reason .reason__message-fire-01 {
    -webkit-animation: switch-fire 4s linear infinite;
    animation: switch-fire 4s linear infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
  }
}
@media (min-width: 768px) {
  .reason .reason__message-fire-02 {
    -webkit-animation: switch-fire 4s linear infinite;
    animation: switch-fire 4s linear infinite;
    -webkit-animation-delay: -2.7s;
    animation-delay: -2.7s;
  }
}
.reason .reason__message-item {
  position: absolute;
  bottom: 0;
}
.reason .reason__message-item:first-of-type {
  width: 40vw;
  left: -5.8666666667vw;
}
@media (min-width: 768px) {
  .reason .reason__message-item:first-of-type {
    width: 384px;
    left: calc(50% - 487px);
  }
}
.reason .reason__message-item:first-of-type .reason__message-teacher {
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0s;
}
.reason .reason__message-item:first-of-type .reason__message-bubble {
  top: 0;
  left: 16vw;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0.15s;
}
@media (min-width: 768px) {
  .reason .reason__message-item:first-of-type .reason__message-bubble {
    top: 0;
    left: 113px;
  }
}
.reason .reason__message-item:nth-of-type(2) {
  width: 53.3333333333vw;
  left: 14.9333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__message-item:nth-of-type(2) {
    width: 510px;
    left: calc(50% - 290px);
  }
}
.reason .reason__message-item:nth-of-type(2) .reason__message-teacher {
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0.3s;
}
.reason .reason__message-item:nth-of-type(2) .reason__message-bubble {
  top: 0;
  left: 19.4666666667vw;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0.45s;
}
@media (min-width: 768px) {
  .reason .reason__message-item:nth-of-type(2) .reason__message-bubble {
    top: 15px;
    left: 168px;
  }
}
.reason .reason__message-item:nth-of-type(3) {
  width: 68vw;
  left: 42.9333333333vw;
}
@media (min-width: 768px) {
  .reason .reason__message-item:nth-of-type(3) {
    width: 647px;
    left: calc(50% - 57px);
  }
}
.reason .reason__message-item:nth-of-type(3) .reason__message-teacher {
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0.6s;
}
.reason .reason__message-item:nth-of-type(3) .reason__message-bubble {
  top: 2.1333333333vw;
  left: 26.6666666667vw;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  transition-delay: 0.75s;
}
@media (min-width: 768px) {
  .reason .reason__message-item:nth-of-type(3) .reason__message-bubble {
    top: 30px;
    left: 272px;
  }
}
.reason .reason__message-bubble {
  position: absolute;
}
.reason .reason__message-bubble-body {
  display: block;
  text-align: center;
  font-size: 2.6666666667vw;
  font-weight: 700;
  transform: rotate(8deg);
}
@media (min-width: 768px) {
  .reason .reason__message-bubble-body {
    font-size: 25px;
  }
}
.reason .reason__message-bubble-body:after,
.reason .reason__message-bubble-body:before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  height: 170%;
  background-color: #222;
  border-radius: 2px;
  bottom: -80%;
}
@media (min-width: 768px) {
  .reason .reason__message-bubble-body:after,
  .reason .reason__message-bubble-body:before {
    width: 3px;
    height: 140%;
    bottom: -50%;
  }
}
.reason .reason__message-bubble-body:before {
  left: -16%;
  transform: rotate(-30deg);
}
.reason .reason__message-bubble-body:after {
  right: -12%;
  transform: rotate(40deg);
}
.reason .reason__item-youtube {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .reason .reason__item-youtube {
    width: 705px;
    margin: 84px auto 0;
    padding: 0;
  }
}
.reason .reason__item-youtube-image {
  position: relative;
}
@media (min-width: 768px) {
  .reason .reason__item-youtube-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 619px;
    top: -35px;
  }
}
.reason .reason__item-youtube-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
@media (min-width: 768px) {
  .reason .reason__item-youtube-wrap {
    width: 100%;
    margin: 34px auto 0;
    padding-top: 393px;
  }
}
.reason .reason__item-youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reason .reason-cv {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .reason .reason-cv {
    padding: 0;
    margin-top: 67px;
  }
}
.reason .reason-cv .reason__button-tel {
  width: 100%;
}
@media (min-width: 768px) {
  .reason .reason-cv .reason__button-tel {
    width: 450px;
  }
}
.reason .reason-cv .reason-cv__image {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .reason .reason-cv .reason-cv__image {
    width: 689px;
    margin: 0 auto;
  }
}
.reason .reason-cv-buttons {
  display: block;
  padding: 0 15px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  .reason .reason-cv-buttons {
    display: flex;
    padding: 0;
    margin: 40px auto 0;
    width: 760px;
  }
}
.reason .reason-cv-buttons .cv__link {
  width: 100%;
}
@media (min-width: 768px) {
  .reason .reason-cv-buttons .cv__link {
    width: 360px;
  }
}
.reason.reason-bg-pink {
  background-color: #f5e8ef;
}
.reason.reason-bg-pink .reason__item-header--01 {
  background-color: #ef82bc;
}
.reason.reason-bg-pink .reason__item-header--01 .reason__item-number {
  color: #ef82bc;
}
.reason.reason-bg-pink .reason__item-header--02 {
  background-color: #fa6dd8;
}
.reason.reason-bg-pink .reason__item-header--02 .reason__item-number {
  color: #fa6dd8;
}
.reason.reason-bg-pink .reason__item-header--03 {
  background-color: #f74bab;
}
.reason.reason-bg-pink .reason__item-header--03 .reason__item-number {
  color: #f74bab;
}
.reason.reason-bg-pink .reason__item-header--04 {
  background-color: #f61f83;
}
.reason.reason-bg-pink .reason__item-header--04 .reason__item-number {
  color: #f61f83;
}
.reason.reason-bg-pink .reason__item-header--05 {
  background-color: #f40f3d;
}
.reason.reason-bg-pink .reason__item-header--05 .reason__item-number {
  color: #f40f3d;
}
.reason.reason-bg-pink .reason__item-bubble--01 {
  color: #ef82bc;
  border-color: #ef82bc;
}
.reason.reason-bg-pink .reason__item-bubble--01:after {
  border-color: #ef82bc;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.reason.reason-bg-pink .reason__item-bubble--02 {
  color: #fa6dd8;
  border-color: #fa6dd8;
}
.reason.reason-bg-pink .reason__item-bubble--02:after {
  border-color: #fa6dd8;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.reason.reason-bg-pink .reason__item-bubble--03 {
  color: #f74bab;
  border-color: #f74bab;
}
.reason.reason-bg-pink .reason__item-bubble--03:after {
  border-color: #f74bab;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.reason.reason-bg-pink .reason__item-bubble--04 {
  color: #f61f83;
  border-color: #f61f83;
}
.reason.reason-bg-pink .reason__item-bubble--04:after {
  border-color: #f61f83;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.reason.reason-bg-pink .reason__item-bubble--05 {
  color: #f40f3d;
  border-color: #f40f3d;
}
.reason.reason-bg-pink .reason__item-bubble--05:after {
  border-color: #f40f3d;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .banner {
    position: relative;
    z-index: 2;
    display: block;
    transition: opacity 0.3s;
    margin-top: 0;
  }
  [data-barba-namespace="front-page"] .banner:hover {
    opacity: 0.6;
  }
  [data-barba-namespace="front-page"] .banner + .number-one {
    padding-top: 190px;
  }
  [data-barba-namespace="front-page"] .banner + .number-one .number-one__cherry-blossoms-wrapper {
    height: 847px;
  }
}
[data-barba-namespace="front-page"] .front-slider-wrap__list {
  width: 90%;
  height: auto;
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .front-slider-wrap__list {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 20px;
    margin: 0 auto;
  }
}
[data-barba-namespace="front-page"] .front-slider-wrap__item {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .front-slider-wrap__item {
    width: calc(50% - 10px);
  }
}
[data-barba-namespace="front-page"] .front-slider-wrap__item a {
  width: 100%;
  min-height: 70px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .front-slider-wrap__item a {
    min-height: 266px;
  }
}
[data-barba-namespace="front-page"] .front-slider-wrap__item a picture {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .front-slider-wrap__item a picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
[data-barba-namespace="front-page"] .banner__image {
  position: relative;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .banner__image {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1184px;
    height: 160px;
    padding-top: 0;
  }
}
[data-barba-namespace="front-page"] .banner__image-body {
  position: static;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .banner__image-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
[data-barba-namespace="front-page"] .banner__under {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 50px;
  background: #f8f9fc;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .banner__under {
    padding: 0 0 200px;
  }
}
[data-barba-namespace="front-page"] .differences {
  position: relative;
  padding: 97px calc(50% - 157.5px) 150px;
  margin-top: -40px;
  background-color: #34caeb;
  background-size: 37px 37px, 296.5px 246.5px, 0 0;
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: 0 0, calc(50% + 98px) 46px, 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences {
    margin-top: -58px;
    padding: 180px calc(50% - 560px) 266px;
    background-size: 37px 37px, 593px 496px, 708px 411px;
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: 0 0, calc(50% + 504px) 98px, right calc(50% + 489px) bottom -27px;
  }
}
[data-barba-namespace="front-page"] .differences:before {
  content: "";
  position: absolute;
  top: -52px;
  left: 0;
  display: block;
  width: 100%;
  height: 114px;
  background-color: #fff;
  transform: skewY(-7.5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences:before {
    top: -94px;
    height: 226px;
    transform: skewY(-5.5deg);
  }
}
[data-barba-namespace="front-page"] .differences__question-body {
  position: absolute;
  top: 52px;
  left: calc(50% - 177px);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 137px;
  height: 89px;
  margin: 0 auto;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="front-page"] .differences__question-body.is-active {
  opacity: 1;
  transform: rotate(0deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__question-body {
    top: 105px;
    left: calc(50% - 520px);
    width: 268px;
    height: 151px;
  }
}
[data-barba-namespace="front-page"] .differences__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fcfbfa;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="front-page"] .differences__heading-icon {
  width: 23px;
  height: 36px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__heading-icon {
    width: 36px;
    height: 50px;
    margin: 0 auto 30px;
  }
}
[data-barba-namespace="front-page"] .differences__list {
  margin-top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__list {
    display: flex;
    flex-wrap: wrap;
    width: 1194px;
    margin: 10px -37px 0;
  }
}
[data-barba-namespace="front-page"] .differences__item {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.2px;
  color: #fff;
  margin-top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__item {
    width: 523px;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 2px;
    margin: 68px 37px 0;
  }
}
[data-barba-namespace="front-page"] .differences__item span {
  padding: 0 0 0 10px;
  letter-spacing: 0.06em;
  font-size: 10px;
}
[data-barba-namespace="front-page"] .differences__image {
  position: relative;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__image {
    width: 100%;
    margin-bottom: 24px;
  }
}
[data-barba-namespace="front-page"] .differences__image-inner {
  display: block;
  width: 100%;
  height: 152px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__image-inner {
    height: 294px;
  }
}
[data-barba-namespace="front-page"] .differences__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .differences__image-badge {
  position: absolute;
  top: -24px;
  right: -18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: url(../svg/global/badge-yellow.svg) no-repeat 48% / contain;
  font-weight: 700;
  line-height: 1.27;
  text-align: center;
  color: #2b2d2e;
}
[data-barba-namespace="front-page"] .differences__image-badge h3 {
  font-size: 11px;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__image-badge {
    top: -52px;
    right: -16px;
    width: 157px;
    height: 157px;
  }
  [data-barba-namespace="front-page"] .differences__image-badge h3 {
    font-size: 22px;
  }
}
[data-barba-namespace="front-page"] .differences__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 30px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__link {
    width: 360px;
    height: 64px;
    margin: 60px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"] .differences__link .differences__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .differences__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="front-page"] .differences__link:hover .differences__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="front-page"] .differences__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="front-page"] .differences_video_container {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences_video_container {
    flex-direction: row;
    gap: 4rem;
    margin-top: 5rem;
  }
}
[data-barba-namespace="front-page"] .differences__video {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 50px auto 0;
}
[data-barba-namespace="front-page"] .differences__video-title {
  background: #feea04;
  padding: 10px 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-barba-namespace="front-page"] .differences__video-title h3 {
  color: #2b2d2e;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1.2px;
  word-break: auto-phrase;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__video-title h3 {
    font-size: 26px;
  }
}
[data-barba-namespace="front-page"] .differences__video-iframe {
  width: 100%;
  max-width: 523px;
  height: auto;
  margin: 10px auto 0;
  aspect-ratio: 16/9;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__video-iframe {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="front-page"] .differences__video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .differences__video-text {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__video-text {
    margin-top: 20px;
  }
}
[data-barba-namespace="front-page"] .differences__video-text p {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1.2px;
  line-height: 1.35;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__video-text p {
    font-size: 24px;
  }
}
[data-barba-namespace="front-page"] .differences__video-text p:nth-child(2) {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .differences__video-text p:nth-child(2) {
    font-size: 18px;
  }
}
[data-barba-namespace="front-page"] .grades {
  position: relative;
  padding: 64px 0 32px;
  background-color: #dee7f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades {
    padding: 97px 0 80px;
  }
}
[data-barba-namespace="front-page"] .grades__inner {
  position: relative;
  z-index: 1;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
  padding: 91px 0 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__inner {
    border: 4px solid #0863c2;
    border-radius: 20px;
    width: 1184px;
    margin: 0 auto;
    padding: 142px 0 42px;
  }
}
[data-barba-namespace="front-page"] .grades__heading {
  position: absolute;
  top: -26px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 312px;
  height: 40px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1.14px;
  color: #fff;
  border-radius: 5px;
  background-color: #065dca;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__heading {
    top: -36px;
    width: 513px;
    height: 64px;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 1.68px;
    border-radius: 10px;
  }
}
[data-barba-namespace="front-page"] .grades__heading:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__heading:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="front-page"] .grades__body-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 375px;
  height: 166px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__body-bg {
    width: 988px;
    height: 198px;
  }
}
[data-barba-namespace="front-page"] .grades__body-bg-body {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .grades__intro {
  position: relative;
  z-index: 1;
  width: 175px;
  height: 15px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__intro {
    display: none;
  }
}
[data-barba-namespace="front-page"] .grades__link-list {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__link-list {
    margin-top: 0;
  }
}
[data-barba-namespace="front-page"] .grades__link-body {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  margin: 0 7.5px;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__link-body {
    width: 340px;
    height: 64px;
    margin: 0 15px;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"] .grades__link-body .grades__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .grades__link-body:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="front-page"] .grades__link-body:hover .grades__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="front-page"] .grades__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="front-page"] .grades__decoration {
  position: relative;
  z-index: 2;
}
[data-barba-namespace="front-page"] .grades__decoration .grades__decoration-0-bg-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="front-page"] .grades__decoration .grades__decoration-0-text-image {
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: left bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="front-page"] .grades__decoration .grades__decoration-1-bg-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="front-page"] .grades__decoration .grades__decoration-1-text-image {
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="front-page"] .grades__decoration.is-active .grades__decoration-0-bg-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="front-page"] .grades__decoration.is-active .grades__decoration-0-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="front-page"] .grades__decoration.is-active .grades__decoration-1-bg-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="front-page"] .grades__decoration.is-active .grades__decoration-1-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="front-page"] .grades__decoration-0-bg-image {
  position: absolute;
  bottom: -102px;
  right: calc(50% + 130px);
  z-index: 1;
  width: 42px;
  height: 59px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__decoration-0-bg-image {
    bottom: -115px;
    right: calc(50% + 520px);
    width: 85px;
    height: 118px;
  }
}
[data-barba-namespace="front-page"] .grades__decoration-0-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__decoration-0-text-image {
    display: block;
    position: absolute;
    bottom: -78px;
    right: calc(50% + 302px);
    z-index: 1;
    width: 222px;
    height: 118px;
  }
}
[data-barba-namespace="front-page"] .grades__decoration-1-bg-image {
  position: absolute;
  bottom: -102px;
  left: calc(50% + 142px);
  z-index: 1;
  width: 24px;
  height: 59px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__decoration-1-bg-image {
    bottom: -112px;
    left: calc(50% + 520px);
    width: 51px;
    height: 118px;
  }
}
[data-barba-namespace="front-page"] .grades__decoration-1-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .grades__decoration-1-text-image {
    display: block;
    position: absolute;
    bottom: -97px;
    left: calc(50% + 406px);
    z-index: 1;
    width: 102px;
    height: 74px;
  }
}
[data-barba-namespace="front-page"] .important-news {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0 20px;
  background-color: #e5ecfa;
  color: #f91414;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .important-news {
    height: 46px;
    padding: 0 calc(50% - 610px);
    transition: color 0.3s;
  }
  [data-barba-namespace="front-page"] .important-news:hover {
    color: rgba(249, 20, 20, 0.6);
  }
}
[data-barba-namespace="front-page"] .important-news__icon {
  flex: 0 0 16.5px;
  height: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .important-news__icon {
    flex: 0 0 11px;
    height: 9px;
  }
}
[data-barba-namespace="front-page"] .important-news__title {
  font-size: 12px;
  letter-spacing: 1.2px;
  text-decoration: underline;
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.1;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .important-news__title {
    font-size: 15px;
    letter-spacing: 1.5px;
  }
}
[data-barba-namespace="front-page"] .key-visual {
  position: relative;
  z-index: 2;
  height: auto;
  background-color: #dee7f8;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .key-visual {
    max-width: 1280px;
    height: 605px;
    padding-top: 0;
    margin: 0 auto;
  }
}
[data-barba-namespace="front-page"] .key-visual .splide {
  width: 100%;
  height: auto;
  visibility: visible;
}
[data-barba-namespace="front-page"] .key-visual .splide__list {
  width: 100%;
  aspect-ratio: 125/119;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .key-visual .splide__list {
    aspect-ratio: auto;
  }
}
[data-barba-namespace="front-page"] .key-visual .splide__slide {
  width: 100%;
  height: auto;
}
[data-barba-namespace="front-page"] .key-visual .splide__slide a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
}
[data-barba-namespace="front-page"] .key-visual .splide__slide a:hover {
  opacity: 0.7;
}
[data-barba-namespace="front-page"] .key-visual .splide__slide a img,
[data-barba-namespace="front-page"] .key-visual .splide__slide a picture {
  width: 100%;
  height: 100%;
  /* -o-object-fit: cover;
  object-fit: cover; */
  object-fit: inherit;
  -o-object-position: top center;
  object-position: top center;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .key-visual .splide__slide a img,
  [data-barba-namespace="front-page"] .key-visual .splide__slide a picture {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
  }
}
[data-barba-namespace="front-page"] .splide__pagination {
  bottom: 8%;
  right: 2.5%;
  justify-content: flex-end;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .splide__pagination {
    bottom: 20%;
  }
}
[data-barba-namespace="front-page"] .splide__pagination__page.is-active {
  background: #34caeb;
}
[data-barba-namespace="front-page"] .slider__body {
  transition: opacity 0.3s;
  visibility: visible !important;
  opacity: 1 !important;
}
[data-barba-namespace="front-page"] .learn-more {
  position: relative;
  padding: 28px calc(50% - 142.5px) 129px;
  background-color: #dee7f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more {
    padding: 60px calc(50% - 592px) 80px;
  }
}
[data-barba-namespace="front-page"] .learn-more__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 1.44px;
  text-align: center;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="front-page"] .learn-more__list {
  display: flex;
  flex-wrap: wrap;
  margin: 16px -7.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__list {
    justify-content: center;
    margin: 40px -17px 0;
  }
}
[data-barba-namespace="front-page"] .learn-more__item {
  margin: 8px 7.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__item {
    margin: 0 17px;
  }
}
[data-barba-namespace="front-page"] .learn-more__link {
  position: relative;
  display: block;
  width: 135px;
  height: 135px;
  padding-top: 12px;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link {
    width: 270px;
    height: 273px;
    padding-top: 25px;
    border-radius: 20px;
  }
  [data-barba-namespace="front-page"] .learn-more__link .learn-more__link-desc {
    transition: color 0.3s;
  }
  [data-barba-namespace="front-page"] .learn-more__link .learn-more__link-circle {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .learn-more__link:hover .learn-more__link-desc {
    color: #0863c2;
  }
  [data-barba-namespace="front-page"] .learn-more__link:hover .learn-more__link-circle {
    transform: translateX(5px);
  }
}
[data-barba-namespace="front-page"] .learn-more__link-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 26px;
  margin: 0 auto;
  border-radius: 13px;
  background-color: #dbeffe;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #0865c3;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-title {
    width: 206px;
    height: 46px;
    border-radius: 23px;
    font-size: 20px;
    letter-spacing: 1.2px;
  }
}
[data-barba-namespace="front-page"] .learn-more__icon {
  color: #004ea2;
}
[data-barba-namespace="front-page"] .learn-more__icon--results {
  width: 40px;
  height: 38.5px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__icon--results {
    width: 80px;
    height: 77px;
    margin: 20px auto;
  }
}
[data-barba-namespace="front-page"] .learn-more__icon--news {
  width: 41px;
  height: 43px;
  margin: 6px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__icon--news {
    width: 76px;
    height: 80px;
    margin: 18.5px auto;
  }
}
[data-barba-namespace="front-page"] .learn-more__icon--company {
  width: 42px;
  height: 35px;
  margin: 11px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__icon--company {
    width: 84px;
    height: 70px;
    margin: 24px auto;
  }
}
[data-barba-namespace="front-page"] .learn-more__icon--qa {
  width: 36.5px;
  height: 36.5px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__icon--qa {
    width: 73px;
    height: 73px;
    margin: 22px auto;
  }
}
[data-barba-namespace="front-page"] .learn-more__link-desc {
  font-size: 10px;
  line-height: 13.5px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #2d2d2d;
  margin-top: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-desc {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.48px;
  }
}
[data-barba-namespace="front-page"] .learn-more__link-circle {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-circle {
    bottom: 11px;
    right: 11px;
    width: 45px;
    height: 45px;
    border-radius: 22.5px;
  }
}
[data-barba-namespace="front-page"] .learn-more__link-sub-icon {
  width: 10px;
  height: 6.5px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-sub-icon {
    width: 23px;
    height: 15px;
  }
}
[data-barba-namespace="front-page"]
  .learn-more__link-decration
  .learn-more__link-decration-text-image {
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="front-page"]
  .learn-more__link-decration
  .learn-more__link-decration-bg-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="front-page"]
  .learn-more__link-decration.is-active
  .learn-more__link-decration-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="front-page"]
  .learn-more__link-decration.is-active
  .learn-more__link-decration-bg-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="front-page"] .learn-more__link-decration-text-image {
  position: absolute;
  bottom: 62px;
  left: calc(50% - 61px);
  width: 170px;
  height: 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-decration-text-image {
    bottom: -65px;
    left: calc(50% + 246px);
    z-index: 1;
    width: 316px;
    height: 107px;
  }
}
[data-barba-namespace="front-page"] .learn-more__link-decration-bg-image {
  position: absolute;
  bottom: 25px;
  left: calc(50% + 65px);
  width: 118px;
  height: 124px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .learn-more__link-decration-bg-image {
    bottom: 0;
    left: calc(50% + 520px);
    z-index: 1;
    width: 139px;
    height: 114px;
  }
}
[data-barba-namespace="front-page"] .news {
  position: relative;
  padding: 0 calc(50% - 157.5px) 40px;
  background-color: #f8f9fc;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news {
    padding: 100px calc(50% - 512px);
  }
}
[data-barba-namespace="front-page"] .news:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  width: 100%;
  height: 100px;
  background-color: #f8f9fc;
  transform: translateY(-100%) skewY(7.5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news:before {
    content: none;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news__header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
}
[data-barba-namespace="front-page"] .news__detail-link-upper {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news__detail-link-upper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 29px;
    border-radius: 6px;
    border: 1px solid #aaa;
    font-size: 13px;
    letter-spacing: 1.3px;
    color: #666;
    margin-left: 38px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"] .news__detail-link-upper .news__detail-link-upper-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .news__detail-link-upper:hover {
    color: #fff;
    background-color: #aaa;
  }
  [data-barba-namespace="front-page"] .news__detail-link-upper:hover .news__detail-link-upper-icon {
    transform: translate(2px, -50%);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news__detail-link-upper-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 4px;
    height: 7px;
  }
}
[data-barba-namespace="front-page"] .news__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.5px;
  letter-spacing: 1.44px;
  color: #333;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="front-page"] .news__detail-link-lower {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 25px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .news__detail-link-lower {
    display: none;
  }
}
[data-barba-namespace="front-page"] .news__detail-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
[data-barba-namespace="front-page"] .number-one {
  position: relative;
  z-index: 1;
}
[data-barba-namespace="front-page"] .number-one__cherry-blossoms-wrapper {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 376px;
  z-index: -1;
  transform: skewY(-7.5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__cherry-blossoms-wrapper {
    top: -70px;
    height: 657px;
    transform: skewY(-5.5deg);
  }
}
[data-barba-namespace="front-page"] .number-one__cherry-blossoms {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .number-one__summary {
  position: relative;
  height: 145px;
}
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-left-inner,
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-left-outer,
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-right-inner,
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-right-outer {
  transition: opacity 0.6s, transform 0.6s;
  transform: translate(0);
  opacity: 1;
}
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-left-inner,
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-left-outer {
  transform: translate(0) scaleX(-1);
}
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-left-outer,
[data-barba-namespace="front-page"]
  .number-one__summary.is-active
  .number-one__summary-image-right-outer {
  transition-delay: 0.2s;
}
[data-barba-namespace="front-page"] .number-one__summary .number-one__summary-image-left-inner,
[data-barba-namespace="front-page"] .number-one__summary .number-one__summary-image-left-outer {
  transform: translate(30%, 30%) scaleX(-1);
  opacity: 0;
}
[data-barba-namespace="front-page"] .number-one__summary .number-one__summary-image-right-inner,
[data-barba-namespace="front-page"] .number-one__summary .number-one__summary-image-right-outer {
  transform: translate(-30%, 30%);
  opacity: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary {
    height: 297px;
  }
}
[data-barba-namespace="front-page"] .number-one__summary-image-left-outer {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary-image-left-outer {
    display: block;
    position: absolute;
    top: 165px;
    left: calc(50% - 487px);
    width: 59px;
    height: 90px;
  }
}
[data-barba-namespace="front-page"] .number-one__summary-image-left-inner {
  position: absolute;
  top: 68px;
  left: calc(50% - 163px);
  width: 33px;
  height: 52px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary-image-left-inner {
    top: 73px;
    left: calc(50% - 404px);
    width: 106px;
    height: 163px;
  }
}
[data-barba-namespace="front-page"] .number-one__summary-text {
  position: absolute;
  top: 23px;
  left: 50%;
  transform: translateX(-50%);
  width: 246px;
  height: 90px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary-text {
    top: 54px;
    width: 494px;
    height: 182px;
  }
}
[data-barba-namespace="front-page"] .number-one__summary-image-right-inner {
  position: absolute;
  top: 69px;
  right: calc(50% - 163px);
  width: 33px;
  height: 52px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary-image-right-inner {
    top: 74px;
    right: calc(50% - 407px);
    width: 105px;
    height: 162px;
  }
}
[data-barba-namespace="front-page"] .number-one__summary-image-right-outer {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__summary-image-right-outer {
    display: block;
    position: absolute;
    top: 163px;
    right: calc(50% - 491px);
    width: 60px;
    height: 91px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-list {
  display: flex;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  margin: 0 auto;
  padding: 0 calc(50% - 177.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-list {
    border-radius: 10px;
    border: 4px solid #0863c2;
    padding: 0;
    width: 1020px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-item {
  position: relative;
  padding: 23px 0 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-item {
    padding: 44px 0 22px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-item:not(:first-child):before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  display: block;
  width: 1px;
  height: 58px;
  background-color: #dcdcdc;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-item:not(:first-child):before {
    top: 38px;
    height: 85px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-item:first-child {
  width: 35%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-item:first-child {
    width: 33.33333%;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-item:nth-child(2) {
  width: 32.5%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-item:nth-child(2) {
    width: 33.33333%;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-item:nth-child(3) {
  width: 32.5%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-item:nth-child(3) {
    width: 33.33333%;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-term {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 103px;
  height: 21px;
  line-height: 21px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #065dca;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-term {
    top: -20px;
    width: 210px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    letter-spacing: 1.08px;
    border-radius: 10px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-term:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-term:after {
    bottom: -10px;
    border-width: 10px 10px 0;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-term-icon {
  width: 13.8px;
  height: 7.6px;
  margin-right: 4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-term-icon {
    width: 28px;
    height: 16px;
    margin-right: 8px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-desc-image {
  position: relative;
}
[data-barba-namespace="front-page"] .number-one__achievement-desc-image:after {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  line-height: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #2e2c2c;
  transform: translateX(16px) scale(0.6);
  transform-origin: top right;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-desc-image:after {
    line-height: 10px;
    font-size: 11px;
    letter-spacing: 1.2px;
    color: #2e2c2c;
    transform: translateX(48px);
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-desc-image-body {
  width: 50px;
  height: 25px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-desc-image-body {
    width: 100px;
    height: 49px;
  }
}
[data-barba-namespace="front-page"] .number-one__achievement-desc-detail {
  font-size: 10px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #2e2c2c;
  margin-top: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__achievement-desc-detail {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.96px;
    margin-top: 19px;
  }
}
[data-barba-namespace="front-page"] .number-one__annotation {
  margin-top: 8px;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__annotation {
    padding: 0;
    width: 1020px;
    margin: 18px auto 0;
  }
}
[data-barba-namespace="front-page"] .number-one__annotation-list {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #2e2c2c;
  transform: scale(0.7);
  transform-origin: top left;
  width: 142.8571428571%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .number-one__annotation-list {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.59px;
    transform: none;
    width: 100%;
  }
}
[data-barba-namespace="front-page"] .number-one__annotation-item:before {
  content: attr(data-content);
  color: #2e2c2c;
  margin-right: 3px;
}
[data-barba-namespace="front-page"] .prefectures {
  position: relative;
  background-color: #e5ecfa;
}
[data-barba-namespace="front-page"] .prefectures:before {
  content: "";
  position: absolute;
  top: 52px;
  left: 0;
  display: block;
  width: 100%;
  height: 144px;
  background-color: #e5ecfa;
  transform: translateY(-100%) skewY(-7.5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures:before {
    top: 94px;
    height: 232px;
    transform: translateY(-100%) skewY(-5.5deg);
  }
}
[data-barba-namespace="front-page"] .prefectures .prefectures__decoration-text-image {
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="front-page"] .prefectures .prefectures__decoration-man-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="front-page"] .prefectures.is-active .prefectures__decoration-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="front-page"] .prefectures.is-active .prefectures__decoration-man-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="front-page"] .prefectures__decoration-text-image {
  position: absolute;
  bottom: calc(100% + 32px);
  left: calc(50% - 85px);
  width: 161px;
  height: 75px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__decoration-text-image {
    bottom: calc(100% + 90px);
    left: calc(50% + 55px);
    width: 311px;
    height: 118px;
  }
}
[data-barba-namespace="front-page"] .prefectures__decoration-man-image {
  position: absolute;
  bottom: calc(100% - 1px);
  left: calc(50% + 63px);
  width: 105px;
  height: 80px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__decoration-man-image {
    left: calc(50% + 293px);
    width: 249px;
    height: 188px;
  }
}
[data-barba-namespace="front-page"] .prefectures__inner {
  position: relative;
  z-index: 1;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__inner {
    border: 4px solid #0863c2;
    border-radius: 20px;
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="front-page"] .prefectures__heading {
  position: absolute;
  top: -26px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 312px;
  height: 40px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1.14px;
  color: #fff;
  border-radius: 5px;
  background-color: #065dca;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__heading {
    top: -36px;
    width: 513px;
    height: 64px;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 1.68px;
    border-radius: 10px;
  }
}
[data-barba-namespace="front-page"] .prefectures__heading:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__heading:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="front-page"] .prefectures__body-bg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60.2666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__body-bg {
    width: 100%;
    height: 477px;
    padding-top: 0;
    border-radius: 16px;
    overflow: hidden;
  }
}
[data-barba-namespace="front-page"] .prefectures__body-bg-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .prefectures__link-body {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__link-body {
    width: 281px;
    height: 64px;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    box-shadow: 3px 5.2px 0 0 rgba(11, 32, 68, 0.28);
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"] .prefectures__link-body .prefectures__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .prefectures__link-body:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="front-page"] .prefectures__link-body:hover .prefectures__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="front-page"] .prefectures__link--tochigi {
  top: 30.9734513274%;
  left: 68%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__link--tochigi {
    top: 128px;
    left: 633px;
  }
}
[data-barba-namespace="front-page"] .prefectures__link--gunma {
  top: 48.6725663717%;
  left: 26.1333333333%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__link--gunma {
    top: 184px;
    left: 253px;
  }
}
[data-barba-namespace="front-page"] .prefectures__link--saitama {
  top: 84.5132743363%;
  left: 53.8666666667%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__link--saitama {
    top: 396px;
    left: 451px;
  }
}
[data-barba-namespace="front-page"] .prefectures__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .prefectures__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="front-page"] .front-slider-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 100px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .front-slider-wrap {
    width: 1194px;
    margin: 0 auto 150px;
  }
}
[data-barba-namespace="front-page"] .slider__body {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 2;
}
[data-barba-namespace="front-page"] .slider__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__list {
    display: flex;
    flex-wrap: nowrap;
  }
}
[data-barba-namespace="front-page"] .slider__item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__item {
    max-width: 348px;
  }
}
[data-barba-namespace="front-page"] .slider__list,
[data-barba-namespace="front-page"] .swiper-container-android .slider__item {
  transform: translateZ(0);
}
[data-barba-namespace="front-page"] .swiper-container-free-mode > .slider__list {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
[data-barba-namespace="front-page"] .swiper-slide-invisible-blank {
  visibility: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider {
    position: relative;
    width: 100%;
  }
}
[data-barba-namespace="front-page"] .slider__body {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
[data-barba-namespace="front-page"] .slider__body.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__body {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
[data-barba-namespace="front-page"] .slider__item {
  width: 327px;
  height: 140px;
  padding: 10px 7.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__item {
    width: 348px;
    height: auto;
    padding: 0 10px;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="front-page"] .slider__item:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="front-page"] .slider__image {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .slider__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
  border: 1px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__image-body {
    border-width: 2px 1px;
  }
}
[data-barba-namespace="front-page"] .slider__next-button,
[data-barba-namespace="front-page"] .slider__prev-button {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border: 2px solid #0a68ca;
  color: #fff;
  background-color: #0a68ca;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__next-button,
  [data-barba-namespace="front-page"] .slider__prev-button {
    top: 0;
    transform: none;
    width: 20px;
    height: 100%;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"] .slider__next-button:hover,
  [data-barba-namespace="front-page"] .slider__prev-button:hover {
    color: #0a68ca;
    background-color: #fff;
  }
}
[data-barba-namespace="front-page"] .is-no__slide .slider__list {
  justify-content: center;
}
[data-barba-namespace="front-page"] .is-no__slide .slider__next-button,
[data-barba-namespace="front-page"] .is-no__slide .slider__prev-button {
  display: none;
}
[data-barba-namespace="front-page"] .slider__prev-button {
  left: calc(50% - 164.5px);
  padding: 1px 1px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__prev-button {
    left: 0;
    padding: 0;
    border-right-width: 1px;
  }
}
[data-barba-namespace="front-page"] .slider__next-button {
  right: calc(50% - 164.5px);
  padding: 0 0 1px 1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__next-button {
    right: 0;
    padding: 0;
    border-left-width: 1px;
  }
}
[data-barba-namespace="front-page"] .slider__next-button-icon,
[data-barba-namespace="front-page"] .slider__prev-button-icon {
  width: 5.2px;
  height: 9.2px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .slider__next-button-icon,
  [data-barba-namespace="front-page"] .slider__prev-button-icon {
    width: 6px;
    height: 11px;
    transform: none;
  }
}
[data-barba-namespace="front-page"] .threshold-sticky-footer {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 100vw;
  height: 1px;
  margin-top: 1px;
  background-color: transparent;
  pointer-events: none;
}
[data-barba-namespace="front-page"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="front-page"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #dee7f8 transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="front-page"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="front-page"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="front-page"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
.course-link {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .course-link {
    width: 1200px;
    margin: -3rem auto 0;
  }
}
.course-link__item {
  flex: 0 0 48.5%;
  display: flex;
  flex-flow: row wrap;
  margin: 1.5% 0;
}
@media (min-width: 768px) {
  .course-link__item {
    display: block;
    flex: 0 0 225px;
  }
  .course-link__item:hover .head img {
    transform: scale(1.05);
  }
  .course-link__item:hover .body {
    background: none;
  }
  .course-link__item:hover .body.elementary {
    background-color: #fff;
    color: #f9bb14;
  }
  .course-link__item:hover .body.elementary .arrow {
    fill: #f9bb14;
  }
  .course-link__item:hover .body.jrhighschool {
    background-color: #fff;
    color: #f97a14;
  }
  .course-link__item:hover .body.highschool {
    background-color: #fff;
    color: #0a68ca;
  }
  .course-link__item:hover .body.chuko {
    background-color: #fff;
    color: #38c138;
  }
  .course-link__item:hover .body.my_kobetu {
    background-color: #fff;
    color: #64c6df;
  }
  .course-link__item:hover .body .arrow {
    transform: translateY(-50%) translateX(5px);
  }
}
.course-link__item .head {
  flex: 0 0 42%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .course-link__item .head {
    flex: 0 0 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.course-link__item .head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}
.course-link__item .body {
  flex: 0 0 58%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  border-style: solid;
  border-width: 3px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: url(../svg/global/bg_stripe_slanting_sp.svg);
  position: relative;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .course-link__item .body {
    flex: 0 0 100%;
    padding: 20px 10px;
    border-top: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: url(../svg/global/bg_stripe_slanting.svg);
    font-size: 18px;
  }
}
.course-link__item .body.elementary {
  border-color: #f9bb14;
  background-color: #f9bb14;
}
.course-link__item .body.jrhighschool {
  border-color: #f97a14;
  background-color: #f97a14;
}
.course-link__item .body.highschool {
  border-color: #0a68ca;
  background-color: #0a68ca;
}
.course-link__item .body.chuko {
  border-color: #38c138;
  background-color: #38c138;
}
.course-link__item .body.my_kobetu {
  border-color: #64c6df;
  background-color: #64c6df;
  padding: 7px;
}
@media (min-width: 768px) {
  .course-link__item .body.my_kobetu {
    padding: 8px;
  }
}
.course-link__item .body.my_kobetu .text {
  text-align: left;
}
@media (min-width: 768px) {
  .course-link__item .body.my_kobetu .text {
    text-align: center;
  }
}
.course-link__item .body.my_kobetu .text span {
  font-size: 10px;
}
@media (min-width: 768px) {
  .course-link__item .body.my_kobetu .text span {
    font-size: 12px;
  }
}
.course-link__item .text {
  position: relative;
  left: -10px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .course-link__item .text {
    left: auto;
  }
}
.course-link__item .arrow {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  transition: all 0.3s;
  text-align: center;
}
@media (min-width: 768px) {
  .course-link__item .arrow {
    display: none;
    width: 30px;
    height: 30px;
    right: 15px;
  }
}
[data-barba-namespace="front-page"] .instagram {
  position: relative;
  padding: 40px calc(50% - 157.5px);
  background-color: #f8f9fc;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram {
    padding: 50px calc(50% - 512px) 100px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram__header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
}
[data-barba-namespace="front-page"] .instagram__detail-link-upper {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram__detail-link-upper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 29px;
    border-radius: 6px;
    border: 1px solid #aaa;
    font-size: 13px;
    letter-spacing: 1.3px;
    color: #666;
    margin-left: 38px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="front-page"]
    .instagram__detail-link-upper
    .instagram__detail-link-upper-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="front-page"] .instagram__detail-link-upper:hover {
    color: #fff;
    background-color: #aaa;
  }
  [data-barba-namespace="front-page"]
    .instagram__detail-link-upper:hover
    .instagram__detail-link-upper-icon {
    transform: translate(2px, -50%);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram__detail-link-upper-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 4px;
    height: 7px;
  }
}
[data-barba-namespace="front-page"] .instagram__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.5px;
  letter-spacing: 1.44px;
  color: #333;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="front-page"] .instagram_box {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram_box {
    margin: 50px auto 0;
  }
}
[data-barba-namespace="front-page"] .instagram__detail-link-lower {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 25px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .instagram__detail-link-lower {
    display: none;
  }
}
[data-barba-namespace="front-page"] .instagram__detail-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
[data-barba-namespace="front-page"] {
  --c_black: #000;
  --c_white: #fff;
  --c_blue: #0963c3;
  --c_sky: #5aa6df;
  --c_yellow: #ffe400;
  --c_gray: #707070;
}
[data-barba-namespace="front-page"] .video {
  width: 100%;
  height: auto;
  position: relative;
  background: var(--c_blue);
  padding-bottom: 30px;
  margin: 100px auto 160px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="front-page"] .video {
    margin: 100px auto;
  }
}
[data-barba-namespace="front-page"] .video__inner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
[data-barba-namespace="front-page"] .video__heading {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: -10px;
  translate: -50% -100%;
}
[data-barba-namespace="front-page"] .video__heading h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 1.44px;
  text-align: center;
  color: #0963c3;
}
@media (min-width: 768px) {
  [data-barba-namespace="front-page"] .video__heading h2 {
    font-size: 40px;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="front-page"] .video__title {
  width: 80%;
  height: auto;
  max-width: 515px;
  margin: 0 auto;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="front-page"] .video__title {
    max-width: 400px;
  }
}
[data-barba-namespace="front-page"] .video__title h3 img {
  width: 100%;
}
[data-barba-namespace="front-page"] .video__bg {
  width: 100%;
  height: 296px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: url(../images/views/page-movie/video_bg.jpg) repeat-x 0 0;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="front-page"] .video__bg {
    height: 150px;
  }
}
[data-barba-namespace="front-page"] .video__box {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}
[data-barba-namespace="front-page"] .video__link {
  width: 90%;
  max-width: 1020px;
  margin: 10px auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-barba-namespace="front-page"] .video__link a {
  color: var(--c_white);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.2px;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="front-page"] .video__link a {
    font-size: 14px;
  }
}
[data-barba-namespace="front-page"] .video__link a:hover {
  opacity: 0.6;
}
[data-barba-namespace="front-page"] .video__link a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: auto;
  aspect-ratio: 1/1;
  border-top: 1px solid var(--c_white);
  border-right: 1px solid var(--c_white);
  translate: 100% -50%;
  rotate: 45deg;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="front-page"] .video__link a:after {
    width: 10px;
  }
}
[data-barba-namespace="archive-news"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="archive-news"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="archive-news"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="archive-news"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="archive-news"] .news__container {
  padding: 30px 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__container {
    padding: 60px 0;
  }
}
[data-barba-namespace="archive-news"] .news__link-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 77px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-wrapper {
    height: 93px;
    margin: 0 auto;
  }
}
[data-barba-namespace="archive-news"] .news__link-wrapper:after,
[data-barba-namespace="archive-news"] .news__link-wrapper:before {
  content: "";
  display: block;
  flex: 1 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-wrapper:after,
  [data-barba-namespace="archive-news"] .news__link-wrapper:before {
    content: none;
  }
}
[data-barba-namespace="archive-news"] .news__link-list {
  flex: 0 0 auto;
  display: flex;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-list {
    justify-content: stretch;
    flex: 0 0 1184px;
  }
}
[data-barba-namespace="archive-news"] .news__link-item {
  width: 100px;
  height: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-item {
    flex: auto 1 0;
    height: 82px;
  }
}
[data-barba-namespace="archive-news"] .news__link-item:first-child .news__link-body {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-item:first-child .news__link-body {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
  }
}
[data-barba-namespace="archive-news"] .news__link-item:last-child .news__link-body {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-item:last-child .news__link-body {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
}
[data-barba-namespace="archive-news"] .news__link-item:not(:first-child) {
  border-left: 1px solid #e0e8f8;
}
[data-barba-namespace="archive-news"] .news__link-item:not(:last-child) {
  border-right: 1px solid #e0e8f8;
}
[data-barba-namespace="archive-news"] .news__link-body {
  position: relative;
  display: block;
  height: 100%;
  padding: 16px 10px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.96px;
  text-align: center;
  color: #0863c2;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-body {
    padding: 23px 20px 0;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 2px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-news"] .news__link-body.barba-active,
  [data-barba-namespace="archive-news"] .news__link-body:hover {
    background-color: #0863c2;
    color: #fff;
  }
  [data-barba-namespace="archive-news"] .news__link-body.barba-active:after,
  [data-barba-namespace="archive-news"] .news__link-body:hover:after {
    border-color: #0863c2 transparent transparent;
    opacity: 1;
  }
}
[data-barba-namespace="archive-news"] .news__link-body:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  opacity: 0;
  transition: opacity 0.3s, border-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-body:after {
    bottom: -11px;
    border-width: 11px 11px 0;
  }
}
[data-barba-namespace="archive-news"] .news__link-body.barba-active {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="archive-news"] .news__link-body.barba-active:after {
  border-color: #0863c2 transparent transparent;
  opacity: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon {
  margin: 0 auto 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon {
    margin: 0 14px 0 0;
    height: 29px;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon-body--open-book {
  width: 27.5px;
  height: 19.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon-body--open-book {
    width: 35px;
    height: 25px;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon-body--megaphone {
  width: 26.5px;
  height: 19.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon-body--megaphone {
    width: 38px;
    height: 27px;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon-body--school-bag {
  width: 20px;
  height: 19.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon-body--school-bag {
    width: 29px;
    height: 28px;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon-body--backpack {
  width: 18.5px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon-body--backpack {
    width: 28px;
    height: 29px;
  }
}
[data-barba-namespace="archive-news"] .news__link-main-icon-body--shoulder-bag {
  width: 18.5px;
  height: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .news__link-main-icon-body--shoulder-bag {
    width: 28px;
    height: 27px;
  }
}
[data-barba-namespace="archive-news"] .news {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="archive-news"] .news__container {
  max-width: 1188px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
[data-barba-namespace="archive-news"] .article-news__list {
  position: relative;
  padding: 10px calc(50% - 157.5px);
  background-color: #fff;
  margin-top: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-news"] .article-news__list {
    padding: 30px calc(50% - 512px);
    border-radius: 14px;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 49px;
  }
}
[data-barba-namespace="archive-success"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="archive-success"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="archive-success"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="archive-success"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="archive-success"] .success__container {
  padding-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__container {
    padding-top: 60px;
  }
}
[data-barba-namespace="archive-success"] .success__body {
  padding-bottom: 47px;
  width: 100%;
  margin: 0 auto;
  max-width: 375px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__body {
    padding-bottom: 60px;
    max-width: none;
    margin: 0;
  }
}
[data-barba-namespace="archive-success"] .success-card {
  border-radius: 0;
  margin-top: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success-card {
    border-radius: 14px;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 49px;
  }
}
[data-barba-namespace="archive-success"] .success__link-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-wrapper {
    height: 93px;
    margin: 0 auto;
  }
}
[data-barba-namespace="archive-success"] .success__link-wrapper:after,
[data-barba-namespace="archive-success"] .success__link-wrapper:before {
  content: "";
  display: block;
  flex: 1 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-wrapper:after,
  [data-barba-namespace="archive-success"] .success__link-wrapper:before {
    content: none;
  }
}
[data-barba-namespace="archive-success"] .success__link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 321px;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-list {
    flex-wrap: nowrap;
    justify-content: stretch;
    flex: 0 0 1184px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item {
  width: 50%;
  height: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item {
    flex: auto 1 0;
    height: 82px;
    width: 298px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item:first-child .success__link-body {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item:first-child .success__link-body {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item:last-child .success__link-body {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item:last-child .success__link-body {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item:not(:first-child) {
  border-left: 1px solid #e0e8f8;
}
[data-barba-namespace="archive-success"] .success__link-item:not(:last-child) {
  border-right: 1px solid #e0e8f8;
}
[data-barba-namespace="archive-success"] .success__link-item.type-high-school {
  order: 3;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item.type-high-school {
    order: unset;
  }
}
[data-barba-namespace="archive-success"] .success__link-item.type-university-entrance {
  order: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item.type-university-entrance {
    order: unset;
  }
}
[data-barba-namespace="archive-success"]
  .success__link-item.type-middle-and-high-school-consistent {
  order: 3;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"]
    .success__link-item.type-middle-and-high-school-consistent {
    order: unset;
  }
}
[data-barba-namespace="archive-success"] .success__link-body {
  position: relative;
  display: block;
  height: 100%;
  padding: 13px 10px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.96px;
  text-align: center;
  color: #0863c2;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-body {
    padding: 23px 20px 0;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 2px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-success"] .success__link-body:hover {
    background-color: #0863c2;
    color: #fff;
  }
  [data-barba-namespace="archive-success"] .success__link-body:hover .fill {
    fill: #fff;
  }
  [data-barba-namespace="archive-success"]
    .success__link-body.success__link-success_icon_hs:hover:after {
    border-color: #0863c2 transparent transparent;
    opacity: 1;
  }
}
[data-barba-namespace="archive-success"] .success__link-body.barba-active,
[data-barba-namespace="archive-success"] .success__link-body.is-current {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="archive-success"] .success__link-body.barba-active .fill,
[data-barba-namespace="archive-success"] .success__link-body.is-current .fill {
  fill: #fff;
}
[data-barba-namespace="archive-success"]
  .success__link-body.barba-active.success__link-success_icon_hs:after,
[data-barba-namespace="archive-success"]
  .success__link-body.is-current.success__link-success_icon_hs:after {
  border-color: #0863c2 transparent transparent;
  opacity: 1;
}
[data-barba-namespace="archive-success"] .success__link-body:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  opacity: 0;
  transition: opacity 0.3s, border-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-body:after {
    bottom: -11px;
    border-width: 11px 11px 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
[data-barba-namespace="archive-success"] .success__link-main-icon {
  margin: 0 auto 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-main-icon {
    margin: 0 14px 0 0;
    height: 32px;
  }
}
[data-barba-namespace="archive-success"] .success__link-main-icon .fill {
  fill: #0863c2;
}
[data-barba-namespace="archive-success"] .success__link-main-icon-body--open-book {
  width: 27.5px;
  height: 19.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-main-icon-body--open-book {
    width: 35px;
    height: 25px;
  }
}
[data-barba-namespace="archive-success"] .success__link-success_icon_hs svg {
  width: 53px;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-success_icon_hs svg {
    width: 53px;
    height: 27px;
  }
}
[data-barba-namespace="archive-success"] .success__link-success_icon_uni svg {
  width: 53px;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-success_icon_uni svg {
    width: 53px;
    height: 27px;
  }
}
[data-barba-namespace="archive-success"] .success__link-success_icon_jhs svg {
  width: 53px;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-success_icon_jhs svg {
    width: 53px;
    height: 27px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item-pref {
  transition: color 0.3s, background-color 0.3s;
  color: #0863c2;
  font-size: 16px;
  pointer-events: auto;
  opacity: 1;
  margin: 15px auto 0;
  width: 100%;
  max-width: 321px;
}
[data-barba-namespace="archive-success"] .success__link-item-pref.is-disable {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item-pref {
    width: 600px;
    font-size: 16px;
    margin-top: 27px;
    max-width: inherit;
  }
}
[data-barba-namespace="archive-success"] .success__link-item-pref.index {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item-pref.index {
    display: block;
    position: absolute;
    z-index: 2;
    transform: translate(-23px);
    padding-top: 32px;
    width: 600px;
    max-width: inherit;
  }
}
[data-barba-namespace="archive-success"] .success__link-item-pref .success__link-item-body {
  display: block;
  background: #fff;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  padding: 15px 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item-pref .success__link-item-body {
    display: flex;
    padding: 30px 62px;
  }
}
[data-barba-namespace="archive-success"] .success__link-item-pref .success__link-item-pref-text {
  text-align: center;
  font-size: 10px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__link-item-pref .success__link-item-pref-text {
    font-weight: 700;
    font-size: 16px;
    margin-right: 54px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="archive-success"] .success__link-item-pref .success__link-item-pref-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-barba-namespace="archive-success"]
  .success__link-item-pref
  .success__link-item-pref-list-item {
  display: block;
  font-size: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"]
    .success__link-item-pref
    .success__link-item-pref-list-item {
    font-size: 16px;
    margin-right: 30px;
  }
  [data-barba-namespace="archive-success"]
    .success__link-item-pref
    .success__link-item-pref-list-item:last-child {
    margin-right: 0;
  }
}
[data-barba-namespace="archive-success"]
  .success__link-item-pref
  .success__link-item-pref-list-item-body {
  display: block;
  padding: 9px 17px;
  background: #dee7f8;
  border-radius: 6px;
}
[data-barba-namespace="archive-success"]
  .success__link-item-pref
  .success__link-item-pref-list-item-body.is-active,
[data-barba-namespace="archive-success"]
  .success__link-item-pref
  .success__link-item-pref-list-item-body:hover {
  color: #fff;
  background: #0863c2;
}
[data-barba-namespace="archive-success"] .success {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="archive-success"] .success__container {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success__container {
    width: 1184px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success-card__list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 48px);
    margin: -24px;
    overflow: visible;
  }
}
[data-barba-namespace="archive-success"] .success-card__list-item {
  width: 321px;
  height: 352px;
  margin: 30px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success-card__list-item {
    width: 362px;
    height: 419px;
    margin: 24px;
  }
}
[data-barba-namespace="archive-success"] .success-card__list-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success-card__list-item:first-child {
    margin-top: 24px;
  }
}
[data-barba-namespace="archive-success"] .success-card__list-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-success"] .success-card__list-item:last-child {
    margin-bottom: 24px;
  }
}
[data-barba-namespace="single-success"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="single-success"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-success"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-success"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="single-success"] .article {
  padding: 40px 0;
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article {
    padding: 90px calc(50% - 512px);
  }
}
[data-barba-namespace="single-success"] .article__header {
  position: relative;
  padding: 20px calc(50% - 157.5px);
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__header {
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 40px 60px 44px;
  }
}
[data-barba-namespace="single-success"] .article__header:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__header:after {
    bottom: -15px;
    border-width: 30px 30px 0;
  }
}
[data-barba-namespace="single-success"] .article__category {
  display: flex;
  align-items: center;
}
[data-barba-namespace="single-success"] .article__category-icon {
  margin-right: 4px;
  width: 13px;
  height: 13px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__category-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="single-success"] .article__category-main-data {
  position: relative;
  flex: 0 0 auto;
}
[data-barba-namespace="single-success"] .article__decoration-bg-image {
  position: absolute;
  bottom: calc(100% - 8px);
  left: 0;
  width: 27px;
  height: 58px;
}
[data-barba-namespace="single-success"] .article__decoration-bg-image.comic {
  width: 32px;
  height: 43px;
}
[data-barba-namespace="single-success"] .article__decoration-bg-image.knowhow {
  width: 46px;
  height: 45px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__decoration-bg-image {
    bottom: 100%;
    left: 24px;
    width: 49px;
    height: 112px;
  }
  [data-barba-namespace="single-success"] .article__decoration-bg-image.comic {
    width: 64px;
    height: 86px;
  }
  [data-barba-namespace="single-success"] .article__decoration-bg-image.knowhow {
    width: 93px;
    height: 91px;
  }
}
[data-barba-namespace="single-success"] .article__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__decoration-text-image {
    position: absolute;
    bottom: calc(100% + 54px);
    left: 76px;
    display: block;
    width: 154px;
    height: 56px;
  }
  [data-barba-namespace="single-success"] .article__decoration-text-image.knowhow {
    left: 115px;
  }
}
[data-barba-namespace="single-success"] .article__category-main-data-body {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.32px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__category-main-data-body {
    height: 38px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 20px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="single-success"] .article__category-main-data-body.type-experience {
  color: #ed55b7;
}
[data-barba-namespace="single-success"] .article__category-sub-data {
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 1.3px;
  color: #fff;
  margin-left: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__category-sub-data {
    font-size: 20px;
    letter-spacing: 2px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-success"] .article__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: 13px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__title {
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 3.6px;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-success"] .article__body {
  padding: 30px calc(50% - 157.5px);
  background-color: #fff;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body {
    position: relative;
    z-index: 1;
    padding: 56px 60px;
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    line-height: 1.88;
  }
}
[data-barba-namespace="single-success"] .article__body img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body img {
    border-radius: 16px;
    margin: 42px 0;
  }
}
[data-barba-namespace="single-success"] .article__body a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-success"] .article__body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-success"] .article__body b,
[data-barba-namespace="single-success"] .article__body strong {
  font-weight: 700;
}
[data-barba-namespace="single-success"] .article__body em {
  background-color: #ffea06;
}
[data-barba-namespace="single-success"] .article__body h2 {
  padding: 18px 21px;
  margin: 38px 0 18px;
  border-radius: 7px;
  background-color: #d9edfc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body h2 {
    padding: 22px 36px;
    margin: 62px 0 32px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-success"] .article__body h3 {
  padding: 0 0 8px;
  border-bottom: 2px dashed #0863c2;
  margin: 32px 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.09em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body h3 {
    padding: 0 0 12px;
    margin: 54px 0 22px;
    font-size: 26px;
    letter-spacing: 0.08em;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-success"] .article__body h4 {
  position: relative;
  padding-left: 20px;
  margin: 36px 0 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: 0.08em;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body h4 {
    margin: 56px 0 18px;
    padding-left: 28px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.36;
  }
}
[data-barba-namespace="single-success"] .article__body h4:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body h4:before {
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
}
[data-barba-namespace="single-success"] .article__body .table-wrapper {
  width: 100vw;
  margin: 0 calc(-50vw + 157.5px);
  overflow-x: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .table-wrapper {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="single-success"] .article__body table {
  width: calc(323px + 100vw);
  padding: 0 calc(50vw - 157.5px);
  margin: 40px 0;
  border-collapse: separate;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body table {
    width: 100%;
    padding: 0;
  }
}
[data-barba-namespace="single-success"] .article__body thead td,
[data-barba-namespace="single-success"] .article__body thead th {
  font-weight: 700;
  color: #fff;
  background-color: #3fc7e3;
  border-left: 1px solid #fff;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body thead td,
  [data-barba-namespace="single-success"] .article__body thead th {
    padding: 26px 30px;
    font-size: 20px;
    line-height: 1.3;
  }
}
[data-barba-namespace="single-success"] .article__body thead td:first-child,
[data-barba-namespace="single-success"] .article__body thead th:first-child {
  border-left: none;
}
[data-barba-namespace="single-success"] .article__body thead tr:first-child td:first-child,
[data-barba-namespace="single-success"] .article__body thead tr:first-child th:first-child {
  border-top-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body thead tr:first-child td:first-child,
  [data-barba-namespace="single-success"] .article__body thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
  }
}
[data-barba-namespace="single-success"] .article__body thead tr:first-child td:last-child,
[data-barba-namespace="single-success"] .article__body thead tr:first-child th:last-child {
  border-top-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body thead tr:first-child td:last-child,
  [data-barba-namespace="single-success"] .article__body thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
  }
}
[data-barba-namespace="single-success"] .article__body tbody td,
[data-barba-namespace="single-success"] .article__body tbody th {
  color: #2d2d2d;
  border-bottom: 1px solid #dddfeb;
  border-left: 1px solid #dddfeb;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body tbody td,
  [data-barba-namespace="single-success"] .article__body tbody th {
    padding: 22px 30px;
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-success"] .article__body tbody td:last-child,
[data-barba-namespace="single-success"] .article__body tbody th:last-child {
  border-right: 1px solid #dddfeb;
}
[data-barba-namespace="single-success"] .article__body tbody tr:last-child td:first-child,
[data-barba-namespace="single-success"] .article__body tbody tr:last-child th:first-child {
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body tbody tr:last-child td:first-child,
  [data-barba-namespace="single-success"] .article__body tbody tr:last-child th:first-child {
    border-bottom-left-radius: 12px;
  }
}
[data-barba-namespace="single-success"] .article__body tbody tr:last-child td:last-child,
[data-barba-namespace="single-success"] .article__body tbody tr:last-child th:last-child {
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body tbody tr:last-child td:last-child,
  [data-barba-namespace="single-success"] .article__body tbody tr:last-child th:last-child {
    border-bottom-right-radius: 12px;
  }
}
[data-barba-namespace="single-success"] .article__body blockquote,
[data-barba-namespace="single-success"] .article__body q {
  position: relative;
  font-size: 15px;
  line-height: 1.66;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  border-radius: 7px;
  background-color: #e8f4fc;
  margin: 26px 0 36px;
  padding: 40px 24px 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body blockquote,
  [data-barba-namespace="single-success"] .article__body q {
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.88;
    margin: 40px 0;
    padding: 62px 40px 36px;
  }
}
[data-barba-namespace="single-success"] .article__body blockquote:before,
[data-barba-namespace="single-success"] .article__body q:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 16px;
  height: 11px;
  background-image: url(../svg/global/double-quote.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body blockquote:before,
  [data-barba-namespace="single-success"] .article__body q:before {
    top: 30px;
    left: 40px;
    width: 26px;
    height: 18px;
  }
}
[data-barba-namespace="single-success"] .article__body blockquote cite,
[data-barba-namespace="single-success"] .article__body q cite {
  display: block;
  font-size: 13px;
  line-height: 1.61;
  letter-spacing: 0.1em;
  color: #999;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body blockquote cite,
  [data-barba-namespace="single-success"] .article__body q cite {
    font-size: 14px;
    line-height: 2.14;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-success"] .article__body blockquote cite:last-child,
[data-barba-namespace="single-success"] .article__body q cite:last-child {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body blockquote cite:last-child,
  [data-barba-namespace="single-success"] .article__body q cite:last-child {
    margin: 14px 0 0;
  }
}
[data-barba-namespace="single-success"] .article__body blockquote cite a,
[data-barba-namespace="single-success"] .article__body q cite a {
  font-weight: 400;
  color: inherit;
}
[data-barba-namespace="single-success"] .article__body blockquote cite a[target="_blank"]:after,
[data-barba-namespace="single-success"] .article__body q cite a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-999999.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-success"] .article__body ol,
[data-barba-namespace="single-success"] .article__body ul {
  margin: 32px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ol,
  [data-barba-namespace="single-success"] .article__body ul {
    margin: 42px 0;
  }
}
[data-barba-namespace="single-success"] .article__body ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ol > li:before,
  [data-barba-namespace="single-success"] .article__body ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-success"] .article__body ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li > ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ol > li > ol > li > ol > li:before,
  [data-barba-namespace="single-success"] .article__body ol > li > ol > li > ul > li:before,
  [data-barba-namespace="single-success"] .article__body ol > li > ul > li > ol > li:before,
  [data-barba-namespace="single-success"] .article__body ol > li > ul > li > ul > li:before,
  [data-barba-namespace="single-success"] .article__body ul > li > ol > li > ol > li:before,
  [data-barba-namespace="single-success"] .article__body ul > li > ol > li > ul > li:before,
  [data-barba-namespace="single-success"] .article__body ul > li > ul > li > ol > li:before,
  [data-barba-namespace="single-success"] .article__body ul > li > ul > li > ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ol > li > ul > li > ul > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-success"] .article__body ul > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-success"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-success"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-success"] .article__body ul > li {
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ul > li {
    padding-left: 28px;
  }
}
[data-barba-namespace="single-success"] .article__body ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ul > li:before {
    top: 8.96px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 4px solid #0863c2;
  }
}
[data-barba-namespace="single-success"] .article__body ol {
  counter-reset: ordered-list;
}
[data-barba-namespace="single-success"] .article__body ol > li {
  counter-increment: ordered-list;
  padding-left: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ol > li {
    padding-left: 25px;
  }
}
[data-barba-namespace="single-success"] .article__body ol > li:before {
  content: counter(ordered-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body ol > li:before {
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-success"] .article__body li {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body li {
    font-size: 18px;
    line-height: 1.44;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-success"] .article__body li > ol,
[data-barba-namespace="single-success"] .article__body li > ul {
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body li > ol,
  [data-barba-namespace="single-success"] .article__body li > ul {
    margin: 14px 0;
  }
}
[data-barba-namespace="single-success"] .article__body .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
  padding-left: 28px;
  margin: 32px 0 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .question {
    font-size: 24px;
    line-height: 1.5;
    padding-left: 50px;
    margin: 64px 0 26px;
  }
}
[data-barba-namespace="single-success"] .article__body .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.5px;
  height: 22.5px;
  background-image: url(../svg/global/interview.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .question:before {
    top: -2px;
    width: 38px;
    height: 38px;
  }
}
[data-barba-namespace="single-success"] .article__body .answerer {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #3fc7e3;
  margin: 12px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .answerer {
    font-size: 22px;
    line-height: 1.54;
    margin: 24px 0 16px;
  }
}
[data-barba-namespace="single-success"] .article__body .pdf-link {
  padding: 24px 22px 30px;
  border-radius: 7px;
  background-color: #d9edfc;
  margin: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .pdf-link {
    padding: 40px 60px 50px;
    margin: 50px 0;
  }
}
[data-barba-namespace="single-success"] .article__body .pdf-link h2,
[data-barba-namespace="single-success"] .article__body .pdf-link h3,
[data-barba-namespace="single-success"] .article__body .pdf-link h4,
[data-barba-namespace="single-success"] .article__body .pdf-link h5,
[data-barba-namespace="single-success"] .article__body .pdf-link h6,
[data-barba-namespace="single-success"] .article__body .pdf-link p {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .pdf-link h2,
  [data-barba-namespace="single-success"] .article__body .pdf-link h3,
  [data-barba-namespace="single-success"] .article__body .pdf-link h4,
  [data-barba-namespace="single-success"] .article__body .pdf-link h5,
  [data-barba-namespace="single-success"] .article__body .pdf-link h6,
  [data-barba-namespace="single-success"] .article__body .pdf-link p {
    font-size: 24px;
    line-height: 1.79;
  }
}
[data-barba-namespace="single-success"] .article__body .pdf-link a {
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0863c2;
  background-color: #fff;
  border: 2px solid #0863c2;
  margin-top: 20px;
  border-radius: 20px;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .pdf-link a {
    width: 360px;
    height: 64px;
    font-size: 18px;
    margin: 20px auto 0;
    border-radius: 32px;
  }
  [data-barba-namespace="single-success"] .article__body .pdf-link a:hover {
    opacity: 1;
    color: #fff;
    background-color: #0863c2;
  }
  [data-barba-namespace="single-success"] .article__body .pdf-link a:hover .pdf-link__icon-arrow {
    transform: translateX(5px);
  }
}
[data-barba-namespace="single-success"] .article__body .pdf-link__icon-pdf {
  display: block;
  width: 17px;
  height: 19px;
  margin: 0 11px 0 -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .pdf-link__icon-pdf {
    width: 25px;
    height: 28px;
    margin: 0 15px 0 -20px;
  }
}
[data-barba-namespace="single-success"] .article__body .pdf-link__icon-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4.5px;
  display: block;
  width: 13px;
  height: 9px;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .article__body .pdf-link__icon-arrow {
    right: 21px;
    margin-top: -6.5px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-success"] .article__body > a:first-child,
[data-barba-namespace="single-success"] .article__body > blockquote:first-child,
[data-barba-namespace="single-success"] .article__body > dl:first-child,
[data-barba-namespace="single-success"] .article__body > h2:first-child,
[data-barba-namespace="single-success"] .article__body > h3:first-child,
[data-barba-namespace="single-success"] .article__body > h4:first-child,
[data-barba-namespace="single-success"] .article__body > img:first-child,
[data-barba-namespace="single-success"] .article__body > ol:first-child,
[data-barba-namespace="single-success"] .article__body > p:first-child,
[data-barba-namespace="single-success"] .article__body > q:first-child,
[data-barba-namespace="single-success"] .article__body > table:first-child,
[data-barba-namespace="single-success"] .article__body > ul:first-child {
  margin-top: 0;
}
[data-barba-namespace="single-success"] .article__body > a:last-child,
[data-barba-namespace="single-success"] .article__body > blockquote:last-child,
[data-barba-namespace="single-success"] .article__body > dl:last-child,
[data-barba-namespace="single-success"] .article__body > h2:last-child,
[data-barba-namespace="single-success"] .article__body > h3:last-child,
[data-barba-namespace="single-success"] .article__body > h4:last-child,
[data-barba-namespace="single-success"] .article__body > img:last-child,
[data-barba-namespace="single-success"] .article__body > ol:last-child,
[data-barba-namespace="single-success"] .article__body > p:last-child,
[data-barba-namespace="single-success"] .article__body > q:last-child,
[data-barba-namespace="single-success"] .article__body > table:last-child,
[data-barba-namespace="single-success"] .article__body > ul:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="single-success"] .article__body p {
  font-weight: 400;
}
[data-barba-namespace="single-success"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="single-success"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #e5edfa transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="single-success"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-success"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-success"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="single-success"] .link {
  padding: 30px calc(50% - 157.5px) 40px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link {
    padding: 70px calc(50% - 592px) 80px;
  }
}
[data-barba-namespace="single-success"] .link__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.92px;
  color: #0863c2;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin-bottom: 60px;
  }
}
[data-barba-namespace="single-success"] .link__heading-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__heading-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 23px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__body {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 48px);
    margin: -24px;
    overflow: visible;
  }
}
[data-barba-namespace="single-success"] .link__body-item {
  width: 312px;
  height: 352px;
  margin: 30px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__body-item {
    width: 362px;
    height: 419px;
    margin: 24px;
  }
}
[data-barba-namespace="single-success"] .link__body-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__body-item:first-child {
    margin-top: 24px;
  }
}
[data-barba-namespace="single-success"] .link__body-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__body-item:last-child {
    margin-bottom: 24px;
  }
}
[data-barba-namespace="single-success"] .link__back-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__back-button {
    width: 360px;
    height: 64px;
    margin: 80px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-success"] .link__back-button .link__back-button-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-success"] .link__back-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-success"] .link__back-button:hover .link__back-button-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-success"] .link__back-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-success"] .link__back-button-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-news"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-news"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-news"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-news"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-news"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .button .button-link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-news"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="single-news"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="single-news"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-news"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-news"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="single-news"] .article {
  padding: 40px 0;
  background-color: #dee7f8;
  background-size: 18px 18px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article {
    padding: 90px calc(50% - 512px);
  }
}
[data-barba-namespace="single-news"] .article__header {
  position: relative;
  padding: 20px calc(50% - 157.5px);
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__header {
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 40px 60px 44px;
  }
}
[data-barba-namespace="single-news"] .article__header:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__header:after {
    bottom: -15px;
    border-width: 30px 30px 0;
  }
}
[data-barba-namespace="single-news"] .article__category {
  display: flex;
  align-items: center;
}
[data-barba-namespace="single-news"] .article__category-main-data {
  position: relative;
  flex: 0 0 auto;
}
[data-barba-namespace="single-news"] .article__decoration-bg-image {
  position: absolute;
  bottom: calc(100% - 8px);
  left: 0;
  width: 34px;
  height: 54px;
}
[data-barba-namespace="single-news"] .article__decoration-bg-image.category1 {
  bottom: 100%;
  width: 60px;
  height: auto;
}
[data-barba-namespace="single-news"] .article__decoration-bg-image.category2 {
  width: 31px;
  height: 40px;
}
[data-barba-namespace="single-news"] .article__decoration-bg-image.category3 {
  width: 33px;
  height: 53px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__decoration-bg-image {
    bottom: 100%;
    left: 24px;
    width: 68px;
    height: 109px;
  }
  [data-barba-namespace="single-news"] .article__decoration-bg-image.category1 {
    width: 120px;
    height: auto;
    left: -10px;
  }
  [data-barba-namespace="single-news"] .article__decoration-bg-image.category2 {
    width: 63px;
    height: 81px;
  }
  [data-barba-namespace="single-news"] .article__decoration-bg-image.category3 {
    width: 67px;
    height: 106px;
  }
}
[data-barba-namespace="single-news"] .article__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__decoration-text-image {
    position: absolute;
    bottom: calc(100% + 54px);
    left: 88px;
    display: block;
    width: 154px;
    height: 56px;
  }
}
[data-barba-namespace="single-news"] .article__category-main-data-body {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.32px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__category-main-data-body {
    height: 38px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 20px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="single-news"] .article__category-sub-data {
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 1.3px;
  color: #fff;
  margin-left: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__category-sub-data {
    font-size: 20px;
    letter-spacing: 2px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-news"] .article__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: 13px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__title {
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 3.6px;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-news"] .article__body {
  padding: 30px calc(50% - 157.5px);
  background-color: #fff;
  box-shadow: 0 12px 0 0 rgba(185, 203, 237, 0.4);
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body {
    position: relative;
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    z-index: 1;
    padding: 56px 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    line-height: 1.88;
  }
}
[data-barba-namespace="single-news"] .article__body img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body img {
    border-radius: 16px;
    margin: 42px 0;
  }
}
[data-barba-namespace="single-news"] .article__body a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-news"] .article__body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-news"] .article__body b,
[data-barba-namespace="single-news"] .article__body strong {
  font-weight: 700;
}
[data-barba-namespace="single-news"] .article__body em {
  background-color: #ffea06;
}
[data-barba-namespace="single-news"] .article__body h2 {
  padding: 18px 21px;
  margin: 38px 0 18px;
  border-radius: 7px;
  background-color: #d9edfc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body h2 {
    padding: 22px 36px;
    margin: 62px 0 32px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-news"] .article__body h3 {
  padding: 0 0 8px;
  border-bottom: 2px dashed #0863c2;
  margin: 32px 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.09em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body h3 {
    padding: 0 0 12px;
    margin: 54px 0 22px;
    font-size: 26px;
    letter-spacing: 0.08em;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-news"] .article__body h4 {
  position: relative;
  padding-left: 20px;
  margin: 36px 0 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: 0.08em;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body h4 {
    margin: 56px 0 18px;
    padding-left: 28px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.36;
  }
}
[data-barba-namespace="single-news"] .article__body h4:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body h4:before {
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
}
[data-barba-namespace="single-news"] .article__body .table-wrapper {
  width: 100vw;
  margin: 0 calc(-50vw + 157.5px);
  overflow-x: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .table-wrapper {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="single-news"] .article__body table {
  width: calc(323px + 100vw);
  padding: 0 calc(50vw - 157.5px);
  margin: 40px 0;
  border-collapse: separate;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body table {
    width: 100%;
    padding: 0;
  }
}
[data-barba-namespace="single-news"] .article__body thead td,
[data-barba-namespace="single-news"] .article__body thead th {
  font-weight: 700;
  color: #fff;
  background-color: #3fc7e3;
  border-left: 1px solid #fff;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body thead td,
  [data-barba-namespace="single-news"] .article__body thead th {
    padding: 26px 30px;
    font-size: 20px;
    line-height: 1.3;
  }
}
[data-barba-namespace="single-news"] .article__body thead td:first-child,
[data-barba-namespace="single-news"] .article__body thead th:first-child {
  border-left: none;
}
[data-barba-namespace="single-news"] .article__body thead tr:first-child td:first-child,
[data-barba-namespace="single-news"] .article__body thead tr:first-child th:first-child {
  border-top-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body thead tr:first-child td:first-child,
  [data-barba-namespace="single-news"] .article__body thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
  }
}
[data-barba-namespace="single-news"] .article__body thead tr:first-child td:last-child,
[data-barba-namespace="single-news"] .article__body thead tr:first-child th:last-child {
  border-top-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body thead tr:first-child td:last-child,
  [data-barba-namespace="single-news"] .article__body thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
  }
}
[data-barba-namespace="single-news"] .article__body tbody td,
[data-barba-namespace="single-news"] .article__body tbody th {
  color: #2d2d2d;
  border-bottom: 1px solid #dddfeb;
  border-left: 1px solid #dddfeb;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body tbody td,
  [data-barba-namespace="single-news"] .article__body tbody th {
    padding: 22px 30px;
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-news"] .article__body tbody td:last-child,
[data-barba-namespace="single-news"] .article__body tbody th:last-child {
  border-right: 1px solid #dddfeb;
}
[data-barba-namespace="single-news"] .article__body tbody tr:last-child td:first-child,
[data-barba-namespace="single-news"] .article__body tbody tr:last-child th:first-child {
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body tbody tr:last-child td:first-child,
  [data-barba-namespace="single-news"] .article__body tbody tr:last-child th:first-child {
    border-bottom-left-radius: 12px;
  }
}
[data-barba-namespace="single-news"] .article__body tbody tr:last-child td:last-child,
[data-barba-namespace="single-news"] .article__body tbody tr:last-child th:last-child {
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body tbody tr:last-child td:last-child,
  [data-barba-namespace="single-news"] .article__body tbody tr:last-child th:last-child {
    border-bottom-right-radius: 12px;
  }
}
[data-barba-namespace="single-news"] .article__body blockquote,
[data-barba-namespace="single-news"] .article__body q {
  position: relative;
  font-size: 15px;
  line-height: 1.66;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  border-radius: 7px;
  background-color: #e8f4fc;
  margin: 26px 0 36px;
  padding: 40px 24px 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body blockquote,
  [data-barba-namespace="single-news"] .article__body q {
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.88;
    margin: 40px 0;
    padding: 62px 40px 36px;
  }
}
[data-barba-namespace="single-news"] .article__body blockquote:before,
[data-barba-namespace="single-news"] .article__body q:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 16px;
  height: 11px;
  background-image: url(../svg/global/double-quote.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body blockquote:before,
  [data-barba-namespace="single-news"] .article__body q:before {
    top: 30px;
    left: 40px;
    width: 26px;
    height: 18px;
  }
}
[data-barba-namespace="single-news"] .article__body blockquote cite,
[data-barba-namespace="single-news"] .article__body q cite {
  display: block;
  font-size: 13px;
  line-height: 1.61;
  letter-spacing: 0.1em;
  color: #999;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body blockquote cite,
  [data-barba-namespace="single-news"] .article__body q cite {
    font-size: 14px;
    line-height: 2.14;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-news"] .article__body blockquote cite:last-child,
[data-barba-namespace="single-news"] .article__body q cite:last-child {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body blockquote cite:last-child,
  [data-barba-namespace="single-news"] .article__body q cite:last-child {
    margin: 14px 0 0;
  }
}
[data-barba-namespace="single-news"] .article__body blockquote cite a,
[data-barba-namespace="single-news"] .article__body q cite a {
  font-weight: 400;
  color: inherit;
}
[data-barba-namespace="single-news"] .article__body blockquote cite a[target="_blank"]:after,
[data-barba-namespace="single-news"] .article__body q cite a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-999999.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-news"] .article__body ol,
[data-barba-namespace="single-news"] .article__body ul {
  margin: 32px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ol,
  [data-barba-namespace="single-news"] .article__body ul {
    margin: 42px 0;
  }
}
[data-barba-namespace="single-news"] .article__body ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ol > li:before,
  [data-barba-namespace="single-news"] .article__body ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-news"] .article__body ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ol > li > ol > li > ol > li:before,
  [data-barba-namespace="single-news"] .article__body ol > li > ol > li > ul > li:before,
  [data-barba-namespace="single-news"] .article__body ol > li > ul > li > ol > li:before,
  [data-barba-namespace="single-news"] .article__body ol > li > ul > li > ul > li:before,
  [data-barba-namespace="single-news"] .article__body ul > li > ol > li > ol > li:before,
  [data-barba-namespace="single-news"] .article__body ul > li > ol > li > ul > li:before,
  [data-barba-namespace="single-news"] .article__body ul > li > ul > li > ol > li:before,
  [data-barba-namespace="single-news"] .article__body ul > li > ul > li > ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ol > li > ul > li > ul > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-news"] .article__body ul > li > ul > li > ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-news"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-news"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-news"] .article__body ul > li {
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ul > li {
    padding-left: 28px;
  }
}
[data-barba-namespace="single-news"] .article__body ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ul > li:before {
    top: 8.96px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 4px solid #0863c2;
  }
}
[data-barba-namespace="single-news"] .article__body ol {
  counter-reset: ordered-list;
}
[data-barba-namespace="single-news"] .article__body ol > li {
  counter-increment: ordered-list;
  padding-left: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ol > li {
    padding-left: 25px;
  }
}
[data-barba-namespace="single-news"] .article__body ol > li:before {
  content: counter(ordered-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body ol > li:before {
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-news"] .article__body li {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body li {
    font-size: 18px;
    line-height: 1.44;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-news"] .article__body li > ol,
[data-barba-namespace="single-news"] .article__body li > ul {
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body li > ol,
  [data-barba-namespace="single-news"] .article__body li > ul {
    margin: 14px 0;
  }
}
[data-barba-namespace="single-news"] .article__body .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
  padding-left: 28px;
  margin: 32px 0 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .question {
    font-size: 24px;
    line-height: 1.5;
    padding-left: 50px;
    margin: 64px 0 26px;
  }
}
[data-barba-namespace="single-news"] .article__body .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.5px;
  height: 22.5px;
  background-image: url(../svg/global/interview.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .question:before {
    top: -2px;
    width: 38px;
    height: 38px;
  }
}
[data-barba-namespace="single-news"] .article__body .answerer {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #3fc7e3;
  margin: 12px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .answerer {
    font-size: 22px;
    line-height: 1.54;
    margin: 24px 0 16px;
  }
}
[data-barba-namespace="single-news"] .article__body .pdf-link {
  padding: 24px 22px 30px;
  border-radius: 7px;
  background-color: #d9edfc;
  margin: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .pdf-link {
    padding: 40px 60px 50px;
    margin: 50px 0;
  }
}
[data-barba-namespace="single-news"] .article__body .pdf-link h2,
[data-barba-namespace="single-news"] .article__body .pdf-link h3,
[data-barba-namespace="single-news"] .article__body .pdf-link h4,
[data-barba-namespace="single-news"] .article__body .pdf-link h5,
[data-barba-namespace="single-news"] .article__body .pdf-link h6,
[data-barba-namespace="single-news"] .article__body .pdf-link p {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .pdf-link h2,
  [data-barba-namespace="single-news"] .article__body .pdf-link h3,
  [data-barba-namespace="single-news"] .article__body .pdf-link h4,
  [data-barba-namespace="single-news"] .article__body .pdf-link h5,
  [data-barba-namespace="single-news"] .article__body .pdf-link h6,
  [data-barba-namespace="single-news"] .article__body .pdf-link p {
    font-size: 24px;
    line-height: 1.79;
  }
}
[data-barba-namespace="single-news"] .article__body .pdf-link a {
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0863c2;
  background-color: #fff;
  border: 2px solid #0863c2;
  margin-top: 20px;
  border-radius: 20px;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .pdf-link a {
    width: 360px;
    height: 64px;
    font-size: 18px;
    margin: 20px auto 0;
    border-radius: 32px;
  }
  [data-barba-namespace="single-news"] .article__body .pdf-link a:hover {
    opacity: 1;
    color: #fff;
    background-color: #0863c2;
  }
  [data-barba-namespace="single-news"] .article__body .pdf-link a:hover .pdf-link__icon-arrow {
    transform: translateX(5px);
  }
}
[data-barba-namespace="single-news"] .article__body .pdf-link__icon-pdf {
  display: block;
  width: 17px;
  height: 19px;
  margin: 0 11px 0 -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .pdf-link__icon-pdf {
    width: 25px;
    height: 28px;
    margin: 0 15px 0 -20px;
  }
}
[data-barba-namespace="single-news"] .article__body .pdf-link__icon-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4.5px;
  display: block;
  width: 13px;
  height: 9px;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__body .pdf-link__icon-arrow {
    right: 21px;
    margin-top: -6.5px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-news"] .article__body > a:first-child,
[data-barba-namespace="single-news"] .article__body > blockquote:first-child,
[data-barba-namespace="single-news"] .article__body > dl:first-child,
[data-barba-namespace="single-news"] .article__body > h2:first-child,
[data-barba-namespace="single-news"] .article__body > h3:first-child,
[data-barba-namespace="single-news"] .article__body > h4:first-child,
[data-barba-namespace="single-news"] .article__body > img:first-child,
[data-barba-namespace="single-news"] .article__body > ol:first-child,
[data-barba-namespace="single-news"] .article__body > p:first-child,
[data-barba-namespace="single-news"] .article__body > q:first-child,
[data-barba-namespace="single-news"] .article__body > table:first-child,
[data-barba-namespace="single-news"] .article__body > ul:first-child {
  margin-top: 0;
}
[data-barba-namespace="single-news"] .article__body > a:last-child,
[data-barba-namespace="single-news"] .article__body > blockquote:last-child,
[data-barba-namespace="single-news"] .article__body > dl:last-child,
[data-barba-namespace="single-news"] .article__body > h2:last-child,
[data-barba-namespace="single-news"] .article__body > h3:last-child,
[data-barba-namespace="single-news"] .article__body > h4:last-child,
[data-barba-namespace="single-news"] .article__body > img:last-child,
[data-barba-namespace="single-news"] .article__body > ol:last-child,
[data-barba-namespace="single-news"] .article__body > p:last-child,
[data-barba-namespace="single-news"] .article__body > q:last-child,
[data-barba-namespace="single-news"] .article__body > table:last-child,
[data-barba-namespace="single-news"] .article__body > ul:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="single-news"] .article__body p {
  font-weight: 400;
}
[data-barba-namespace="single-news"] .article__back-button {
  text-align: center;
  margin-top: 50px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .article__back-button {
    margin-top: 73px;
  }
}
[data-barba-namespace="single-news"] .article__back-button .button {
  margin: 0 auto;
}
[data-barba-namespace="single-news"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="single-news"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #dee7f8 transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="single-news"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-news"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-news"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="single-news"] .link {
  padding: 30px calc(50% - 157.5px) 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .link {
    padding: 70px calc(50% - 592px) 80px;
  }
}
[data-barba-namespace="single-news"] .link__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.92px;
  color: #0863c2;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .link__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="single-news"] .link__heading-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .link__heading-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 23px;
  }
}
[data-barba-namespace="single-news"] .link__back-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .link__back-button {
    width: 360px;
    height: 64px;
    margin: 60px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-news"] .link__back-button .link__back-button-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-news"] .link__back-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-news"] .link__back-button:hover .link__back-button-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-news"] .link__back-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-news"] .link__back-button-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-events"] .article {
  padding: 0 0 40px;
  background-color: #dee7f8;
  background-size: 18px 18px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article {
    padding: 40px calc(50% - 512px);
  }
}
[data-barba-namespace="single-events"] .article__header {
  position: relative;
  padding: 15px calc(50% - 157.5px);
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__header {
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 34px 60px 30px;
  }
}
[data-barba-namespace="single-events"] .article__header:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__header:after {
    bottom: -15px;
    border-width: 30px 30px 0;
  }
}
[data-barba-namespace="single-events"] .article__main-image,
[data-barba-namespace="single-events"] .article__main-image img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__main-image {
    margin-bottom: 70px;
  }
}
[data-barba-namespace="single-events"] .article__header-text {
  background-color: #fff;
  color: #0863c2;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  padding: 7px 15px 7px 10px;
  border-radius: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__header-text {
    font-size: 20px;
  }
}
[data-barba-namespace="single-events"] .article__category {
  display: flex;
  align-items: center;
}
[data-barba-namespace="single-events"] .article__category-main-data {
  position: relative;
  flex: 0 0 auto;
}
[data-barba-namespace="single-events"] .article__decoration-bg-image {
  position: absolute;
  bottom: calc(100% - 8px);
  left: 0;
  width: 34px;
  height: 54px;
}
[data-barba-namespace="single-events"] .article__decoration-bg-image.category1 {
  width: 44px;
  height: 48px;
}
[data-barba-namespace="single-events"] .article__decoration-bg-image.category2 {
  width: 31px;
  height: 40px;
}
[data-barba-namespace="single-events"] .article__decoration-bg-image.category3 {
  width: 33px;
  height: 53px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__decoration-bg-image {
    bottom: 100%;
    left: 24px;
    width: 68px;
    height: 109px;
  }
  [data-barba-namespace="single-events"] .article__decoration-bg-image.category1 {
    width: 88px;
    height: 97px;
  }
  [data-barba-namespace="single-events"] .article__decoration-bg-image.category2 {
    width: 63px;
    height: 81px;
  }
  [data-barba-namespace="single-events"] .article__decoration-bg-image.category3 {
    width: 67px;
    height: 106px;
  }
}
[data-barba-namespace="single-events"] .article__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__decoration-text-image {
    position: absolute;
    bottom: calc(100% + 54px);
    left: 88px;
    display: block;
    width: 154px;
    height: 56px;
  }
}
[data-barba-namespace="single-events"] .article__category-main-data-body {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.32px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__category-main-data-body {
    height: 38px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 20px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="single-events"] .article__category-sub-data {
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 1.3px;
  color: #fff;
  margin-left: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__category-sub-data {
    font-size: 20px;
    letter-spacing: 2px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-events"] .article__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__title {
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 3.6px;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-events"] .article__body {
  padding: 30px 5%;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__body {
    position: relative;
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    z-index: 1;
    padding: 56px 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: left;
  }
}
[data-barba-namespace="single-events"] .article__sub-title {
  display: inline-block;
  font-size: 18px;
  text-align: center;
  margin: 0 auto 3px;
  font-weight: 700;
  background: linear-gradient(rgba(255, 241, 86, 0) 60%, #fff156 0, #fff156);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__sub-title {
    font-size: 28px;
    text-align: left;
    margin: 0 0 3px;
  }
}
[data-barba-namespace="single-events"] .article__data-list {
  display: flex;
  background-color: #e4ecfb;
  align-items: center;
  margin-top: 15px;
  border-radius: 10px;
  padding: 19px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__data-list {
    margin-top: 27px;
    padding: 19px 22px;
  }
}
[data-barba-namespace="single-events"] .article__data-list dt {
  flex: 0 0 72px;
  display: block;
  position: relative;
  background-color: #fff;
  font-weight: 700;
  color: #0863c2;
  border-radius: 5px;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 0 7px 0 32px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__data-list dt {
    flex: 0 0 103px;
    font-size: 20px;
    border-radius: 10px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 48px;
  }
}
[data-barba-namespace="single-events"] .article__data-list dt:after {
  content: "";
  width: 15px;
  height: 17px;
  position: absolute;
  left: 12px;
  top: 8px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__data-list dt:after {
    width: 24px;
    height: 27px;
    left: 16px;
    top: 8px;
  }
}
[data-barba-namespace="single-events"] .article__data-list dt.article__data-list-date:after {
  background-image: url(../images/views/single-events/date.png);
}
[data-barba-namespace="single-events"] .article__data-list dt.article__data-list-time:after {
  background-image: url(../images/views/single-events/time.png);
  left: 12px;
  top: 8px;
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__data-list dt.article__data-list-time:after {
    left: 14px;
    top: 10px;
    width: 26px;
    height: 26px;
  }
}
[data-barba-namespace="single-events"] .article__data-list dd {
  font-size: 16px;
  font-weight: 700;
  margin-left: 19px;
  text-align: left;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__data-list dd {
    font-size: 28px;
    margin-left: 32px;
  }
}
[data-barba-namespace="single-events"] .article__back-button {
  text-align: center;
  margin-top: 50px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__back-button {
    margin-top: 73px;
  }
}
[data-barba-namespace="single-events"] .article__back-button .button {
  margin: 0 auto;
}
[data-barba-namespace="single-events"] .article__benefits {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits {
    margin-top: 92px;
  }
}
[data-barba-namespace="single-events"] .article__benefits-label {
  position: relative;
  color: #fff;
  background-image: url(../images/views/single-events/benefit-title.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  font-size: 17px;
  padding-top: 7px;
  font-weight: 700;
  width: 278px;
  height: 43px;
  top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-label {
    width: 445px;
    height: 68px;
    background-size: cover;
    padding-top: 14px;
    font-size: 28px;
    text-align: center;
    top: 20px;
  }
}
[data-barba-namespace="single-events"] .article__benefits-body {
  display: flex;
  justify-content: space-between;
  background-color: #f1f5fd;
  padding: 41px 30px 30px;
  border-radius: 20px;
  flex-flow: column;
}
[data-barba-namespace="single-events"] .article__benefits-body.no-image {
  font-size: 20px;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-body {
    padding: 30px 90px 30px 60px;
    flex-flow: wrap;
  }
}
[data-barba-namespace="single-events"] .article__benefits-left {
  width: 100%;
  order: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-left {
    order: 1;
    width: 52%;
  }
  .no-image [data-barba-namespace="single-events"] .article__benefits-left {
    width: 100%;
  }
}
[data-barba-namespace="single-events"] .article__benefits-right {
  width: 100%;
  order: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-right {
    order: 2;
    width: 320px;
  }
}
[data-barba-namespace="single-events"] .article__benefits-right img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-events"] .article__benefits-title {
  font-weight: 700;
  font-size: 22px;
  margin-top: 35px;
  text-align: left;
  line-height: 1.6em;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-title {
    font-size: 24px;
    margin-top: 40px;
    text-align: left;
  }
}
[data-barba-namespace="single-events"] .article__benefits-text {
  font-size: 15px;
  line-height: 1.8em;
  margin-top: 20px;
  text-align: left;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__benefits-text {
    font-size: 16px;
    text-align: left;
  }
}
[data-barba-namespace="single-events"] .article__contents {
  margin-top: 74px;
  padding: 0 5% 40px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents {
    position: relative;
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
    z-index: 1;
    padding: 0 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 105px;
  }
}
[data-barba-namespace="single-events"] .article__contents-header {
  position: relative;
  color: #fff;
  background-image: url(../images/views/single-events/contents-title.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  width: 278px;
  height: 43px;
  padding-top: 8px;
  font-size: 18px;
  transform: translateY(-25px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-header {
    font-size: 28px;
    width: 631px;
    height: 97px;
    padding-top: 24px;
    transform: translateY(-46px);
  }
}
[data-barba-namespace="single-events"] .article__contents-body {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body {
    font-size: 18px;
    line-height: 1.88;
  }
}
[data-barba-namespace="single-events"] .article__contents-body img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body img {
    border-radius: 16px;
    margin: 42px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-events"] .article__contents-body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-events"] .article__contents-body b,
[data-barba-namespace="single-events"] .article__contents-body strong {
  font-weight: 700;
}
[data-barba-namespace="single-events"] .article__contents-body em {
  background-color: #ffea06;
}
[data-barba-namespace="single-events"] .article__contents-body h2 {
  padding: 18px 21px;
  margin: 38px 0 18px;
  border-radius: 7px;
  background-color: #d9edfc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body h2 {
    padding: 22px 36px;
    margin: 62px 0 32px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-events"] .article__contents-body h3 {
  padding: 0 0 8px;
  border-bottom: 2px dashed #0863c2;
  margin: 32px 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.09em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body h3 {
    padding: 0 0 12px;
    margin: 54px 0 22px;
    font-size: 26px;
    letter-spacing: 0.08em;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-events"] .article__contents-body h4 {
  position: relative;
  padding-left: 20px;
  margin: 36px 0 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: 0.08em;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body h4 {
    margin: 56px 0 18px;
    padding-left: 28px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.36;
  }
}
[data-barba-namespace="single-events"] .article__contents-body h4:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body h4:before {
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .table-wrapper {
  width: 100vw;
  margin: 0 calc(-50vw + 157.5px);
  overflow-x: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .table-wrapper {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="single-events"] .article__contents-body table {
  width: calc(323px + 100vw);
  padding: 0 calc(50vw - 157.5px);
  margin: 40px 0;
  border-collapse: separate;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body table {
    width: 100%;
    padding: 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body thead td,
[data-barba-namespace="single-events"] .article__contents-body thead th {
  font-weight: 700;
  color: #fff;
  background-color: #3fc7e3;
  border-left: 1px solid #fff;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body thead td,
  [data-barba-namespace="single-events"] .article__contents-body thead th {
    padding: 26px 30px;
    font-size: 20px;
    line-height: 1.3;
  }
}
[data-barba-namespace="single-events"] .article__contents-body thead td:first-child,
[data-barba-namespace="single-events"] .article__contents-body thead th:first-child {
  border-left: none;
}
[data-barba-namespace="single-events"] .article__contents-body thead tr:first-child td:first-child,
[data-barba-namespace="single-events"] .article__contents-body thead tr:first-child th:first-child {
  border-top-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"]
    .article__contents-body
    thead
    tr:first-child
    td:first-child,
  [data-barba-namespace="single-events"]
    .article__contents-body
    thead
    tr:first-child
    th:first-child {
    border-top-left-radius: 12px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body thead tr:first-child td:last-child,
[data-barba-namespace="single-events"] .article__contents-body thead tr:first-child th:last-child {
  border-top-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body thead tr:first-child td:last-child,
  [data-barba-namespace="single-events"]
    .article__contents-body
    thead
    tr:first-child
    th:last-child {
    border-top-right-radius: 12px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body tbody td,
[data-barba-namespace="single-events"] .article__contents-body tbody th {
  color: #2d2d2d;
  border-bottom: 1px solid #dddfeb;
  border-left: 1px solid #dddfeb;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body tbody td,
  [data-barba-namespace="single-events"] .article__contents-body tbody th {
    padding: 22px 30px;
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-events"] .article__contents-body tbody td:last-child,
[data-barba-namespace="single-events"] .article__contents-body tbody th:last-child {
  border-right: 1px solid #dddfeb;
}
[data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child td:first-child,
[data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child th:first-child {
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child td:first-child,
  [data-barba-namespace="single-events"]
    .article__contents-body
    tbody
    tr:last-child
    th:first-child {
    border-bottom-left-radius: 12px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child td:last-child,
[data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child th:last-child {
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child td:last-child,
  [data-barba-namespace="single-events"] .article__contents-body tbody tr:last-child th:last-child {
    border-bottom-right-radius: 12px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body blockquote,
[data-barba-namespace="single-events"] .article__contents-body q {
  position: relative;
  font-size: 15px;
  line-height: 1.66;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  border-radius: 7px;
  background-color: #e8f4fc;
  margin: 26px 0 36px;
  padding: 40px 24px 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body blockquote,
  [data-barba-namespace="single-events"] .article__contents-body q {
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.88;
    margin: 40px 0;
    padding: 62px 40px 36px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body blockquote:before,
[data-barba-namespace="single-events"] .article__contents-body q:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 16px;
  height: 11px;
  background-image: url(../svg/global/double-quote.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body blockquote:before,
  [data-barba-namespace="single-events"] .article__contents-body q:before {
    top: 30px;
    left: 40px;
    width: 26px;
    height: 18px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body blockquote cite,
[data-barba-namespace="single-events"] .article__contents-body q cite {
  display: block;
  font-size: 13px;
  line-height: 1.61;
  letter-spacing: 0.1em;
  color: #999;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body blockquote cite,
  [data-barba-namespace="single-events"] .article__contents-body q cite {
    font-size: 14px;
    line-height: 2.14;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body blockquote cite:last-child,
[data-barba-namespace="single-events"] .article__contents-body q cite:last-child {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body blockquote cite:last-child,
  [data-barba-namespace="single-events"] .article__contents-body q cite:last-child {
    margin: 14px 0 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body blockquote cite a,
[data-barba-namespace="single-events"] .article__contents-body q cite a {
  font-weight: 400;
  color: inherit;
}
[data-barba-namespace="single-events"]
  .article__contents-body
  blockquote
  cite
  a[target="_blank"]:after,
[data-barba-namespace="single-events"] .article__contents-body q cite a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-999999.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-events"] .article__contents-body ol,
[data-barba-namespace="single-events"] .article__contents-body ul {
  margin: 32px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ol,
  [data-barba-namespace="single-events"] .article__contents-body ul {
    margin: 42px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ol > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body ol > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ol > li > ul > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-events"] .article__contents-body ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-events"] .article__contents-body ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-events"] .article__contents-body ul > li > ul > li > ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ol > li > ol > li > ol > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ol > li > ol > li > ul > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ol > li > ul > li > ol > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ol > li > ul > li > ul > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ul > li > ol > li > ol > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ul > li > ol > li > ul > li:before,
  [data-barba-namespace="single-events"] .article__contents-body ul > li > ul > li > ol > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-events"]
    .article__contents-body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-events"]
  .article__contents-body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-events"] .article__contents-body ul > li {
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ul > li {
    padding-left: 28px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ul > li:before {
    top: 8.96px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 4px solid #0863c2;
  }
}
[data-barba-namespace="single-events"] .article__contents-body ol {
  counter-reset: ordered-list;
}
[data-barba-namespace="single-events"] .article__contents-body ol > li {
  counter-increment: ordered-list;
  padding-left: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ol > li {
    padding-left: 25px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body ol > li:before {
  content: counter(ordered-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body ol > li:before {
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-events"] .article__contents-body li {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body li {
    font-size: 18px;
    line-height: 1.44;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body li > ol,
[data-barba-namespace="single-events"] .article__contents-body li > ul {
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body li > ol,
  [data-barba-namespace="single-events"] .article__contents-body li > ul {
    margin: 14px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
  padding-left: 28px;
  margin: 32px 0 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .question {
    font-size: 24px;
    line-height: 1.5;
    padding-left: 50px;
    margin: 64px 0 26px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.5px;
  height: 22.5px;
  background-image: url(../svg/global/interview.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .question:before {
    top: -2px;
    width: 38px;
    height: 38px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .answerer {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #3fc7e3;
  margin: 12px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .answerer {
    font-size: 22px;
    line-height: 1.54;
    margin: 24px 0 16px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .pdf-link {
  padding: 24px 22px 30px;
  border-radius: 7px;
  background-color: #d9edfc;
  margin: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link {
    padding: 40px 60px 50px;
    margin: 50px 0;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .pdf-link h2,
[data-barba-namespace="single-events"] .article__contents-body .pdf-link h3,
[data-barba-namespace="single-events"] .article__contents-body .pdf-link h4,
[data-barba-namespace="single-events"] .article__contents-body .pdf-link h5,
[data-barba-namespace="single-events"] .article__contents-body .pdf-link h6,
[data-barba-namespace="single-events"] .article__contents-body .pdf-link p {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link h2,
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link h3,
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link h4,
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link h5,
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link h6,
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link p {
    font-size: 24px;
    line-height: 1.79;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .pdf-link a {
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0863c2;
  background-color: #fff;
  border: 2px solid #0863c2;
  margin-top: 20px;
  border-radius: 20px;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link a {
    width: 360px;
    height: 64px;
    font-size: 18px;
    margin: 20px auto 0;
    border-radius: 32px;
  }
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link a:hover {
    opacity: 1;
    color: #fff;
    background-color: #0863c2;
  }
  [data-barba-namespace="single-events"]
    .article__contents-body
    .pdf-link
    a:hover
    .pdf-link__icon-arrow {
    transform: translateX(5px);
  }
}
[data-barba-namespace="single-events"] .article__contents-body .pdf-link__icon-pdf {
  display: block;
  width: 17px;
  height: 19px;
  margin: 0 11px 0 -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link__icon-pdf {
    width: 25px;
    height: 28px;
    margin: 0 15px 0 -20px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body .pdf-link__icon-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4.5px;
  display: block;
  width: 13px;
  height: 9px;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-body .pdf-link__icon-arrow {
    right: 21px;
    margin-top: -6.5px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-events"] .article__contents-body > a:first-child,
[data-barba-namespace="single-events"] .article__contents-body > blockquote:first-child,
[data-barba-namespace="single-events"] .article__contents-body > dl:first-child,
[data-barba-namespace="single-events"] .article__contents-body > h2:first-child,
[data-barba-namespace="single-events"] .article__contents-body > h3:first-child,
[data-barba-namespace="single-events"] .article__contents-body > h4:first-child,
[data-barba-namespace="single-events"] .article__contents-body > img:first-child,
[data-barba-namespace="single-events"] .article__contents-body > ol:first-child,
[data-barba-namespace="single-events"] .article__contents-body > p:first-child,
[data-barba-namespace="single-events"] .article__contents-body > q:first-child,
[data-barba-namespace="single-events"] .article__contents-body > table:first-child,
[data-barba-namespace="single-events"] .article__contents-body > ul:first-child {
  margin-top: 0;
}
[data-barba-namespace="single-events"] .article__contents-body > a:last-child,
[data-barba-namespace="single-events"] .article__contents-body > blockquote:last-child,
[data-barba-namespace="single-events"] .article__contents-body > dl:last-child,
[data-barba-namespace="single-events"] .article__contents-body > h2:last-child,
[data-barba-namespace="single-events"] .article__contents-body > h3:last-child,
[data-barba-namespace="single-events"] .article__contents-body > h4:last-child,
[data-barba-namespace="single-events"] .article__contents-body > img:last-child,
[data-barba-namespace="single-events"] .article__contents-body > ol:last-child,
[data-barba-namespace="single-events"] .article__contents-body > p:last-child,
[data-barba-namespace="single-events"] .article__contents-body > q:last-child,
[data-barba-namespace="single-events"] .article__contents-body > table:last-child,
[data-barba-namespace="single-events"] .article__contents-body > ul:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="single-events"] .article__contents-body p {
  font-weight: 400;
}
[data-barba-namespace="single-events"] .article__contents-data-list {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-list {
    margin-top: 80px;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-item {
  display: flex;
}
[data-barba-namespace="single-events"] .article__contents-data-item:nth-child(2n) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-events"] .article__contents-data-item:nth-child(odd) {
  background-color: #fff;
}
[data-barba-namespace="single-events"] .article__contents-data-item:first-child {
  border-top: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-item:first-child {
    border-top: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-item:last-child {
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-item:last-child {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-label {
  padding: 15px 16px;
  flex: 0 0 80px;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #004ea2;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-label {
    padding: 31px 38px;
    flex: 0 0 180px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1.6px;
    border-right: 2px dotted #004ea2;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-body {
  padding: 15px 0 15px 36px;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-body {
    padding: 30px 50px;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-body a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .article__contents-data-body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-events"] .article__contents-data-body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-events"] .event__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 310px;
  padding: 20px;
  border-radius: 80px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.84px;
  line-height: 1.3;
  text-align: left;
  border: 2px solid #f97a14;
  color: #fff;
  background-color: #f97a14;
  transition: color 0.3s, background-color 0.3s;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .event__link {
    max-width: 520px;
    width: 520px;
    height: 70px;
    padding: 0;
    border-radius: 35px;
    font-size: 20px;
    letter-spacing: 1.8px;
    text-align: center;
    margin: 60px auto 0;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-events"] .event__link:hover {
    color: #f97a14;
    background-color: #fff;
  }
  [data-barba-namespace="single-events"] .event__link:hover .introduction__document-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-events"] .event__link-sub-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 24px;
  height: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-events"] .event__link-sub-icon {
    right: 16px;
    width: 20px;
    height: 16px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="page-qa"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-qa"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-qa"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-qa"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-qa"] .question {
  background: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question {
    background-color: #dee7f8;
    background-size: 37px 37px;
    background-repeat: repeat;
    background-image: url(../images/global/gray-border.png);
  }
}
[data-barba-namespace="page-qa"] .question__container {
  max-width: 1184px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__container {
    padding-top: 60px;
  }
}
[data-barba-namespace="page-qa"] .accordion-title {
  display: block;
  text-align: center;
  color: #2d2d2e;
  font-size: 21px;
  font-weight: 700;
  padding-bottom: 22px;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 34px;
    letter-spacing: 0.07em;
    padding-bottom: 29px;
  }
}
[data-barba-namespace="page-qa"] .accordion-title__svg {
  margin: 0 auto 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title__svg {
    margin: 0 12px 0 0;
  }
}
[data-barba-namespace="page-qa"] .accordion-title__svg.school {
  width: 49px;
  height: 32px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title__svg.school {
    width: 52px;
    height: 46px;
  }
}
[data-barba-namespace="page-qa"] .accordion-title__svg.primary {
  width: 32px;
  height: 36px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title__svg.primary {
    width: 44px;
    height: 39px;
  }
}
[data-barba-namespace="page-qa"] .accordion-title__svg.middle {
  width: 24px;
  height: 29px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title__svg.middle {
    width: 35px;
    height: 44px;
    margin-right: 18px;
  }
}
[data-barba-namespace="page-qa"] .accordion-title__svg.high {
  width: 32px;
  height: 38px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion-title__svg.high {
    width: 42px;
    height: 42px;
    margin-right: 19px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .anchor-link {
    margin-top: 60px;
  }
}
[data-barba-namespace="page-qa"] .question__body {
  padding: 14px 0 40px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__body {
    padding: 0 0 50px;
    margin: -10px 0 0;
  }
}
[data-barba-namespace="page-qa"] .accordion {
  background: #fff;
  border-radius: 0;
  margin-top: 0;
  padding: 18px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .accordion {
    border-radius: 14px;
    max-width: 100%;
    flex: 0 0 100%;
    box-shadow: 20px 20px 0 0 rgba(185, 203, 237, 0.51);
    padding: 67px 77px;
    margin-bottom: 12px;
  }
  [data-barba-namespace="page-qa"] .accordion.high {
    padding: 73px 80px;
  }
}
[data-barba-namespace="page-qa"] .question__link-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 77px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-wrapper {
    height: 93px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-qa"] .question__link-wrapper:after,
[data-barba-namespace="page-qa"] .question__link-wrapper:before {
  content: "";
  display: block;
  flex: 1 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-wrapper:after,
  [data-barba-namespace="page-qa"] .question__link-wrapper:before {
    content: none;
  }
}
[data-barba-namespace="page-qa"] .question__link-list {
  flex: 0 0 auto;
  display: flex;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-list {
    justify-content: stretch;
    flex: 0 0 1184px;
  }
}
[data-barba-namespace="page-qa"] .question__link-item {
  flex: 0 0 auto;
  min-width: 124px;
  height: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-item {
    flex: auto 1 0;
    min-width: 266px;
    height: 82px;
  }
}
[data-barba-namespace="page-qa"] .question__link-item:first-child .question__link-body {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-item:first-child .question__link-body {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
  }
}
[data-barba-namespace="page-qa"] .question__link-item:last-child .question__link-body {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-item:last-child .question__link-body {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
}
[data-barba-namespace="page-qa"] .question__link-item:not(:first-child) {
  border-left: 1px solid #e0e8f8;
}
[data-barba-namespace="page-qa"] .question__link-item:not(:last-child) {
  border-right: 1px solid #e0e8f8;
}
[data-barba-namespace="page-qa"] .question__link-body {
  position: relative;
  display: block;
  height: 100%;
  padding: 8.5px 28px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.96px;
  text-align: center;
  color: #0863c2;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-body {
    padding: 23px 42px 0;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 2px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-qa"] .question__link-body:hover {
    background-color: #0863c2;
    color: #fff;
  }
  [data-barba-namespace="page-qa"] .question__link-body:hover:after {
    border-color: #0863c2 transparent transparent;
    opacity: 1;
  }
}
[data-barba-namespace="page-qa"] .question__link-body:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  opacity: 0;
  transition: opacity 0.3s, border-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-body:after {
    bottom: -11px;
    border-width: 11px 11px 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
[data-barba-namespace="page-qa"] .question__link-main-icon {
  margin: 0 auto 6px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 27.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-main-icon {
    margin: 0 14px 0 0;
    height: 32px;
  }
}
[data-barba-namespace="page-qa"] .question__link-main-icon-body--school-building {
  width: 31px;
  height: 27.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-main-icon-body--school-building {
    width: 36px;
    height: 32px;
  }
}
[data-barba-namespace="page-qa"] .question__link-main-icon-body--school-bag {
  width: 21px;
  height: 18.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-main-icon-body--school-bag {
    width: 29px;
    height: 26px;
  }
}
[data-barba-namespace="page-qa"] .question__link-main-icon-body--backpack {
  width: 15.5px;
  height: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-main-icon-body--backpack {
    width: 23px;
    height: 28px;
  }
}
[data-barba-namespace="page-qa"] .question__link-main-icon-body--shoulder-bag {
  width: 19px;
  height: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-qa"] .question__link-main-icon-body--shoulder-bag {
    width: 27px;
    height: 27px;
  }
}
[data-barba-namespace="archive-school-area"] .map,
[data-barba-namespace="page-entry"] .map {
  position: relative;
  padding: 20px 0 0;
  background-size: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map,
  [data-barba-namespace="page-entry"] .map {
    padding: 0;
  }
}
[data-barba-namespace="archive-school-area"] .map .map__decoration-0,
[data-barba-namespace="archive-school-area"] .map .map__decoration-1,
[data-barba-namespace="archive-school-area"] .map .map__decoration-2,
[data-barba-namespace="archive-school-area"] .map .map__wrapper,
[data-barba-namespace="page-entry"] .map .map__decoration-0,
[data-barba-namespace="page-entry"] .map .map__decoration-1,
[data-barba-namespace="page-entry"] .map .map__decoration-2,
[data-barba-namespace="page-entry"] .map .map__wrapper {
  display: none;
}
[data-barba-namespace="archive-school-area"] .map.is-active,
[data-barba-namespace="page-entry"] .map.is-active {
  padding: 30px 28px 44px;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map.is-active,
  [data-barba-namespace="page-entry"] .map.is-active {
    padding: 90px 128px 80px;
  }
}
[data-barba-namespace="archive-school-area"] .map.is-active .map__decoration-0,
[data-barba-namespace="archive-school-area"] .map.is-active .map__decoration-1,
[data-barba-namespace="archive-school-area"] .map.is-active .map__decoration-2,
[data-barba-namespace="archive-school-area"] .map.is-active .map__wrapper,
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-0,
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-1,
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-2,
[data-barba-namespace="page-entry"] .map.is-active .map__wrapper {
  display: block;
}
[data-barba-namespace="archive-school-area"] .map__wrapper,
[data-barba-namespace="page-entry"] .map__wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 360px;
  border: 2px solid #333;
  border-radius: 6px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map__wrapper,
  [data-barba-namespace="page-entry"] .map__wrapper {
    height: 485px;
    border: 4px solid #333;
    border-radius: 14px;
  }
}
[data-barba-namespace="archive-school-area"] .map__body,
[data-barba-namespace="page-entry"] .map__body {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="archive-school-area"] .map__decoration-0,
[data-barba-namespace="page-entry"] .map__decoration-0 {
  position: absolute;
  bottom: -6px;
  left: 92px;
  z-index: 2;
  width: 82px;
  height: 99px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map__decoration-0,
  [data-barba-namespace="page-entry"] .map__decoration-0 {
    width: 165px;
    height: 198px;
    bottom: 0;
    left: 323px;
  }
}
[data-barba-namespace="archive-school-area"] .map__decoration-1,
[data-barba-namespace="page-entry"] .map__decoration-1 {
  position: absolute;
  top: -38px;
  right: -12px;
  width: 75px;
  height: 66px;
  color: #d5f3f9;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map__decoration-1,
  [data-barba-namespace="page-entry"] .map__decoration-1 {
    top: 0;
    right: 0;
    width: 133px;
    height: 118px;
  }
}
[data-barba-namespace="archive-school-area"] .map__decoration-2,
[data-barba-namespace="page-entry"] .map__decoration-2 {
  position: absolute;
  bottom: 20px;
  left: 3px;
  width: 75px;
  height: 66px;
  color: #d5f3f9;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .map__decoration-2,
  [data-barba-namespace="page-entry"] .map__decoration-2 {
    bottom: 0;
    left: 0;
    width: 133px;
    height: 118px;
  }
}
[data-barba-namespace="archive-school-area"] .page-heading {
  position: relative;
  height: 110px;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .page-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    padding: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="archive-school-area"] .page-heading__bg-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="archive-school-area"] .page-heading__bg-image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="archive-school-area"] .page-heading__text {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.56px;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .page-heading__text {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 2.88px;
  }
}
[data-barba-namespace="archive-school-area"] .page-heading__copy-image-body {
  position: relative;
  z-index: 1;
  margin: 8px auto 0;
  width: 300px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .page-heading__copy-image-body {
    position: absolute;
    top: -64px;
    right: -115px;
    margin: 0;
    width: 117px;
    height: 118px;
  }
}
[data-barba-namespace="archive-school-area"] .page-heading__decoration-bg-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .page-heading__decoration-bg-image {
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% + 46px);
    width: 166px;
    height: 83px;
    opacity: 0;
    transform: translate(392px, 30%) scale(1.5, 0.5);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
  [data-barba-namespace="archive-school-area"] .page-heading__decoration-bg-image.is-active {
    opacity: 1;
    transform: translate(392px) scale(1);
  }
}
[data-barba-namespace="archive-school-area"] .page-heading__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .page-heading__decoration-text-image {
    display: block;
    position: absolute;
    bottom: 93px;
    left: 50%;
    width: 249px;
    height: 20px;
    opacity: 0;
    transform: translate(392px, 30%) scale(1.5, 0.5);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
  [data-barba-namespace="archive-school-area"] .page-heading__decoration-text-image.is-active {
    opacity: 1;
    transform: translate(392px) scale(1);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures,
  [data-barba-namespace="page-entry"] .prefectures {
    padding: 72px 0 10px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__link-list,
[data-barba-namespace="page-entry"] .prefectures__link-list {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__link-list,
  [data-barba-namespace="page-entry"] .prefectures__link-list {
    display: flex;
    justify-content: center;
    margin: 0 -22px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__link-item,
  [data-barba-namespace="page-entry"] .prefectures__link-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 365px;
    height: 70px;
    margin: 0 22px;
    border-radius: 35px;
    border: solid #2b2d2e;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #fff;
    background-color: #2b2d2e;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .prefectures__link-item .prefectures__link-icon,
  [data-barba-namespace="page-entry"] .prefectures__link-item .prefectures__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="archive-school-area"]
    .prefectures__link-item.barba-active
    .prefectures__link-icon,
  [data-barba-namespace="page-entry"] .prefectures__link-item.barba-active .prefectures__link-icon {
    display: none;
  }
  [data-barba-namespace="archive-school-area"] .prefectures__link-item.barba-active,
  [data-barba-namespace="archive-school-area"] .prefectures__link-item:hover,
  [data-barba-namespace="page-entry"] .prefectures__link-item.barba-active,
  [data-barba-namespace="page-entry"] .prefectures__link-item:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="archive-school-area"]
    .prefectures__link-item.barba-active
    .prefectures__link-icon,
  [data-barba-namespace="archive-school-area"]
    .prefectures__link-item:hover
    .prefectures__link-icon,
  [data-barba-namespace="page-entry"] .prefectures__link-item.barba-active .prefectures__link-icon,
  [data-barba-namespace="page-entry"] .prefectures__link-item:hover .prefectures__link-icon {
    transform: translate(5px, -50%);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__link-icon,
  [data-barba-namespace="page-entry"] .prefectures__link-icon {
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 20px;
    height: 13px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__section,
  [data-barba-namespace="page-entry"] .prefectures__section {
    position: relative;
    margin: 70px auto;
    width: 1184px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__header,
[data-barba-namespace="page-entry"] .prefectures__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px calc(50% - 157.5px) 15px calc(50% - 167.5px);
  border-bottom: 2px solid #0863c2;
  background-color: #d3ebfe;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__header,
  [data-barba-namespace="page-entry"] .prefectures__header {
    position: relative;
    height: 78px;
    padding: 0 58px;
    border-bottom: none;
  }
  [data-barba-namespace="archive-school-area"] .prefectures__header:after,
  [data-barba-namespace="page-entry"] .prefectures__header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #0863c2;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__header .prefectures__header-icon--plus,
[data-barba-namespace="page-entry"] .prefectures__header .prefectures__header-icon--plus {
  display: flex;
}
[data-barba-namespace="archive-school-area"] .prefectures__header .prefectures__header-icon--minus,
[data-barba-namespace="page-entry"] .prefectures__header .prefectures__header-icon--minus {
  display: none;
}
[data-barba-namespace="archive-school-area"] .prefectures__header ~ .prefectures__grades,
[data-barba-namespace="page-entry"] .prefectures__header ~ .prefectures__grades {
  transition: padding 0.3s, opacity 0.3s, visibility 0.3s;
  padding: 0 calc(50% - 157.5px);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__header ~ .prefectures__grades,
  [data-barba-namespace="page-entry"] .prefectures__header ~ .prefectures__grades {
    display: flex;
    margin: 32px 0;
    padding: 0 58px;
    opacity: 1;
    visibility: visible;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-heading,
[data-barba-namespace="page-entry"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-heading {
  display: flex;
  transition: height 0.3s, margin 0.3s;
  height: 0;
  margin: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-heading,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-heading {
    height: auto;
    position: relative;
    flex: 0 0 160px;
    align-items: center;
  }
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-heading:after,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-heading:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 90%;
    background-color: #2d2d2d;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-list,
[data-barba-namespace="page-entry"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-list {
  display: flex;
  flex-wrap: wrap;
  transition: margin 0.3s;
  margin: 0 -15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-list,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-list {
    flex: 1 1 auto;
    margin: 0 -33px 0 0;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-item,
[data-barba-namespace="page-entry"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-item {
  transition: margin 0.3s;
  margin: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-item,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-item {
    margin: 7px 33px;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-link,
[data-barba-namespace="page-entry"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-link {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.84px;
  color: #0863c2;
  text-decoration: underline;
  transition: line-height 0.3s, opacity 0.3s;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link {
    font-size: 16px;
    letter-spacing: 0.96px;
    line-height: 22px;
  }
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link:hover,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-link[target="_blank"]:after,
[data-barba-namespace="page-entry"]
  .prefectures__header
  ~ .prefectures__grades
  .prefectures__grades-link[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
  height: 0;
  background-size: 100% 0.681em;
  vertical-align: top;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link[target="_blank"]:after,
  [data-barba-namespace="page-entry"]
    .prefectures__header
    ~ .prefectures__grades
    .prefectures__grades-link[target="_blank"]:after {
    height: 18px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__header ~ .prefectures__section-link,
[data-barba-namespace="page-entry"] .prefectures__header ~ .prefectures__section-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
  transition: height 0.3s, margin 0.3s, border-width 0.3s, opacity 0.3s, visibility 0.3s;
  height: 0;
  margin: 0 auto;
  border: 0 solid #2b2d2e;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__header ~ .prefectures__section-link,
  [data-barba-namespace="page-entry"] .prefectures__header ~ .prefectures__section-link {
    display: none;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  .prefectures__header-icon--plus,
[data-barba-namespace="page-entry"] .prefectures__header.is-active .prefectures__header-icon--plus {
  display: none;
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  .prefectures__header-icon--minus,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  .prefectures__header-icon--minus {
  display: flex;
}
[data-barba-namespace="archive-school-area"] .prefectures__header.is-active ~ .prefectures__grades,
[data-barba-namespace="page-entry"] .prefectures__header.is-active ~ .prefectures__grades {
  padding: 0 calc(50% - 157.5px);
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header.is-active
    ~ .prefectures__grades,
  [data-barba-namespace="page-entry"] .prefectures__header.is-active ~ .prefectures__grades {
    padding: 0 58px;
    opacity: 1;
    visibility: visible;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-heading,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-heading {
  height: 20px;
  margin: 30px 0 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-heading,
  [data-barba-namespace="page-entry"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-heading {
    height: auto;
    margin: 0;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-list,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-list {
  margin: -10px -15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-list,
  [data-barba-namespace="page-entry"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-list {
    margin: 0 -33px 0 0;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-item,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-item {
  margin: 10px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-item,
  [data-barba-namespace="page-entry"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-item {
    margin: 7px 33px;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-link,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-link {
  line-height: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-link,
  [data-barba-namespace="page-entry"]
    .prefectures__header.is-active
    ~ .prefectures__grades
    .prefectures__grades-link {
    line-height: 22px;
  }
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-link[target="_blank"]:after,
[data-barba-namespace="page-entry"]
  .prefectures__header.is-active
  ~ .prefectures__grades
  .prefectures__grades-link[target="_blank"]:after {
  height: 18px;
}
[data-barba-namespace="archive-school-area"]
  .prefectures__header.is-active
  ~ .prefectures__section-link,
[data-barba-namespace="page-entry"] .prefectures__header.is-active ~ .prefectures__section-link {
  height: 40px;
  margin: 30px auto;
  border-width: 1px;
  opacity: 1;
  visibility: visible;
}
[data-barba-namespace="archive-school-area"] .prefectures__heading,
[data-barba-namespace="page-entry"] .prefectures__heading {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.52px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__heading,
  [data-barba-namespace="page-entry"] .prefectures__heading {
    font-size: 30px;
    line-height: 34.5px;
    letter-spacing: 3.6px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__header-circle,
[data-barba-namespace="page-entry"] .prefectures__header-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 24px;
  height: 24px;
  margin-left: 18px;
  background-color: #0863c2;
  border-radius: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__header-circle,
  [data-barba-namespace="page-entry"] .prefectures__header-circle {
    display: none;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__header-icon,
[data-barba-namespace="page-entry"] .prefectures__header-icon {
  width: 12px;
  height: 12px;
  color: #fff;
}
[data-barba-namespace="archive-school-area"] .prefectures__grades-heading-body,
[data-barba-namespace="page-entry"] .prefectures__grades-heading-body {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  background-color: #0863c2;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__grades-heading-body,
  [data-barba-namespace="page-entry"] .prefectures__grades-heading-body {
    padding: 0;
    font-size: 16px;
    letter-spacing: 0.96px;
    background-color: transparent;
    color: #2d2d2d;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__grades-list--narrow,
  [data-barba-namespace="page-entry"] .prefectures__grades-list--narrow {
    padding-right: 236px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image,
[data-barba-namespace="page-entry"] .prefectures__decoration-bg-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image,
  [data-barba-namespace="page-entry"] .prefectures__decoration-bg-image {
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateX(30px);
  }
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image.is-active,
  [data-barba-namespace="page-entry"] .prefectures__decoration-bg-image.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateX(0);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image--saitama,
  [data-barba-namespace="page-entry"] .prefectures__decoration-bg-image--saitama {
    bottom: -45px;
    right: 168px;
    width: 136px;
    height: 129px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image--gunma,
  [data-barba-namespace="page-entry"] .prefectures__decoration-bg-image--gunma {
    bottom: -46px;
    right: -101px;
    width: 329px;
    height: 105px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-bg-image--tochigi,
  [data-barba-namespace="page-entry"] .prefectures__decoration-bg-image--tochigi {
    bottom: -80px;
    right: 135px;
    width: 137px;
    height: 140px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image,
[data-barba-namespace="page-entry"] .prefectures__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image,
  [data-barba-namespace="page-entry"] .prefectures__decoration-text-image {
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateX(30px);
  }
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image.is-active,
  [data-barba-namespace="page-entry"] .prefectures__decoration-text-image.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateX(0);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image--saitama,
  [data-barba-namespace="page-entry"] .prefectures__decoration-text-image--saitama {
    bottom: -6px;
    right: 64px;
    width: 93px;
    height: 89px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image--gunma,
  [data-barba-namespace="page-entry"] .prefectures__decoration-text-image--gunma {
    bottom: 72px;
    right: 22px;
    width: 141px;
    height: 36px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .prefectures__decoration-text-image--tochigi,
  [data-barba-namespace="page-entry"] .prefectures__decoration-text-image--tochigi {
    bottom: 10px;
    right: 7px;
    width: 135px;
    height: 89px;
  }
}
[data-barba-namespace="archive-school-area"] .prefectures__section-link-icon,
[data-barba-namespace="page-entry"] .prefectures__section-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
[data-barba-namespace="archive-school-area"] .private-school {
  position: relative;
  margin: 30px 0;
  border-top: 45px solid #333;
  border-bottom: 2px solid #333;
  padding: 30px calc(50% - 157.5px) 35px;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school {
    width: 1184px;
    margin: 70px auto;
    border: 4px solid #333;
    border-top: 60px solid #333;
    padding: 50px 88px 60px;
    border-radius: 10px;
  }
}
[data-barba-namespace="archive-school-area"] .private-school:first-child {
  margin-top: 0;
}
[data-barba-namespace="archive-school-area"] .private-school:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="archive-school-area"] .private-school:before {
  content: attr(data-content);
  position: absolute;
  top: -45px;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  font-size: 16px;
  letter-spacing: 0.96px;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school:before {
    top: -60px;
    height: 60px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.44px;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__heading {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 2.16px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__heading-body {
    color: #2d2d2d;
    transition: color 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .private-school__heading-body:hover {
    color: #0863c2;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__body {
  margin-top: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__body {
    display: flex;
    align-items: flex-start;
    margin-top: 34px;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__image {
  display: block;
  width: 168px;
  margin: 0 auto 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__image {
    flex: 0 0 271px;
    margin: 0 65px 0 0;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .private-school__image:hover {
    opacity: 0.7;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__image-body {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-item {
    margin: 24px 0;
    display: flex;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-item:first-child {
    margin-top: 0;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-item:last-child {
    margin-bottom: 0;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-term {
  position: relative;
  padding-left: 13px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.4px;
  color: #2d2d2d;
  margin: 16px 0 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-term {
    padding: 0 16px;
    flex: 0 0 132px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;
    margin: 0;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-term:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 3px;
  height: 12px;
  background-color: #3fc7e3;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-term:before {
    top: 8px;
    width: 5px;
    height: 20px;
    border-radius: 2.5px;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc p {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.84px;
  color: #2d2d2d;
  margin: 11px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-desc p {
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.96px;
    margin: 20px 0;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-desc p:first-child {
    margin-top: 4px;
  }
  [data-barba-namespace="archive-school-area"]
    .private-school__data-desc
    p:first-child
    b:first-child,
  [data-barba-namespace="archive-school-area"]
    .private-school__data-desc
    p:first-child
    strong:first-child {
    margin-top: -4px;
    display: block;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-desc p:last-child {
    margin-bottom: 4px;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-desc p:last-child b:last-child,
  [data-barba-namespace="archive-school-area"]
    .private-school__data-desc
    p:last-child
    strong:last-child {
    margin-bottom: -4px;
    display: block;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .private-school__data-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc b,
[data-barba-namespace="archive-school-area"] .private-school__data-desc strong {
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-desc b,
  [data-barba-namespace="archive-school-area"] .private-school__data-desc strong {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc small {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__data-desc small {
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 0;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__data-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="archive-school-area"] .private-school__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 60px;
  margin: 30px auto 0;
  border-radius: 30px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 1.92px;
  text-align: center;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__link {
    width: 406px;
    height: 60px;
    margin: 42px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .private-school__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
}
[data-barba-namespace="archive-school-area"] .private-school__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 10.1383647799px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .private-school__link-icon {
    right: 28px;
    width: 14px;
    height: 10.9182389937px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school {
  margin: 30px 0;
  padding: 30px calc(50% - 157.5px) 35px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school {
    width: 1184px;
    margin: 70px auto;
    padding: 34px 58px 50px;
    border-radius: 10px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school:first-child {
  margin-top: 0;
}
[data-barba-namespace="archive-school-area"] .regular-school:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"]
    .regular-school__heading
    .regular-school__heading-body {
    color: #2d2d2d;
    transition: color 0.3s;
  }
  [data-barba-namespace="archive-school-area"]
    .regular-school__heading:hover
    .regular-school__heading-body {
    color: #0863c2;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__heading-body {
  position: relative;
  padding-left: 34px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.44px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__heading-body {
    flex: 1 1 auto;
    padding: 0 50px 0 56px;
    font-size: 40px;
    line-height: 64px;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__heading-icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 25px;
  color: #f97a14;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__heading-icon {
    top: 10px;
    left: 0;
    width: 32px;
    height: 41px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__body {
  margin-top: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__body {
    display: flex;
    align-items: flex-start;
    margin-top: 34px;
    padding: 0 42px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__image {
  display: block;
  width: 190px;
  margin: 0 auto 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__image {
    flex: 0 0 382px;
    margin: 0 52px 0 0;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__image:hover {
    opacity: 0.7;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__image-body {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-item {
    margin: 24px 0;
    display: flex;
    align-items: flex-start;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-item:first-child {
    margin-top: 0;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-item:last-child {
    margin-bottom: 0;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-term {
  position: relative;
  padding-left: 13px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.4px;
  color: #2d2d2d;
  margin: 16px 0 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-term {
    padding: 0 16px;
    flex: 0 0 132px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;
    margin: 0;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-term:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 3px;
  height: 12px;
  border-radius: 1.5px;
  background-color: #3fc7e3;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-term:before {
    top: 8px;
    width: 5px;
    height: 20px;
    border-radius: 2.5px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.84px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc {
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.96px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc p {
  margin: 11px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc p {
    margin: 20px 0;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc p:first-child {
    margin-top: 4px;
  }
  [data-barba-namespace="archive-school-area"]
    .regular-school__data-desc
    p:first-child
    b:first-child,
  [data-barba-namespace="archive-school-area"]
    .regular-school__data-desc
    p:first-child
    strong:first-child {
    margin-top: -4px;
    display: block;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc p:last-child {
    margin-bottom: 4px;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc p:last-child b:last-child,
  [data-barba-namespace="archive-school-area"]
    .regular-school__data-desc
    p:last-child
    strong:last-child {
    margin-bottom: -4px;
    display: block;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc b,
[data-barba-namespace="archive-school-area"] .regular-school__data-desc strong {
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc b,
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc strong {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc small {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__data-desc small {
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 0;
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__data-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="archive-school-area"] .regular-school__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 30px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__link {
    width: 560px;
    height: 80px;
    margin: 50px auto 0;
    border-radius: 40px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__link .regular-school__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .regular-school__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="archive-school-area"]
    .regular-school__link:hover
    .regular-school__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="archive-school-area"] .regular-school__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .regular-school__link-icon {
    right: 28px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="archive-school-area"] .schools {
  padding: 40px 0;
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools {
    padding: 100px 0;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading {
  position: relative;
  margin: 50px 0 40px;
  padding: 0 calc(50% - 163.5px);
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading {
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 1184px;
    height: 140px;
    padding: 0 60px;
    border-radius: 10px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading:first-child {
  margin-top: 0;
}
[data-barba-namespace="archive-school-area"] .schools__heading:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="archive-school-area"]
  .schools__heading.is-active
  .schools__heading-decoration-bg-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="archive-school-area"]
  .schools__heading.is-active
  .schools__heading-decoration-text-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="archive-school-area"] .schools__heading-category {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding: 0 12px;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: 0.84px;
  color: #0863c2;
  background-color: #fff;
  margin-right: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-category {
    height: 71px;
    padding: 0 25px;
    border-radius: 10px;
    font-size: 24px;
    letter-spacing: 1.44px;
    margin-right: 40px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-body {
  display: flex;
  align-items: center;
  height: 84px;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #fcfbfa;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-body {
    height: auto;
    font-size: 40px;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image {
  position: absolute;
  bottom: -40px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image {
    bottom: -70px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--saitama {
  width: 70px;
  height: 80px;
  left: calc(50% + 109px);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--saitama {
    width: 215px;
    height: 244px;
    left: auto;
    right: 218px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--gunma {
  width: 70px;
  height: 83px;
  left: calc(50% + 118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--gunma {
    width: 186px;
    height: 221px;
    left: auto;
    right: 220px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--tochigi {
  width: 70px;
  height: 73px;
  left: calc(50% + 119px);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-bg-image--tochigi {
    width: 213px;
    height: 225px;
    left: auto;
    right: 210px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image {
  position: absolute;
  bottom: -35px;
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: left bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image {
    bottom: -12px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--saitama {
  left: calc(50% - 55px);
  width: 186px;
  height: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--saitama {
    left: auto;
    right: -53px;
    width: 267px;
    height: 127px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--gunma {
  left: calc(50% - 24px);
  width: 155px;
  height: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--gunma {
    left: auto;
    right: -53px;
    width: 267px;
    height: 127px;
  }
}
[data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--tochigi {
  left: calc(50% - 55px);
  width: 186px;
  height: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .schools__heading-decoration-text-image--tochigi {
    left: auto;
    right: -53px;
    width: 267px;
    height: 127px;
  }
}
[data-barba-namespace="archive-school-area"] .tab,
[data-barba-namespace="page-entry"] .tab {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0 -7px;
  padding: 25px calc(50% - 153.5px) 0 calc(50% - 161.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .tab,
  [data-barba-namespace="page-entry"] .tab {
    justify-content: center;
    margin: 0;
    padding: 105px 0 0;
  }
}
[data-barba-namespace="archive-school-area"] .tab:after,
[data-barba-namespace="page-entry"] .tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .tab:after,
  [data-barba-namespace="page-entry"] .tab:after {
    height: 6px;
  }
}
[data-barba-namespace="archive-school-area"] .tab__item,
[data-barba-namespace="page-entry"] .tab__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin: 0 7px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.8px;
  background-color: #f5f6fa;
  color: #333;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .tab__item,
  [data-barba-namespace="page-entry"] .tab__item {
    width: 570px;
    height: 100px;
    margin: 0 22px;
    font-size: 24px;
    letter-spacing: 2.88px;
    cursor: pointer;
    transition: color 0.3s;
  }
  [data-barba-namespace="archive-school-area"] .tab__item:hover,
  [data-barba-namespace="page-entry"] .tab__item:hover {
    color: rgba(51, 51, 51, 0.6);
  }
}
[data-barba-namespace="archive-school-area"] .tab__item.is-active,
[data-barba-namespace="page-entry"] .tab__item.is-active {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="archive-school-area"] .tab__item.is-active:hover,
[data-barba-namespace="page-entry"] .tab__item.is-active:hover {
  color: #fff;
}
[data-barba-namespace="archive-school-area"] .tab__decoration-0-body,
[data-barba-namespace="page-entry"] .tab__decoration-0-body {
  position: absolute;
  bottom: 2px;
  left: -29px;
  width: 57px;
  height: 48px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="archive-school-area"] .tab__decoration-0-body.is-active,
[data-barba-namespace="page-entry"] .tab__decoration-0-body.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .tab__decoration-0-body,
  [data-barba-namespace="page-entry"] .tab__decoration-0-body {
    bottom: 0;
    left: -62px;
    width: 207px;
    height: 174px;
  }
}
[data-barba-namespace="archive-school-area"] .tab__decoration-1-body,
[data-barba-namespace="page-entry"] .tab__decoration-1-body {
  position: absolute;
  bottom: 2px;
  right: -27px;
  width: 41px;
  height: 47px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="archive-school-area"] .tab__decoration-1-body.is-active,
[data-barba-namespace="page-entry"] .tab__decoration-1-body.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-school-area"] .tab__decoration-1-body,
  [data-barba-namespace="page-entry"] .tab__decoration-1-body {
    right: -22px;
    width: 148px;
    height: 172px;
  }
}
[data-barba-namespace="page-company"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-company"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-company"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-company"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-company"] .company-banner__container {
  max-width: 1184px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
[data-barba-namespace="page-company"] .company {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-company"] .company-banner {
  background-color: #f5f6fa;
  padding: 45px 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner {
    position: relative;
    padding: 69px 0 55px;
    width: 100%;
    min-width: 1280px;
    margin-left: -640px;
    left: 50%;
  }
}
@media (min-width: 1280px) {
  [data-barba-namespace="page-company"] .company-banner {
    margin-left: 0;
    left: auto;
  }
}
[data-barba-namespace="page-company"] .company-banner__iamge-sp {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 39.3333333333%;
  margin-top: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__iamge-sp {
    display: none;
  }
}
[data-barba-namespace="page-company"] .company-banner__iamge-pc-1 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__iamge-pc-1 {
    position: absolute;
    top: 0;
    left: 52px;
    display: block;
    width: 370px;
    height: 342px;
  }
}
[data-barba-namespace="page-company"] .company-banner__iamge-pc-2 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__iamge-pc-2 {
    position: absolute;
    bottom: 0;
    right: -123.2px;
    display: block;
    width: 472px;
    height: 296px;
    transition: width 0.15s, height 0.15s;
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-company"] .company-banner__iamge-pc-2 {
    right: -154px;
    width: 590px;
    height: 370px;
  }
}
[data-barba-namespace="page-company"] .company-banner__iamge-body {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-company"] .company-banner__content {
  text-align: center;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__content {
    padding: 0 20px;
  }
}
[data-barba-namespace="page-company"] .company-banner__content-title {
  margin: 0 auto 15px;
  font-size: 24px;
  font-weight: 700;
  color: #0863c2;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__content-title {
    margin: 0 auto 20px;
    font-size: 38px;
  }
}
[data-barba-namespace="page-company"] .company-banner__content-image {
  width: 283.5px;
  height: 104px;
  margin: 0 auto 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__content-image {
    width: 419px;
    height: 153px;
    margin: 0 auto 25px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading {
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 6px;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading {
    margin-bottom: 27px;
    padding-bottom: 8px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading:before {
  content: "";
  background-image: url(../images/views/page-guidance/dot-sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 262px;
  height: 8px;
  width: 100%;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading:before {
    background-image: url(../images/views/page-guidance/dot.png);
    max-width: 449px;
    height: 8px;
    top: -17px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading:after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #0863c2;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading:after {
    left: 50%;
    transform: translateX(-50%);
    width: 538px;
    height: 4px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading img {
  display: inline-block;
  max-width: 100%;
  width: 295px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading img {
    width: 506px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading.sub {
  padding-bottom: 4px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading.sub {
    padding-bottom: 7px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-company"] .company-banner__heading.sub:before {
  display: none;
}
[data-barba-namespace="page-company"] .company-banner__heading.sub img {
  width: 320px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__heading.sub img {
    width: auto;
  }
}
[data-barba-namespace="page-company"] .company-banner__content-text {
  color: #2e2c2c;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  text-align: left;
  z-index: 1;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company-banner__content-text {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.96px;
    text-align: center;
  }
}
[data-barba-namespace="page-company"] .company__inner {
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 10px 0 0 rgba(185, 203, 237, 0.4);
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__inner {
    border-radius: 20px;
    box-shadow: 14px 14px 0 0 rgba(185, 203, 237, 0.4);
  }
}
[data-barba-namespace="page-company"] .company__container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__container {
    padding: 85px 0 0;
  }
}
[data-barba-namespace="page-company"] .company__container.access-map {
  padding: 50px 0 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__container.access-map {
    padding: 82px 0 94px;
  }
}
[data-barba-namespace="page-company"] .company__header {
  background-color: #0863c2;
  text-align: center;
  padding: 14px 0;
  background-image: url(../images/global/blue-border.png);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__header {
    padding: 28px 0;
  }
}
[data-barba-namespace="page-company"] .company__header-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__header-title {
    font-size: 36px;
  }
}
[data-barba-namespace="page-company"] .company__content {
  padding: 30px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content {
    padding: 48px 61px;
  }
}
[data-barba-namespace="page-company"] .company__content-table {
  width: 100%;
}
[data-barba-namespace="page-company"] .company__content-table-row:nth-child(odd) {
  background-color: #f3f7fd;
}
[data-barba-namespace="page-company"] .company__content-table-row:nth-child(2n) {
  background-color: #fff;
}
[data-barba-namespace="page-company"] .company__content-table-heading {
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 1.04px;
  text-align: center;
  color: #0863c2;
  width: 85px;
  border-right: 1px dotted #0863c2;
  padding: 16px 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content-table-heading {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1.6px;
    width: 200px;
    border-right: 2px dotted #0863c2;
    padding: 23px 20px;
    vertical-align: middle;
  }
}
[data-barba-namespace="page-company"] .company__content-table-data {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1.12px;
  text-align: left;
  color: #2d2d2d;
  padding: 14px 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content-table-data {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1.6px;
    padding: 23px 48px;
  }
}
[data-barba-namespace="page-company"] .company__content-table-data-list {
  padding-left: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content-table-data-list {
    padding-left: 18px;
  }
}
[data-barba-namespace="page-company"]
  .company__content-table-data-list
  .company__content-table-data-list {
  padding-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"]
    .company__content-table-data-list
    .company__content-table-data-list {
    padding-left: 0;
  }
}
[data-barba-namespace="page-company"]
  .company__content-table-data-list
  .company__content-table-data-list
  .company__content-table-data-term:before {
  content: none;
}
[data-barba-namespace="page-company"] .company__content-table-data-term {
  position: relative;
  font-weight: 700;
}
[data-barba-namespace="page-company"] .company__content-table-data-term:not(:first-child) {
  margin-top: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content-table-data-term:not(:first-child) {
    margin-top: 18px;
  }
}
[data-barba-namespace="page-company"] .company__content-table-data-term:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -12px;
  display: block;
  width: 3px;
  height: 16px;
  font-weight: 700;
  border-radius: 1.5px;
  background-color: #35c5e2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .company__content-table-data-term:before {
    top: 6px;
    left: -18px;
    width: 5px;
    height: 20px;
    border-radius: 2.5px;
  }
}
[data-barba-namespace="page-company"] .access-map {
  padding: 12px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map {
    padding: 49px 61px;
  }
}
[data-barba-namespace="page-company"] .access-map__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 2px solid #edf1f7;
  padding-bottom: 28px;
  max-width: 375px;
  margin: 0 auto 10px;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item {
    max-width: 100%;
    padding-bottom: 50px;
    margin: 0 auto 50px;
  }
}
[data-barba-namespace="page-company"] .access-map__item:last-child {
  margin-bottom: 0;
  border: 0;
  padding-bottom: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item:last-child {
    padding: 0;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.5;
  margin-bottom: 14px;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc {
    line-height: 1.7;
    letter-spacing: 0.02em;
  }
  [data-barba-namespace="page-company"] .access-map__item-info-desc:last-child {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info iframe {
  border: 0;
  width: 452px;
  height: 153px;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info iframe {
    height: 452px;
    margin-top: 0;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-title {
  font-size: 17px;
  font-weight: 700;
  color: #333;
  position: relative;
  line-height: 1.5;
  padding-left: 27px;
  letter-spacing: 0.09em;
  margin-bottom: 12px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-title {
    font-size: 30px;
    padding-left: 37px;
    margin-bottom: 20px;
  }
}
[data-barba-namespace="page-company"]
  .access-map__item-info-title
  .access-map__item-info-title-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 25px;
  color: #f07a39;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"]
    .access-map__item-info-title
    .access-map__item-info-title-svg {
    top: 6px;
    width: 27px;
    height: 34px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc-heading {
  color: #2d2d2d;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1.12px;
  font-weight: 700;
  position: relative;
  display: block;
  padding-left: 13px;
  margin-right: 0;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc-heading {
    flex: none;
    margin-right: 29px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1.8px;
    padding-left: 15px;
  }
  [data-barba-namespace="page-company"] .access-map__item-info-desc-heading:before {
    top: 6px;
    height: 20px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc-heading:before {
  content: "";
  width: 3px;
  height: 16px;
  border-radius: 1.5px;
  background-color: #35c5e2;
  position: absolute;
  top: 3px;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc-heading:before {
    top: 4px;
    width: 5px;
    height: 20px;
    border-radius: 2.5px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc-info {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1.12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc-info {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.96px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc-info small {
  display: block;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.96px;
  margin-top: 6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc-info small {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.78px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-desc-info-link {
  color: #0863c2;
  text-decoration: underline;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1.12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-desc-info-link {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.96px;
  }
}
[data-barba-namespace="page-company"] .access-map__item-info-image {
  margin-bottom: 16px;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-company"] .access-map__item-info-image {
    max-width: 90%;
    margin-bottom: 24px;
  }
}
[data-barba-namespace="page-waseda_form"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-waseda_form"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-waseda_form"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-waseda_form"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
.page-template-page-wp-form-complete [data-barba-namespace="page-waseda_form"] .page-heading__text,
.page-template-page-wp-form-confirm [data-barba-namespace="page-waseda_form"] .page-heading__text,
.page-template-page-wp-form [data-barba-namespace="page-waseda_form"] .page-heading__text {
  text-align: center;
}
[data-barba-namespace="page-waseda_form"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form"] .contact-form {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-waseda_form"] .contact-form__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__container.wp-from {
  padding: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__container.wp-from {
    padding: 30px 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__wp-from-notice {
  margin: 0 auto 20px;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  width: 315px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__wp-from-notice {
    width: 100%;
    max-width: 1000px;
    font-size: 18px;
    margin: 0 auto 30px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg {
  border-radius: 0;
  border: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg {
    max-width: 1000px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-img1 {
  position: absolute;
  bottom: 6px;
  right: 50%;
  width: 70px;
  transform: translateX(156px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-img1 {
    bottom: -5px;
    right: 78px;
    width: 104px;
    transform: none;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-svg1 {
  position: absolute;
  right: 50%;
  width: 113px;
  transform: translateX(160px);
  bottom: 101px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-svg1 {
    width: 168px;
    bottom: 129px;
    right: 65px;
    transform: none;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-img2 {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 65px;
  transform: translateX(-146px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-img2 {
    bottom: -7px;
    left: 110px;
    width: 94px;
    transform: none;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-svg2 {
  position: absolute;
  left: 50%;
  width: 125px;
  transform: translateX(-173px);
  bottom: 96px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg .contact-form__bg-svg2 {
    width: 173px;
    bottom: 128px;
    left: 64px;
    transform: none;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg {
    border-radius: 14px;
    border: 6px solid #0863c2;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__bg:before {
    left: 63px;
    width: 180px;
    height: 236px;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__bg:after {
    right: 63px;
    width: 220px;
    height: 254px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg.confirm-form:after,
[data-barba-namespace="page-waseda_form"] .contact-form__bg.confirm-form:before {
  display: none;
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg.form-complete {
  overflow: inherit;
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg.form-complete:before {
  background-image: url(../images/views/page-waseda_form/complete-girl-sp.png);
  width: 139px;
  height: 146px;
  left: 6px;
  bottom: -30px;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg.form-complete:after {
  background-image: url(../images/views/page-waseda_form/complete-boy-sp.png);
  width: 101px;
  height: 206px;
  right: 0;
  bottom: -90px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg.form-complete:before {
    background-image: url(../images/views/page-waseda_form/complete-girl.png);
    width: 257px;
    height: 263px;
    left: -26px;
    bottom: -68px;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__bg.form-complete:after {
    background-image: url(../images/views/page-waseda_form/complete-boy.png);
    width: 306px;
    height: 292px;
    right: -68px;
    bottom: -97px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg-padding {
  padding: 19px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg-padding {
    padding: 34px 53px 0;
    max-width: inherit;
    margin: inherit;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg-padding.form-footer {
  padding: 0 0 145px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg-padding.form-footer {
    padding: 0 53px 70px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bg-padding.confirm-form-padding {
  padding: 0 0 39px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bg-padding.confirm-form-padding {
    padding: 0 0 61px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 315px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__heading {
    width: 100%;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading.form-complete-heading {
  justify-content: center;
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-steps {
    flex: none;
    max-width: none;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-span {
  width: 100%;
  height: 18px;
  background-color: #f5f6fa;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-right: 31px;
  margin-bottom: 7px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-span:before {
  content: "";
  background: url(../svg/views/page-waseda_form/step.svg);
  height: 100%;
  width: 8px;
  position: absolute;
  top: 0;
  right: -12px;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid #f5f6fa;
  position: absolute;
  z-index: 2;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-span {
    width: 103px;
    margin-bottom: 0;
    height: 36px;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-span:before {
    display: none;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-span:after {
    border-top: 18.4px solid transparent;
    border-bottom: 18.4px solid transparent;
    border-left: 15px solid #f5f6fa;
    right: -14px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-item {
  position: relative;
  margin-right: 0;
  flex: 0 0 33.3%;
  max-width: 33.3%;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:after,
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"]
    .contact-form__heading-item:last-child
    .contact-form__heading-span:after {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-item {
    margin-right: 51px;
    flex: none;
    max-width: none;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #2b2d2e;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-item:last-child {
    margin-right: 0;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-item:last-child:after {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item.is-active
  .contact-form__heading-link {
  color: #2d2d2b;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:before {
  display: none;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:after {
  border-left: 6px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"]
    .contact-form__heading-item.is-active
    .contact-form__heading-span:after {
    border-left: 15px solid #0863c2;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__heading-link {
  color: #999;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__heading-link {
    display: flex;
    font-size: 22px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__point {
  font-size: 9px;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__point {
    font-size: 20px;
    align-items: center;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__information {
  border-radius: 4px;
  background-color: #dee7f8;
  color: #2d2d2b;
  font-size: 16px;
  margin: 21px auto 35px;
  line-height: 22px;
  text-align: left;
  padding: 10px 21px;
  letter-spacing: 0;
  width: 315px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__information {
    text-align: center;
    padding: 3px 10px;
    margin: 27px auto 32px;
    font-size: 16px;
    width: 100%;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__information strong {
  color: #0863c2;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__information strong {
    color: #0863c2;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__information.confirm {
  background: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  margin: 21px auto 14px;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__information.confirm {
    display: block;
    text-align: right;
    font-size: 18px;
    margin: 17px auto 7px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__point-span {
  font-size: 16px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__lists {
  counter-reset: form-counter;
}
[data-barba-namespace="page-waseda_form"] .contact-form__header-title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
[data-barba-namespace="page-waseda_form"] .contact-form__header-title:before {
  counter-increment: form-counter;
  content: counter(form-counter);
  border-radius: 5px;
  background-color: #0863c2;
  display: inline-flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 700;
  width: 25px;
  height: 25px;
  margin-right: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__header-title {
    font-size: 20px;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__header-title:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin-right: 15px;
    border-radius: 8px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__header {
    margin-bottom: 26px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom {
  margin-top: 50px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom.confirm-form-footer {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom.confirm-form-footer {
    margin-top: 50px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-box {
  border-radius: 4px;
  background-color: #f2f2f2;
  padding: 23px calc(50% - 157.5px) 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-box {
    padding: 23px 34px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__notice {
  text-align: center;
  padding: 0 30px;
  line-height: 1.5;
}
[data-barba-namespace="page-waseda_form"] .contact-form__notice a {
  color: #0863c2;
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-heading {
  color: #2b2d2e;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-heading {
    letter-spacing: 0.07em;
    font-size: 18px;
    margin-bottom: 19px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.84px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc {
    font-size: 16px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc a,
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc strong {
  color: #0863c2;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-check-button {
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__bottom-check-button {
    margin-top: 60px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__bottom-button {
  margin: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
[data-barba-namespace="page-waseda_form"] .contact-form__confirm-button {
  transition: opacity 0.3s;
}
[data-barba-namespace="page-waseda_form"] .contact-form__confirm-button[disabled] {
  opacity: 0.6;
}
[data-barba-namespace="page-waseda_form"] .contact-form__confirm-radio {
  display: none;
}
[data-barba-namespace="page-waseda_form"] .contact-form-confirm-input-styled-3 {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form-confirm-input-styled-3 {
    margin-right: 100px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form-confirm__textarea.confirm-value,
  [data-barba-namespace="page-waseda_form"] .contact-form-confirm__value.input-styled-4 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form-confirm__bg-padding.form-footer {
    padding-bottom: 74px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form_dm_notice {
  margin-bottom: 10px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form_dm_notice {
    margin-bottom: 20px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form_dm_notice_image {
  background-image: url(../images/views/page-waseda_form/dm-sample.jpg);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 120px;
  background-size: contain;
  background-position: 50%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form_dm_notice_image {
    min-height: 300px;
    background-position: 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form"] .contact-form__field-wrapper.inline-field {
  display: inline-flex;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__input {
  border-radius: 2px;
  border: 1px solid #d93b1c;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__select {
  border-radius: 2px;
  border: 1px solid #d93b1c;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-wp-form {
  margin-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-wp-form {
    margin-left: 57px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__group {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__group.contact-form-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__group.contact-form-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__group.confirm-form-group {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__group.confirm-form-group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__status {
  color: #2d2d2b;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__status {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 16px;
    letter-spacing: 0.96px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__status.is-required {
  background-color: #d93b1c;
  color: #fff;
}
[data-barba-namespace="page-waseda_form"] .contact-form__label {
  color: #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__label {
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled {
  position: relative;
  width: 460px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  top: 20px;
  right: 22px;
  transform: rotate(135deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__styled:before {
    width: 8px;
    height: 8px;
    top: 21px;
    right: 25px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled:after {
  content: "";
  width: 23px;
  height: 23px;
  right: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 13px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__styled:after {
    right: 16px;
    width: 26px;
    height: 26px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-1 {
  width: 180px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-1 {
    margin-right: 20px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-2 {
  width: 200px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-2 {
    width: 240px;
  }
  [data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-2 + .contact-form__styled {
    width: 420px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-4 {
  width: 360px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.styled-5 {
  width: 300px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__styled.contact-form__bottom-margin {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__styled.contact-form__bottom-margin {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__select {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #2b2d2e;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 19px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__input {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 0 17px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    width: 460px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__input.input-styled-2 {
  width: 240px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__inform {
  color: #2d2d2b;
  display: block;
  font-size: 12px;
  letter-spacing: 0.72px;
  margin: 0 0 0 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__inform {
    flex: none;
    max-width: none;
    margin: 8px 0 0 8px;
    width: inherit;
    display: inline-block;
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__inform--only-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__inform--only-pc {
    display: inline-block;
  }
}
[data-barba-namespace="page-waseda_form"] .contact_form__label-wrapper {
  display: flex;
  align-items: center;
  height: 25px;
  margin-bottom: 13px;
}
[data-barba-namespace="page-waseda_form"] .contact_form__label-wrapper.confirm-label-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact_form__label-wrapper.confirm-label-wrapper {
    margin-bottom: 16px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form"] .contact-form__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__number:before {
    top: 50%;
    left: 20px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__number .contact-form__inform {
    margin-left: 25px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__number .input-styled-3 {
  width: 180px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__number .input-styled-3 {
    width: 190px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__label-radio {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  letter-spacing: 0.96px;
  margin-top: 14px;
  margin-right: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__label-radio {
    height: 24px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto;
  padding-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__label-radio.checkbox {
    margin: 29px auto 23px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__checkmark .contact-form-confirm__value {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form"] .contact-form__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 13px;
  height: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__checkmark:after {
    width: 10px;
    height: 10px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-waseda_form"] .contact-form__checkmark.checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
  -webkit-appearance: checkbox;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-waseda_form"] .mwform-checkbox-field {
  margin-right: 20px;
}
[data-barba-namespace="page-waseda_form"] .mwform-checkbox-field input {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 0;
  margin-top: 10px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
  -webkit-appearance: checkbox;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .mwform-checkbox-field input {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-waseda_form"] .mwform-checkbox-field input:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-waseda_form"]
  .mwform-checkbox-field.horizontal-item
  + .horizontal-item {
  margin-left: 0;
}
[data-barba-namespace="page-waseda_form"] .mwform-checkbox-field-text {
  font-size: 16px;
  display: inline-block;
  transform: translateY(-4px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .mwform-checkbox-field-text {
    font-size: 18px;
    transform: translateY(-5px);
    cursor: pointer;
  }
}
[data-barba-namespace="page-waseda_form"]
  .mwform-radio-field
  + .mwform-radio-field.mwform-radio-field {
  margin-left: 30px;
}
[data-barba-namespace="page-waseda_form"] .mwform-radio-field label {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
}
[data-barba-namespace="page-waseda_form"] .mwform-radio-field input {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .mwform-radio-field input {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form"]
  .mwform-radio-field
  input:checked
  + .mwform-radio-field-text:before {
  transform: translateY(-50%) scale(1);
}
[data-barba-namespace="page-waseda_form"] .mwform-radio-field .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0863c2;
  border-radius: 50%;
  transform-origin: center center;
  transition: transform 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .mwform-radio-field .mwform-radio-field-text:before {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .mwform-radio-field-text {
    font-size: 18px;
    letter-spacing: 1.08px;
    color: #2d2d2b;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[data-barba-namespace="page-waseda_form"] .contact-form__radio:checked ~ .contact-form__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark:after {
  display: block;
}
[data-barba-namespace="page-waseda_form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-waseda_form"] .contact-form__textarea {
  display: block;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 200px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 15px 18px;
  letter-spacing: 0.96px;
  line-height: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__textarea {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-waseda_form"] .contact-form__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__error {
  color: #d93b1c;
  font-size: 14px;
  flex: 0 0 100%;
  margin-top: 12px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__error:first-child {
  display: none;
}
[data-barba-namespace="page-waseda_form"] .contact-form__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__label-point.flex-between {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__label-point.flex-between {
    justify-content: space-between;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__fields {
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__fields {
    padding: 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__fields:nth-child(2) .contact-form__group {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"]
    .contact-form__fields:nth-child(2)
    .contact-form__group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 calc(50% - 157.5px) 50px;
  margin-top: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete {
    padding: 0 25px 50px;
    margin-top: 54px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-title {
  color: #2d2d2e;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  z-index: 1;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-title {
    font-size: 40px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-title:before {
  content: "";
  width: 100%;
  height: 8px;
  background-image: linear-gradient(0deg, #ffea06, rgba(255, 234, 6, 0.6));
  opacity: 0.8;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-title:before {
    height: 25px;
    bottom: -9px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-title:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/complete-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 52px;
  right: -64px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-title:after {
    width: 89px;
    height: 81px;
    right: -100px;
    background-image: url(../svg/views/page-waseda_form/complete-pc.svg);
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-content {
  color: #2d2d2e;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.96px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-content {
    line-height: 1.9;
    margin: 54px auto 0;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-content p {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-content p {
    margin-bottom: 33px;
  }
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-button {
  display: flex;
  justify-content: center;
  margin-top: 42px;
}
[data-barba-namespace="page-waseda_form"] .contact-form__complete-button .button {
  width: 181px;
  height: 30px;
  font-size: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .contact-form__complete-button .button {
    width: 360px;
    height: 64px;
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 80px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .button {
    width: 360px;
    height: 80px;
    border-radius: 40px;
    border: 2px solid #2b2d2e;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-waseda_form"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-waseda_form"] .button:hover:not([disabled]) {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-waseda_form"] .button:hover:not([disabled]) .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-waseda_form"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .button .button-link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-waseda_form"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .button.button-black:hover:not([disabled]) {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-waseda_form"] .button-contact {
  margin: 40px auto;
  height: 60px;
}
[data-barba-namespace="page-waseda_form"] .chatBot_box {
  position: fixed;
  z-index: 3;
  right: 0;
  bottom: 0;
  transform: translateY(-60px);
  width: 100%;
  height: auto;
  -webkit-animation: fadeIn_sp 1s ease;
  animation: fadeIn_sp 1s ease;
}
@-webkit-keyframes fadeIn_sp {
  0% {
    transform: translateY(102.5px);
  }
  to {
    transform: translateY(-60px);
  }
}
@keyframes fadeIn_sp {
  0% {
    transform: translateY(102.5px);
  }
  to {
    transform: translateY(-60px);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .chatBot_box {
    max-width: 420px;
    bottom: 0;
    transform: translateY(0);
    -webkit-animation: fadeIn_pc 1s ease;
    animation: fadeIn_pc 1s ease;
  }
  @-webkit-keyframes fadeIn_pc {
    0% {
      transform: translateY(147.5px);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes fadeIn_pc {
    0% {
      transform: translateY(147.5px);
    }
    to {
      transform: translateY(0);
    }
  }
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .hukidashi {
  width: 90px;
  height: auto;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0 0 0 auto;
  -webkit-animation: upDown 1.5s ease-in-out 1s infinite;
  animation: upDown 1.5s ease-in-out 1s infinite;
}
@-webkit-keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .hukidashi:hover {
  opacity: 0.7;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .chatBot_box .hukidashi {
    width: 150px;
  }
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .hukidashi img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .bar {
  width: 100%;
  height: 35px;
  background: #a939e7 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  transition: all 0.3s;
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .bar:hover {
  opacity: 0.7;
}
[data-barba-namespace="page-waseda_form"] .chatBot_box .bar p {
  width: 90%;
  height: auto;
  text-align: center;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .chatBot_box .bar p {
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form"] .decoration {
  position: relative;
  height: 116px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .decoration {
    width: 100%;
    height: 0;
  }
  [data-barba-namespace="page-waseda_form"] .decoration:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 80%;
    height: 6px;
    background-color: #0863c2;
  }
}
[data-barba-namespace="page-waseda_form"] .decoration .decoration__0-man,
[data-barba-namespace="page-waseda_form"] .decoration .decoration__0-text {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-waseda_form"] .decoration .decoration__0-text {
  transition-delay: 0.15s;
}
[data-barba-namespace="page-waseda_form"] .decoration .decoration__1-man,
[data-barba-namespace="page-waseda_form"] .decoration .decoration__1-text {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-waseda_form"] .decoration .decoration__1-text {
  transition-delay: 0.15s;
}
[data-barba-namespace="page-waseda_form"] .decoration.is-active .decoration__0-man,
[data-barba-namespace="page-waseda_form"] .decoration.is-active .decoration__0-text,
[data-barba-namespace="page-waseda_form"] .decoration.is-active .decoration__1-man,
[data-barba-namespace="page-waseda_form"] .decoration.is-active .decoration__1-text {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-waseda_form"] .decoration__0-man {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: 77px;
  width: 73px;
  height: 93px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .decoration__0-man {
    bottom: 0;
    margin-right: 296px;
    width: 110px;
    height: 137px;
  }
}
[data-barba-namespace="page-waseda_form"] .decoration__0-text {
  position: absolute;
  bottom: 106px;
  right: 50%;
  margin-right: 55px;
  width: 117px;
  height: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .decoration__0-text {
    bottom: 146px;
    margin-right: 264px;
    width: 173px;
    height: 23px;
  }
}
[data-barba-namespace="page-waseda_form"] .decoration__1-man {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 72px;
  width: 74px;
  height: 103px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .decoration__1-man {
    bottom: -6px;
    margin-left: 304px;
    width: 109px;
    height: 151px;
  }
}
[data-barba-namespace="page-waseda_form"] .decoration__1-text {
  position: absolute;
  bottom: 111px;
  left: 50%;
  margin-left: 49px;
  width: 118px;
  height: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form"] .decoration__1-text {
    bottom: 143px;
    margin-left: 274px;
    width: 167px;
    height: 23px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-waseda_form-confirm"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-waseda_form-confirm"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading__text {
  text-align: center;
}
[data-barba-namespace="page-waseda_form-confirm"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-confirm"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-confirm"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-confirm"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg {
  border-radius: 0;
  border: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg {
    max-width: 1000px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:before {
  content: "";
  background: url(../images/views/page-waseda_form/girl.png);
  background-repeat: no-repeat;
  position: absolute;
  height: 195px;
  background-size: contain;
  bottom: -89px;
  left: 8px;
  width: 117px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:before {
    bottom: -87px;
    left: 20px;
    width: 130px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:after {
  content: "";
  background: url(../images/views/page-waseda_form/boy.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -88px;
  right: 26px;
  width: 150px;
  height: 202px;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:after {
    bottom: -103px;
    right: 20px;
    width: 170px;
    height: 216px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg {
    border-radius: 14px;
    border: 6px solid #0863c2;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:before {
    left: 63px;
    width: 180px;
    height: 236px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg:after {
    right: 63px;
    width: 220px;
    height: 254px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.confirm-form:after,
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.confirm-form:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.form-complete {
  overflow: inherit;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.form-complete:before {
  background-image: url(../images/views/page-waseda_form/complete-girl-sp.png);
  width: 139px;
  height: 146px;
  left: 6px;
  bottom: -30px;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.form-complete:after {
  background-image: url(../images/views/page-waseda_form/complete-boy-sp.png);
  width: 101px;
  height: 206px;
  right: 0;
  bottom: -90px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.form-complete:before {
    background-image: url(../images/views/page-waseda_form/complete-girl.png);
    width: 257px;
    height: 263px;
    left: -26px;
    bottom: -68px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg.form-complete:after {
    background-image: url(../images/views/page-waseda_form/complete-boy.png);
    width: 306px;
    height: 292px;
    right: -68px;
    bottom: -97px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding {
  padding: 19px calc(50% - 157.5px) 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding {
    padding: 34px 53px 0;
    max-width: inherit;
    margin: inherit;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding.form-footer {
  padding: 0 0 145px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding.form-footer {
    padding: 0 53px 70px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding.confirm-form-padding {
  padding: 0 0 39px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bg-padding.confirm-form-padding {
    padding: 0 53px 60px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 315px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading {
    width: 100%;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading.form-complete-heading {
  justify-content: center;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-steps {
    flex: none;
    max-width: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span {
  width: 100%;
  height: 18px;
  background-color: #f5f6fa;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-right: 31px;
  margin-bottom: 7px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span:before {
  content: "";
  background: url(../svg/views/page-waseda_form/step.svg);
  height: 100%;
  width: 8px;
  position: absolute;
  top: 0;
  right: -12px;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid #f5f6fa;
  position: absolute;
  z-index: 2;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span {
    width: 103px;
    margin-bottom: 0;
    height: 36px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span:before {
    display: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-span:after {
    border-top: 18.4px solid transparent;
    border-bottom: 18.4px solid transparent;
    border-left: 15px solid #f5f6fa;
    right: -14px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-item {
  position: relative;
  margin-right: 0;
  flex: 0 0 33.3%;
  max-width: 33.3%;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:after,
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form__heading-item:last-child
    .contact-form__heading-span:after {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-item {
    margin-right: 51px;
    flex: none;
    max-width: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #2b2d2e;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-item:last-child {
    margin-right: 0;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-item:last-child:after {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item.is-active
  .contact-form__heading-link {
  color: #2d2d2b;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:after {
  border-left: 6px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form__heading-item.is-active
    .contact-form__heading-span:after {
    border-left: 15px solid #0863c2;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-link {
  color: #999;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__heading-link {
    display: flex;
    font-size: 22px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__point {
  font-size: 9px;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__point {
    font-size: 20px;
    align-items: center;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__point-span {
  font-size: 16px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__lists {
  counter-reset: form-counter;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__header-title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__header-title:before {
  counter-increment: form-counter;
  content: counter(form-counter);
  border-radius: 5px;
  background-color: #0863c2;
  display: inline-flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  width: 26px;
  height: 27px;
  margin-right: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__header-title {
    font-size: 20px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__header-title:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin-right: 15px;
    border-radius: 8px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__header.confirm-header {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__header.confirm-header {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom {
  margin-top: 50px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom.confirm-form-footer {
  margin-top: -15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom.confirm-form-footer {
    margin-top: 40px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-box {
  border-radius: 4px;
  background-color: #f2f2f2;
  padding: 23px calc(50% - 157.5px) 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-box {
    padding: 23px 34px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-heading {
  color: #2b2d2e;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-heading {
    letter-spacing: 0.07em;
    font-size: 18px;
    margin-bottom: 19px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-desc {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-desc {
    font-size: 16px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-desc span {
  color: #0863c2;
  font-weight: 700;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-check-button {
  text-align: center;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__bottom-button {
  margin: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__field-wrapper.inline-field {
  display: inline-flex;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__input {
  border-radius: 4px;
  border: 2px solid #d93b1c;
  background-color: #f7d3cc;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-wp-form {
  margin-left: 0;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-wp-form {
    margin-left: 57px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-wp-form.confirm-wp-form {
  margin-top: 0;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__group {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.contact-form-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.contact-form-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.confirm-form-group {
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.confirm-form-group {
    margin-bottom: 38px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__status {
  color: #2d2d2b;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 28px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin-right: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__status {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__status.is-required {
  background-color: #d93b1c;
  color: #fff;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__label {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.96px;
  color: #2b2d2e;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled {
  position: relative;
  width: 460px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  top: 20px;
  right: 22px;
  transform: rotate(135deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled:before {
    width: 8px;
    height: 8px;
    top: 21px;
    right: 25px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled:after {
  content: "";
  width: 23px;
  height: 23px;
  right: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 13px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled:after {
    right: 16px;
    width: 26px;
    height: 26px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.styled-1 {
  width: 180px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.styled-1 {
    width: 240px;
    margin-right: 20px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.styled-2 {
  width: 200px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.styled-2 {
    width: 240px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__styled.contact-form__bottom-margin {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form__styled.contact-form__bottom-margin {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.confirm-form-styled:after,
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__styled.confirm-form-styled:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__select {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #2b2d2e;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 19px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__input {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 0 17px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    width: 460px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__input.input-styled-2 {
  width: 240px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__inform {
  color: #2d2d2b;
  display: inline-block;
  letter-spacing: 0.07em;
  margin-left: 8px;
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__inform {
    flex: none;
    max-width: none;
    width: inherit;
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__inform--only-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__inform--only-pc {
    display: inline-block;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact_form__label-wrapper {
  display: flex;
  align-items: center;
  height: 16px;
  margin-bottom: 13px;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact_form__label-wrapper.confirm-label-wrapper {
  margin-bottom: 15px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__number:before {
    top: 50%;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__number .contact-form__inform {
  margin-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__number .contact-form__inform {
    margin-left: 25px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__number .input-styled-3 {
  width: 190px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__number.confirm-input:before {
  content: url(../svg/views/page-waseda_form/form-icon-confirm.svg);
  top: 50%;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-radio {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  margin-top: 14px;
  margin-right: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-radio {
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto 23px;
  padding-left: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-radio.checkbox {
    margin: 29px auto 23px;
    padding-left: 45px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__label-radio
  + .contact-form-confirm__label-radio.contact-form-confirm__label-radio {
  margin-left: 30px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio input {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio input {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__label-radio
  input[checked]
  + .mwform-radio-field-text:before {
  transform: translateY(-50%) scale(1);
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__label-radio
  .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0863c2;
  border-radius: 50%;
  transform-origin: center center;
  transition: transform 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__label-radio
    .mwform-radio-field-text:before {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark:after {
  display: block;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__textarea {
  display: block;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 200px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 15px 18px;
  letter-spacing: 0.96px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__textarea {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__error {
  color: #d93b1c;
  font-size: 14px;
  flex: 0 0 100%;
  margin-top: 12px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__error:first-child {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__label-point.flex-between {
  justify-content: space-between;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__fields {
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__fields {
    padding: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__fields:nth-child(2) {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__score-icon {
  position: absolute;
  width: 64px;
  height: 52px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__score-icon {
    left: -98px;
    top: auto;
    width: 110px;
    height: 89px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__value {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background: #fff;
  color: #2b2d2e;
  font-size: 16px;
  padding: 0 50px 0 19px;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__value {
    font-size: 18px;
    border-radius: 4px;
    border-width: 2px;
    padding-right: 19px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 100%;
  position: absolute;
  right: -35px;
  z-index: 1;
  bottom: auto;
  top: -24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__value:after {
    width: 97px;
    height: 78px;
    bottom: -48px;
    top: auto;
  }
}
.page-template-page-wp-form-confirm
  [data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__value:after {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__value--narrow {
    width: 460px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button {
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button {
    margin-top: 26px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link {
  text-align: center;
  text-decoration: underline;
  color: #999;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.15em;
  position: relative;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  left: -30px;
  display: block;
  width: 13px;
  height: 9px;
  background-image: url(../svg/global/arrow-left-999999.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link:before {
    left: -40px;
    width: 20px;
    height: 13px;
    margin-top: -6.5px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link {
    font-size: 18px;
    letter-spacing: 2.16px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link:before {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__back-button-link:hover {
    text-decoration: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__back-button-link:hover:before {
    transform: translate(-5px);
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__back-button-link
  .contact-form-confirm__back-button-icon {
  width: 12px;
  height: 13px;
  position: relative;
  transform: rotate(-180deg);
  margin-right: 12px;
  transition: 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__back-button-link
    .contact-form-confirm__back-button-icon {
    width: 20px;
    margin-right: 26px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__radio-wrapper {
  position: relative;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__radio-wrapper:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: auto;
  right: -16px;
  z-index: 1;
  top: -28px;
  width: 60px;
  height: 48px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__radio-wrapper:after {
    top: auto;
    bottom: -64px;
    right: 433px;
    width: 97px;
    height: 78px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__is-required {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-is-only-pc-block {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-is-only-pc-block {
    display: block;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header-title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header-title:before {
  counter-increment: form-counter;
  content: counter(form-counter);
  border-radius: 5px;
  background-color: #0863c2;
  display: inline-flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  width: 26px;
  height: 27px;
  margin-right: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header-title {
    font-size: 20px;
    font-weight: 500;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__header-title:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin-right: 15px;
    border-radius: 8px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__point-span {
  font-size: 16px;
  font-weight: 500;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__group {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__group.contact-form-confirm-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__group.contact-form-confirm-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__group.confirm-form-group {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__group.confirm-form-group {
    margin-bottom: 38px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact_form-confirm__label-wrapper {
  margin-bottom: 13px;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact_form-confirm__label-wrapper.confirm-label-wrapper {
  margin-bottom: 20px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 500;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-point.flex-between {
  justify-content: space-between;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled {
  position: relative;
  width: 460px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled {
    width: 420px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  top: 20px;
  right: 22px;
  transform: rotate(135deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled:before {
    width: 8px;
    height: 8px;
    top: 21px;
    right: 25px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled:after {
  content: "";
  width: 23px;
  height: 23px;
  right: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 13px;
  z-index: 1;
  padding: 5px 2px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled:after {
    right: 16px;
    width: 26px;
    height: 26px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-1 {
  width: 180px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-1 {
    width: 240px;
    margin-right: 20px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-2 {
  width: 200px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-2 {
    width: 240px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__styled.styled-5 {
  width: 300px;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__styled.contact-form-confirm__bottom-margin {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__styled.contact-form-confirm__bottom-margin {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__styled.confirm-form-styled:after,
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__styled.confirm-form-styled:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.96px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label {
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-wp-form {
  margin-left: 0;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-wp-form {
    margin-left: 57px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm-wp-form.confirm-wp-form {
  margin-top: 0;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__field-wrapper.inline-field {
  display: inline-flex;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg-padding {
  padding: 19px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg-padding {
    padding: 34px 53px 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg-padding.form-footer {
  padding: 0 0 145px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg-padding.form-footer {
    padding: 0 53px 70px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__bg-padding.confirm-form-padding {
  padding: 0 0 39px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__bg-padding.confirm-form-padding {
    padding: 0 53px 60px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 315px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading {
    width: 100%;
    margin: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading.form-complete-heading {
  justify-content: center;
  width: 100%;
  margin: 0;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-steps {
    flex: none;
    max-width: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-item {
  position: relative;
  margin-right: 0;
  flex: 0 0 33.3%;
  max-width: 33.3%;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item:last-child
  .contact-form-confirm__heading-span:after,
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item:last-child
  .contact-form-confirm__heading-span:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__heading-item:last-child
    .contact-form-confirm__heading-span:after {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-item {
    margin-right: 51px;
    flex: none;
    max-width: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #2b2d2e;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-item:last-child {
    margin-right: 0;
  }
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__heading-item:last-child:after {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item.confirm-is-active
  .contact-form__heading-link {
  color: #2d2d2b;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item.confirm-is-active
  .contact-form-confirm__heading-span {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item.confirm-is-active
  .contact-form-confirm__heading-span:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__heading-item.confirm-is-active
  .contact-form-confirm__heading-span:after {
  border-left: 6px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__heading-item.confirm-is-active
    .contact-form-confirm__heading-span:after {
    border-left: 15px solid #0863c2;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-link {
  color: #999;
  font-size: 11px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-link {
    display: flex;
    font-size: 22px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span {
  width: 100%;
  height: 18px;
  background-color: #f5f6fa;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-right: 31px;
  margin-bottom: 7px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span:before {
  content: "";
  background: url(../svg/views/page-waseda_form/step.svg);
  height: 100%;
  width: 8px;
  position: absolute;
  top: 0;
  right: -12px;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 6px solid #f5f6fa;
  position: absolute;
  z-index: 2;
  top: 0;
  right: -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span {
    width: 103px;
    margin-bottom: 0;
    height: 36px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span:before {
    display: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__heading-span:after {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 15px solid #f5f6fa;
    right: -14px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__point {
  font-size: 9px;
  align-items: flex-start;
  font-weight: 500;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__point {
    font-size: 20px;
    align-items: center;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__lists {
  counter-reset: form-counter;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__lists {
    margin-top: 54px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__name-decoration {
  display: flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 700;
  color: #2d2d2b;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__name-decoration-inner {
  display: block;
  width: 180px;
  padding: 0 10px;
  font-size: 16px;
  letter-spacing: 0.96px;
  color: #2b2d2e;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__information {
  border-radius: 4px;
  background-color: #dee7f8;
  color: #2d2d2b;
  font-size: 14px;
  font-weight: 500;
  margin: 21px auto 29px;
  line-height: 1.5;
  text-align: left;
  padding: 10px 26px;
  letter-spacing: 0.14em;
  width: 315px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__information {
    text-align: center;
    padding: 3px 10px;
    margin: 27px auto;
    font-size: 16px;
    width: 100%;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__information.confirm {
  background: #fff;
  font-size: 10px;
  letter-spacing: 0.6px;
  color: #2d2d2b;
  margin: 18px auto 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 52px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__information.confirm {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg {
  max-width: 1000px;
  border-radius: 0;
  border: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:before {
  content: "";
  background: url(../images/views/page-waseda_form/girl.png);
  background-repeat: no-repeat;
  position: absolute;
  height: 195px;
  background-size: contain;
  bottom: -89px;
  left: 8px;
  width: 117px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:before {
    bottom: -87px;
    left: 20px;
    width: 130px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:after {
  content: "";
  background: url(../images/views/page-waseda_form/boy.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -88px;
  right: 26px;
  width: 150px;
  height: 202px;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:after {
    bottom: -103px;
    right: 20px;
    width: 170px;
    height: 216px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg {
    border-radius: 14px;
    border: 6px solid #0863c2;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:before {
    left: 63px;
    width: 180px;
    height: 236px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg:after {
    right: 63px;
    width: 220px;
    height: 254px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.confirm-form:after,
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.confirm-form:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.form-complete {
  overflow: inherit;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.form-complete:before {
  background-image: url(../images/views/page-waseda_form/complete-girl-sp.png);
  width: 139px;
  height: 146px;
  left: 6px;
  bottom: -30px;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.form-complete:after {
  background-image: url(../images/views/page-waseda_form/complete-boy-sp.png);
  width: 101px;
  height: 206px;
  right: 0;
  bottom: -90px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.form-complete:before {
    background-image: url(../images/views/page-waseda_form/complete-girl.png);
    width: 257px;
    height: 263px;
    left: -26px;
    bottom: -68px;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bg.form-complete:after {
    background-image: url(../images/views/page-waseda_form/complete-boy.png);
    width: 306px;
    height: 292px;
    right: -68px;
    bottom: -97px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom {
  margin-top: 50px;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__bottom.confirm-form-footer {
  margin-top: -15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__bottom.confirm-form-footer {
    margin-top: 40px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-box {
  border-radius: 4px;
  background-color: #f2f2f2;
  padding: 23px calc(50% - 157.5px) 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-box {
    padding: 23px 34px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .confirm-is-only-sp-block {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .confirm-is-only-sp-block {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .confirm-is-only-sp-flex {
  display: flex;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .confirm-is-only-sp-flex {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-heading {
  color: #2b2d2e;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-heading {
    letter-spacing: 0.07em;
    font-size: 18px;
    margin-bottom: 19px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-desc {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-desc {
    font-size: 16px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-desc span {
  color: #0863c2;
  font-weight: 700;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-check-button {
  text-align: center;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio {
  display: flex;
  align-items: center;
  height: 26px;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio {
    font-size: 18px;
    padding-left: 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto 23px;
  padding-left: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__label-radio.checkbox {
    margin: 29px auto 23px;
    padding-left: 45px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark {
    position: static;
    top: auto;
    left: auto;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark.checkbox {
  top: -3px;
  width: 22px;
  height: 21px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__bottom-button {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__textarea {
  width: 100%;
  resize: none;
  overflow: auto;
  height: 200px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #999;
  font-size: 16px;
  padding: 15px 18px;
  letter-spacing: 0.96px;
  line-height: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__textarea {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -26px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .contact-form-confirm__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__textarea.confirm-value.is-no-after:after {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 13px;
  height: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark:after {
    width: 10px;
    height: 10px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark.checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
  -webkit-appearance: checkbox;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .mwform-radio-field
  + .mwform-radio-field.mwform-radio-field {
  margin-left: 30px;
}
[data-barba-namespace="page-waseda_form-confirm"] .mwform-radio-field label {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
}
[data-barba-namespace="page-waseda_form-confirm"] .mwform-radio-field input {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .mwform-radio-field input {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .mwform-radio-field
  input:checked
  + .mwform-radio-field-text:before {
  transform: translateY(-50%) scale(1);
}
[data-barba-namespace="page-waseda_form-confirm"]
  .mwform-radio-field
  .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0863c2;
  border-radius: 50%;
  transform-origin: center center;
  transition: transform 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"]
    .mwform-radio-field
    .mwform-radio-field-text:before {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .mwform-radio-field-text {
    font-size: 18px;
    letter-spacing: 1.08px;
    color: #2d2d2b;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__checkbox {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__number:before {
    top: 50%;
  }
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__number
  .contact-form-confirm-input-styled-3 {
  width: 190px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__number.confirm-input:before {
  content: url(../svg/views/page-waseda_form/form-icon-confirm.svg);
  top: 50%;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__input {
  width: 460px;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 17px;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__input {
    font-size: 18px;
    border-radius: 4px;
    border: 2px solid #999;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__input.input-styled-2 {
  width: 240px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__radio {
  cursor: pointer;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__radio:checked
  ~ .contact-form-confirm__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__radio:checked
  ~ .contact-form-confirm__checkmark:after {
  display: block;
}
[data-barba-namespace="page-waseda_form-confirm"]
  .contact-form-confirm__radio:checked
  ~ .contact-form-confirm__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__gender-value,
[data-barba-namespace="page-waseda_form-confirm"] .contact-form-confirm__hidden {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .is-no-after:after {
  content: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 calc(50% - 157.5px) 50px;
  margin-top: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete {
    padding: 0 25px 50px;
    margin-top: 54px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title {
  color: #2d2d2e;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  z-index: 1;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title {
    font-size: 40px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title:before {
  content: "";
  width: 100%;
  height: 8px;
  background-image: linear-gradient(0deg, #ffea06, rgba(255, 234, 6, 0.6));
  opacity: 0.8;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title:before {
    height: 25px;
    bottom: -9px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/complete-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 52px;
  right: -64px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-title:after {
    width: 89px;
    height: 81px;
    right: -100px;
    background-image: url(../svg/views/page-waseda_form/complete-pc.svg);
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-content {
  color: #2d2d2e;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1.92px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-content {
    line-height: 1.9;
    margin: 54px auto 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-content p {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-content p {
    margin-bottom: 33px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-button {
  display: flex;
  justify-content: center;
  margin-top: 42px;
}
[data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-button .button {
  width: 181px;
  height: 30px;
  font-size: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .contact-form__complete-button .button {
    width: 360px;
    height: 64px;
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .button .button-link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .back-button {
  margin: 35px auto;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .back-button {
    margin: 50px auto 0;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .back-button-link {
  text-align: center;
  text-decoration: underline;
  color: #999;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.15em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .back-button-link {
    font-size: 18px;
    letter-spacing: 0;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .back-button-link:hover {
    text-decoration: none;
  }
  [data-barba-namespace="page-waseda_form-confirm"] .back-button-link:hover .back-button-icon {
    transform: translate(-5px) rotate(-180deg);
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .back-button-link .back-button-icon {
  width: 12px;
  height: 13px;
  position: relative;
  transform: rotate(-180deg);
  margin-right: 12px;
  transition: 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-confirm"] .back-button-link .back-button-icon {
    width: 20px;
    margin-right: 26px;
  }
}
[data-barba-namespace="page-waseda_form-confirm"] .overlay {
  display: none;
}
[data-barba-namespace="page-waseda_form-confirm"] .overlay.is-active {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.75;
}
[data-barba-namespace="page-waseda_form-confirm"] .overlay.is-active:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 4px solid #ddd;
  border-top-color: #2e93e6;
  border-radius: 50%;
  margin-bottom: 30px;
  -webkit-animation: spinner 1.2s linear infinite;
  animation: spinner 1.2s linear infinite;
}
@-webkit-keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}
[data-barba-namespace="page-waseda_form-complete"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-waseda_form-complete"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-waseda_form-complete"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
.page-template-page-wp-form-complete
  [data-barba-namespace="page-waseda_form-complete"]
  .page-heading__text {
  text-align: center;
}
[data-barba-namespace="page-waseda_form-complete"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-complete"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-complete"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-complete"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg {
  border-radius: 0;
  border: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg {
    max-width: 1000px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:before {
  content: "";
  background: url(../images/views/page-waseda_form/girl.png);
  background-repeat: no-repeat;
  position: absolute;
  height: 195px;
  background-size: contain;
  bottom: -89px;
  left: 8px;
  width: 117px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:before {
    bottom: -87px;
    left: 20px;
    width: 130px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:after {
  content: "";
  background: url(../images/views/page-waseda_form/boy.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -88px;
  right: 26px;
  width: 150px;
  height: 202px;
  background-size: contain;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:after {
    bottom: -103px;
    right: 20px;
    width: 170px;
    height: 216px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg {
    border-radius: 14px;
    border: 6px solid #0863c2;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:before {
    left: 63px;
    width: 180px;
    height: 236px;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg:after {
    right: 63px;
    width: 220px;
    height: 254px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg.confirm-form:after,
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg.confirm-form:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg.form-complete {
  overflow: inherit;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__bg.form-complete
  .contact-form__bg-svg {
  width: 78px;
  right: 50%;
  transform: translateX(183px);
  bottom: 84px;
  position: absolute;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__bg.form-complete
  .contact-form__bg-img {
  width: 109px;
  right: 50%;
  bottom: -16px;
  transform: translateX(196px);
  position: absolute;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__bg.form-complete
  .contact-form__bg-img2 {
  position: absolute;
  width: 80px;
  left: 50%;
  bottom: -28px;
  transform: translateX(-182px);
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__bg.form-complete
  .contact-form__bg-svg2 {
  position: absolute;
  width: 84px;
  left: 50%;
  transform: translateX(-174px);
  bottom: 78px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg.form-complete:after,
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg.form-complete:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__bg.form-complete
    .contact-form__bg-svg {
    width: 162px;
    right: -47px;
    bottom: 113px;
    transform: none;
    left: auto;
  }
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__bg.form-complete
    .contact-form__bg-img {
    width: 174px;
    right: 66px;
    bottom: -29px;
    transform: none;
  }
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__bg.form-complete
    .contact-form__bg-img2 {
    width: 142px;
    left: 89px;
    bottom: -47px;
    transform: none;
  }
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__bg.form-complete
    .contact-form__bg-svg2 {
    width: 161px;
    left: -25px;
    bottom: 115px;
    transform: none;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg-padding {
  padding: 19px calc(50% - 157.5px) 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg-padding {
    padding: 34px 53px 0;
    max-width: inherit;
    margin: inherit;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg-padding.form-footer {
  padding: 0 0 145px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bg-padding.form-footer {
    padding: 0 53px 70px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bg-padding.confirm-form-padding {
  padding: 0 0 39px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__bg-padding.confirm-form-padding {
    padding: 0 53px 61px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 315px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading {
    width: 100%;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading.form-complete-heading {
  justify-content: center;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-steps {
    flex: none;
    max-width: none;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span {
  width: 100%;
  height: 18px;
  background-color: #f5f6fa;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-right: 31px;
  margin-bottom: 7px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span:before {
  content: "";
  background: url(../svg/views/page-waseda_form/step.svg);
  height: 100%;
  width: 8px;
  position: absolute;
  top: 0;
  right: -12px;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid #f5f6fa;
  position: absolute;
  z-index: 2;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span {
    width: 103px;
    margin-bottom: 0;
    height: 36px;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span:before {
    display: none;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-span:after {
    border-top: 18.4px solid transparent;
    border-bottom: 18.4px solid transparent;
    border-left: 15px solid #f5f6fa;
    right: -14px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-item {
  position: relative;
  margin-right: 0;
  flex: 0 0 33.3%;
  max-width: 33.3%;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:after,
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item:last-child
  .contact-form__heading-span:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__heading-item:last-child
    .contact-form__heading-span:after {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-item {
    margin-right: 51px;
    flex: none;
    max-width: none;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #2b2d2e;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-item:last-child {
    margin-right: 0;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-item:last-child:after {
    display: none;
  }
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item.is-active
  .contact-form__heading-link {
  color: #2d2d2b;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__heading-item.is-active
  .contact-form__heading-span:after {
  border-left: 6px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__heading-item.is-active
    .contact-form__heading-span:after {
    border-left: 15px solid #0863c2;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-link {
  color: #999;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__heading-link {
    display: flex;
    font-size: 22px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__point {
  font-size: 9px;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__point {
    font-size: 20px;
    align-items: center;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__point-span {
  font-size: 16px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__lists {
  counter-reset: form-counter;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__header-title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__header-title:before {
  counter-increment: form-counter;
  content: counter(form-counter);
  border-radius: 5px;
  background-color: #0863c2;
  display: inline-flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  width: 26px;
  height: 27px;
  margin-right: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__header-title {
    font-size: 20px;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__header-title:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin-right: 15px;
    border-radius: 8px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__header.confirm-header {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__header.confirm-header {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom {
  margin-top: 50px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom.confirm-form-footer {
  margin-top: 55px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-box {
  border-radius: 4px;
  background-color: #f2f2f2;
  padding: 23px calc(50% - 157.5px) 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-box {
    padding: 23px 34px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-heading {
  color: #2b2d2e;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-heading {
    letter-spacing: 0.07em;
    font-size: 18px;
    margin-bottom: 19px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-desc {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-desc {
    font-size: 16px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-desc span {
  color: #0863c2;
  font-weight: 700;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-check-button {
  text-align: center;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__bottom-button {
  margin: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__field-wrapper.inline-field {
  display: inline-flex;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__input {
  border-radius: 4px;
  border: 2px solid #d93b1c;
  background-color: #f7d3cc;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-wp-form {
  margin-left: 0;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-wp-form {
    margin-left: 57px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-wp-form.confirm-wp-form {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-wp-form.confirm-wp-form {
    margin-top: 52px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__group {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__group.contact-form-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__group.contact-form-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__group.confirm-form-group {
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__group.confirm-form-group {
    margin-bottom: 41px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__status {
  color: #2d2d2b;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 28px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin-right: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__status {
    height: 30px;
    border-radius: 8px;
    margin-right: 10px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__status.is-required {
  background-color: #d93b1c;
  color: #fff;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__label {
  color: #2b2d2e;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__label {
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled {
  position: relative;
  width: 460px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  top: 20px;
  right: 22px;
  transform: rotate(135deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__styled:before {
    width: 8px;
    height: 8px;
    top: 21px;
    right: 25px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled:after {
  content: "";
  width: 23px;
  height: 23px;
  right: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 13px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__styled:after {
    right: 16px;
    width: 26px;
    height: 26px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled.styled-2 {
  width: 200px;
  margin-right: 20px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__styled.contact-form__bottom-margin {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form__styled.contact-form__bottom-margin {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__styled.confirm-form-styled:after,
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__styled.confirm-form-styled:before {
  display: none;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__select {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #2b2d2e;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 19px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__input {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 0 17px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    width: 460px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__input.input-styled-2 {
  width: 240px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__inform {
  color: #2d2d2b;
  display: inline-block;
  letter-spacing: 0.07em;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 8px 0 0;
  width: 100%;
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__inform {
    flex: none;
    max-width: none;
    margin-left: 8px;
    width: inherit;
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__inform--only-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__inform--only-pc {
    display: inline-block;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact_form__label-wrapper {
  margin-bottom: 13px;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact_form__label-wrapper.confirm-label-wrapper {
  margin-bottom: 15px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__number:before {
    top: 50%;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__number .contact-form__inform {
  margin-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__number .contact-form__inform {
    margin-left: 25px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__number .input-styled-3 {
  width: 190px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__number.confirm-input:before {
  content: url(../svg/views/page-waseda_form/form-icon-confirm.svg);
  top: 50%;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__label-radio {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  margin-top: 14px;
  margin-right: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__label-radio {
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto 23px;
  padding-left: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__label-radio.checkbox {
    margin: 29px auto 23px;
    padding-left: 45px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  background-color: #fff;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark.checkbox {
  top: -3px;
  width: 22px;
  height: 21px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark:after {
  display: block;
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__textarea {
  display: block;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 200px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #f5f6fa;
  font-size: 18px;
  padding: 10px 18px;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__error {
  color: #d93b1c;
  font-size: 14px;
  flex: 0 0 100%;
  margin-top: 12px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__error:first-child {
  display: none;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__label-point.flex-between {
  justify-content: space-between;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__score-icon {
  position: absolute;
  width: 76px;
  height: 49px;
  left: -69px;
  top: -9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__score-icon {
    left: -98px;
    top: auto;
    width: 110px;
    height: 89px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__value {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  border: 2px solid #999;
  background: #fff;
  color: #2b2d2e;
  font-size: 16px;
  padding: 0 50px 0 19px;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__value {
    font-size: 18px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 100%;
  position: absolute;
  right: -35px;
  z-index: 1;
  bottom: auto;
  top: -24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__value:after {
    width: 97px;
    height: 78px;
    bottom: -48px;
    top: auto;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__back-button {
  margin-top: 20px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__back-button-link {
  text-align: center;
  text-decoration: underline;
  color: #999;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.15em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__back-button-link {
    font-size: 18px;
    letter-spacing: 0;
  }
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__back-button-link:hover {
    text-decoration: none;
  }
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form-confirm__back-button-link:hover
    .contact-form-confirm__back-button-icon {
    transform: translate(-5px) rotate(-180deg);
  }
}
[data-barba-namespace="page-waseda_form-complete"]
  .contact-form-confirm__back-button-link
  .contact-form-confirm__back-button-icon {
  width: 12px;
  height: 13px;
  position: relative;
  transform: rotate(-180deg);
  margin-right: 12px;
  transition: 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"]
    .contact-form-confirm__back-button-link
    .contact-form-confirm__back-button-icon {
    width: 20px;
    margin-right: 26px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__radio-wrapper {
  position: relative;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__radio-wrapper:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: auto;
  right: 0;
  z-index: 1;
  top: -24px;
  width: 75px;
  height: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form-confirm__radio-wrapper:after {
    top: auto;
    bottom: -64px;
    right: 433px;
    width: 97px;
    height: 78px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 calc(50% - 157.5px) 54px;
  margin-top: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete {
    padding: 0 25px 50px;
    margin-top: 56px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title {
  color: #2d2d2e;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  z-index: 1;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title {
    font-size: 40px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title:before {
  content: "";
  width: 100%;
  height: 8px;
  background-image: linear-gradient(0deg, #ffea06, rgba(255, 234, 6, 0.6));
  opacity: 0.8;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title:before {
    height: 25px;
    bottom: -9px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/good-mark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 52px;
  right: -64px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title:after {
    width: 90px;
    height: 93px;
    right: -102px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-title.is-no-after:after {
  display: none;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-content {
  color: #2d2d2e;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.7px;
  margin: 32px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-content {
    line-height: 1.9;
    margin: 54px auto 0;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-content p {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-content p {
    margin-bottom: 33px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-button {
  display: flex;
  justify-content: center;
  margin-top: 44px;
}
[data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-button .button {
  width: 181px;
  height: 30px;
  font-size: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .contact-form__complete-button .button {
    width: 360px;
    height: 64px;
    font-size: 16px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-waseda_form-complete"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-waseda_form-complete"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-waseda_form-complete"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-waseda_form-complete"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .button .button-link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration {
    width: 100%;
  }
  [data-barba-namespace="page-waseda_form-complete"] .decoration:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 80%;
    height: 6px;
    background-color: #0863c2;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration .decoration__0-man {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
[data-barba-namespace="page-waseda_form-complete"] .decoration .decoration__0-text {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease-in-out 0.15s, transform 0.3s ease-in-out 0.15s;
}
[data-barba-namespace="page-waseda_form-complete"] .decoration .decoration__1-man {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
[data-barba-namespace="page-waseda_form-complete"] .decoration .decoration__1-text {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease-in-out 0.15s, transform 0.3s ease-in-out 0.15s;
}
[data-barba-namespace="page-waseda_form-complete"] .decoration.is-active .decoration__0-man,
[data-barba-namespace="page-waseda_form-complete"] .decoration.is-active .decoration__0-text,
[data-barba-namespace="page-waseda_form-complete"] .decoration.is-active .decoration__1-man,
[data-barba-namespace="page-waseda_form-complete"] .decoration.is-active .decoration__1-text {
  opacity: 1;
  transform: translateY(0);
}
[data-barba-namespace="page-waseda_form-complete"] .decoration--man {
  overflow: hidden;
  height: 87px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration--man {
    height: 139px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration--text {
  overflow: visible;
}
[data-barba-namespace="page-waseda_form-complete"] .decoration__0-man {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: 100px;
  width: 83px;
  height: 88px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration__0-man {
    bottom: 0;
    margin-right: 280px;
    width: 132px;
    height: 141px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration__0-text {
  position: absolute;
  bottom: 82px;
  right: 50%;
  margin-right: 88px;
  width: 85px;
  height: 41px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration__0-text {
    bottom: 112px;
    margin-right: 360px;
    width: 162px;
    height: 83px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration__1-man {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 105px;
  width: 78px;
  height: 86px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration__1-man {
    bottom: 0;
    margin-left: 278px;
    width: 124px;
    height: 138px;
  }
}
[data-barba-namespace="page-waseda_form-complete"] .decoration__1-text {
  position: absolute;
  bottom: 87px;
  left: 50%;
  margin-left: 105px;
  width: 78px;
  height: 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-waseda_form-complete"] .decoration__1-text {
    bottom: 113px;
    margin-left: 376px;
    width: 162px;
    height: 84px;
  }
}
[data-barba-namespace="page-privacypolicy"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-privacypolicy"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-privacypolicy"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-privacypolicy"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy {
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy {
    background-color: #dee7f8;
    background-size: 37px 37px;
    background-repeat: repeat;
    background-image: url(../images/global/gray-border.png);
    padding: 80px 0 84px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__container {
  max-width: 1184px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  background: #f6f7fb;
  border-radius: 20px;
  padding: 25px 0 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__container {
    background: #fff;
    padding: 50px 61px 74px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__header {
  background-color: #e5f3fd;
  padding: 14px calc(50% - 157.5px);
  color: #2b2d2e;
  margin-bottom: 33px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__header {
    padding: 13px 46px 16px;
    margin-bottom: 53px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__content {
  counter-reset: privacy-policy;
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy_content-group {
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy_content-group {
    margin-bottom: 50px;
    padding: 0;
    line-height: 30px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__title {
  position: relative;
  color: #2d2d2d;
  border-bottom: 2px solid #0863c2;
  margin-bottom: 6px;
  padding: 0 0 8px 33px;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 1.14px;
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__title:before {
  content: counter(privacy-policy);
  counter-increment: privacy-policy;
  position: absolute;
  top: 2px;
  left: 0;
  color: #fff;
  width: 24px;
  height: 24px;
  background-color: #0863c2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__title {
    padding: 0 0 10px 50px;
    margin-bottom: 14px;
    align-items: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 2.08px;
  }
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__title span {
    flex: none;
  }
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__title:before {
    top: 4px;
    width: 34px;
    height: 34px;
    font-size: 20px;
    letter-spacing: 0;
  }
}
[data-barba-namespace="page-privacypolicy"] .privay-policy__content-box {
  background: #eff2fa;
  letter-spacing: 0.11em;
  padding: 11px calc(50% - 157.5px);
  margin: -5px 0 44px;
  line-height: 1.8;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privay-policy__content-box {
    background: #f5f8fd;
    padding: 18px 37px 26px;
    margin: -23px 0 56px;
    line-height: 1.9;
  }
}
[data-barba-namespace="page-privacypolicy"] .privay-policy__content-box-title {
  color: #0863c2;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 1.7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privay-policy__content-box-title {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1.8px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privay-policy__content-box-list {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  margin-top: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privay-policy__content-box-list {
    line-height: 30px;
  }
}
[data-barba-namespace="page-privacypolicy"] .privacy-policy__bottom {
  text-align: right;
  color: #999;
  padding: 0 calc(50% - 157.5px);
  margin-top: -8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 1.6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-privacypolicy"] .privacy-policy__bottom {
    padding: 0;
    font-size: 16px;
    margin-top: -5px;
    line-height: 30px;
  }
}
[data-barba-namespace="404"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="404"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="404"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="404"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="404"] .not-found {
  background: #f5f6fa;
  border-bottom: 2px solid #cfd0d2;
  padding: 46px 0 38px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found {
    padding: 79px 0;
  }
}
[data-barba-namespace="404"] .not-found__container {
  margin: 0 auto;
  width: 100%;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found__container {
    padding: 0 calc(50% - 592px);
  }
}
[data-barba-namespace="404"] .not-found__image {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 100%;
}
[data-barba-namespace="404"] .not-found__comment {
  background-image: url(../images/views/404/comment_bg_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  z-index: 3;
  margin: 0 auto;
  width: 67px;
  height: 35px;
  top: 1px;
  right: -61px;
  padding: 7px 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found__comment {
    width: 151px;
    height: 55px;
    top: 3px;
    right: -170px;
    padding: 17px 16px;
  }
}
[data-barba-namespace="404"] .not-found__heading {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 313px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found__heading {
    max-width: 663px;
  }
  [data-barba-namespace="404"] .not-found__heading:before {
    width: 162px;
    top: 38px;
    left: -104px;
  }
  [data-barba-namespace="404"] .not-found__heading:after {
    width: 50px;
    top: 50px;
    left: 4px;
  }
}
[data-barba-namespace="404"] .not-found__svg {
  width: 100%;
}
[data-barba-namespace="404"] .not-found-content {
  text-align: left;
  color: #2d2d2d;
  font-size: 14px;
  margin-top: 20px;
  line-height: 1.73;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found-content {
    margin-top: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 2;
  }
}
[data-barba-namespace="404"] .not-found-content__title {
  line-height: 1.8;
  color: #0863c2;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 13px;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found-content__title {
    font-size: 36px;
  }
}
[data-barba-namespace="404"] .not-found-content__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .not-found-content__button {
    margin-top: 40px;
  }
}
[data-barba-namespace="404"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="404"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="404"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="404"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="404"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="404"] .button .button-link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="404"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
}
[data-barba-namespace="404"] .button.button-black:hover {
  background-color: #fff;
  border: 2px solid #2c2c2c;
  color: #2c2c2c;
}
[data-barba-namespace="page-entry"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-entry"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-entry"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-entry"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-entry"] .page-heading__announcement {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  bottom: 0;
  right: -4px;
}
[data-barba-namespace="page-entry"]
  .page-heading__announcement.is-active
  .heading__announcement-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-entry"]
  .page-heading__announcement.is-active
  .heading__announcement-svg {
  opacity: 1;
  transform: rotate(20deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"]
    .page-heading__announcement.is-active
    .heading__announcement-svg {
    transform: rotate(9deg);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .page-heading__announcement {
    bottom: 0;
    right: 27px;
  }
}
[data-barba-namespace="page-entry"] .heading__announcement-svg {
  position: relative;
  width: 27px;
  top: -6px;
  right: 3px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .heading__announcement-svg {
    width: 105px;
    top: -7px;
    right: 4px;
    transform: none;
    transform: translateY(30px);
  }
}
[data-barba-namespace="page-entry"] .heading__announcement-image {
  width: 24px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .heading__announcement-image {
    width: 77px;
  }
}
[data-barba-namespace="page-entry"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.15px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-entry"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-entry"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-entry"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-entry"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .button .button-link-icon {
    right: 30px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-entry"] .button.entry-button__black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
  width: 312px;
  height: 38px;
  font-size: 14px;
  max-width: 100%;
  letter-spacing: 0.16em;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .button.entry-button__black {
    width: 500px;
    height: 64px;
    font-size: 18px;
    margin: 0;
  }
  [data-barba-namespace="page-entry"] .button.entry-button__black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-entry"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
  width: 268px;
  height: 40px;
  font-size: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .button.button-black {
    width: 360px;
    height: 64px;
    font-size: 18px;
  }
  [data-barba-namespace="page-entry"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-entry"] .button.button-black .button-link-icon {
  right: 19px;
}
[data-barba-namespace="page-entry"] .button.button-result {
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .button.button-result {
    margin: 70px auto 0;
  }
}
[data-barba-namespace="page-entry"] .entry {
  background-color: #f5f6fa;
  padding: 30px 0 54px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry {
    padding: 75px 0 112px;
  }
}
[data-barba-namespace="page-entry"] .entry.entry-images {
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry__container {
    max-width: 1184px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-button__list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
}
[data-barba-namespace="page-entry"] .entry-button__item {
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-button__item {
    margin: 0 32px;
  }
}
[data-barba-namespace="page-entry"] .entry-button__item.is-active .entry-button__black:before {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-entry"] .entry-button__item .entry-button__black {
  position: relative;
}
[data-barba-namespace="page-entry"] .entry-button__item .entry-button__black:before {
  content: "";
  position: absolute;
  background-image: url(../images/views/page-entry/homepageman.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 46px;
  bottom: -2px;
  left: -11px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-button__item .entry-button__black:before {
    width: 135px;
    height: 94px;
    bottom: -2px;
    left: -29px;
  }
}
[data-barba-namespace="page-entry"] .entry-button__item:nth-child(2) .entry-button__black:before {
  background-image: url(../images/views/page-entry/findman.png);
  width: 76px;
  height: 48px;
  bottom: -2px;
  left: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-button__item:nth-child(2) .entry-button__black:before {
    width: 134px;
    height: 97px;
    bottom: -2px;
    left: 18px;
  }
}
[data-barba-namespace="page-entry"] .entry-section {
  width: 100%;
  min-height: 425px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-top: 30px;
  border-radius: 0;
  border: 2px solid #0863c2;
  border-right: 0;
  border-left: 0;
  flex-wrap: wrap;
  padding: 28px calc(50% - 157.5px) 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section {
    margin-top: 70px;
    border-radius: 10px;
    border: 4px solid #0863c2;
    padding: 50px 48px;
  }
}
[data-barba-namespace="page-entry"] .entry-section.is-active:after,
[data-barba-namespace="page-entry"] .entry-section.is-active:before {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
}
[data-barba-namespace="page-entry"] .entry-section.is-active:before {
  transition-delay: 0.4s;
}
[data-barba-namespace="page-entry"] .entry-section:before {
  content: "";
  background-image: url(../svg/views/page-entry/pencilman-comment-sp.svg);
  background-size: contain;
  width: 66px;
  height: 45px;
  position: absolute;
  bottom: 18px;
  right: 1px;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(30px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section:before {
    background-image: url(../svg/views/page-entry/pencilman-comment.svg);
    width: 104px;
    height: 89px;
    bottom: 48px;
    right: 200px;
  }
}
[data-barba-namespace="page-entry"] .entry-section:after {
  content: "";
  background-image: url(../images/views/page-entry/pencilman.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 141px;
  height: 101px;
  bottom: -43px;
  right: 11px;
  transform: translateX(30px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section:after {
    bottom: -69px;
    right: -38px;
    width: 263px;
    height: 208px;
  }
}
[data-barba-namespace="page-entry"] .entry-section__image {
  width: 472px;
  height: 158px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section__image {
    height: 315px;
  }
}
[data-barba-namespace="page-entry"] .entry-section__image img {
  width: 100%;
}
[data-barba-namespace="page-entry"] .entry-section__content {
  color: #2d2d2d;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.15em;
  flex: 0 0 100%;
  margin-top: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section__content {
    flex: 0 0 51.6%;
    margin-top: 41px;
    letter-spacing: 0.1em;
    font-size: 16px;
  }
}
[data-barba-namespace="page-entry"] .entry-section__heading {
  color: #2d2d2d;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.143em;
  line-height: 1.9;
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-section__heading {
    letter-spacing: 0.09em;
    line-height: 1.6;
    font-size: 27px;
    margin-bottom: 21px;
  }
}
[data-barba-namespace="page-entry"] .entry-section__heading span {
  position: relative;
  display: inline-block;
  z-index: 1;
}
[data-barba-namespace="page-entry"] .entry-section__heading span:after {
  content: "";
  height: 8px;
  background-color: #fff047;
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: -5px;
  z-index: -1;
}
[data-barba-namespace="page-entry"] .entry-images-wrap {
  margin: 0 auto;
  max-width: 100%;
}
[data-barba-namespace="page-entry"] .entry-images-wrap.entry-images-wrap-bottom {
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-images-wrap.entry-images-wrap-bottom {
    margin: 70px auto 0;
  }
}
[data-barba-namespace="page-entry"] .entry__main-image img {
  max-width: 100%;
  height: auto;
}
[data-barba-namespace="page-entry"] .entry-images-wrap-image {
  margin: 0 auto;
  max-width: 100%;
}
[data-barba-namespace="page-entry"] .map.is-active {
  background-image: none;
  padding: 30px 0 44px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .map.is-active {
    padding: 30px 0 44px;
  }
}
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-0,
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-1,
[data-barba-namespace="page-entry"] .map.is-active .map__decoration-2 {
  display: none;
}
[data-barba-namespace="page-entry"] .prefectures {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .prefectures {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-entry"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="page-entry"] .trial:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #f5f6fa transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="page-entry"] .trial.trial--bottom:before {
  border-color: #f5f6fa transparent transparent;
}
[data-barba-namespace="page-entry"]
  .trial
  .conversion__contact
  .conversion__contact-link:last-child {
  display: none;
}
[data-barba-namespace="page-entry"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-entry"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-entry"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-entry"] .entry__wrapper {
  background-color: #f5f6fa;
  padding-top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry__wrapper {
    padding-top: 66px;
  }
}
[data-barba-namespace="page-entry"] .entry-flow__title {
  color: #2d2d2d;
  font-weight: 700;
  text-align: center;
  position: relative;
  letter-spacing: 0.07em;
  font-size: 25px;
  padding-top: 50px;
  line-height: 1.4;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-flow__title {
    padding-top: 135px;
    font-size: 52px;
    line-height: inherit;
    margin-bottom: 89px;
  }
}
[data-barba-namespace="page-entry"] .entry-flow__title:before {
  content: "";
  background-image: url(../svg/views/page-entry/free_icon.svg);
  background-size: contain;
  width: 79px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-flow__title:before {
    width: 199px;
    height: 118px;
  }
}
[data-barba-namespace="page-entry"] .entry-flow__title span {
  color: #0863c2;
  font-size: 24px;
  letter-spacing: 0.09em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-flow__title span {
    font-size: 58px;
  }
}
[data-barba-namespace="page-entry"] .entry-step {
  position: relative;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step {
    margin-bottom: 104px;
  }
}
[data-barba-namespace="page-entry"] .entry-step:nth-child(odd) .entry-step__wrapper {
  flex-direction: row-reverse;
}
[data-barba-namespace="page-entry"] .entry-step:after {
  content: "";
  background-image: url(../svg/views/page-entry/down_arrow.svg);
  background-size: contain;
  width: 20px;
  height: 25px;
  position: absolute;
  bottom: -42px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step:after {
    width: 39px;
    height: 51px;
    bottom: -77px;
  }
}
[data-barba-namespace="page-entry"] .entry-step:last-child {
  margin-bottom: 41px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step:last-child {
    margin-bottom: 60px;
  }
}
[data-barba-namespace="page-entry"] .entry-step:last-child:after {
  display: none;
}
[data-barba-namespace="page-entry"] .entry-step__heading {
  border-radius: 0;
  background-color: #0863c2;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading {
    border-radius: 20px 20px 0 0;
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 13px solid #0863c2;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 16px solid #0863c2;
    bottom: -15px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__text-image {
  opacity: 1;
  transform: translateX(-119px) rotate(0deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__text-image {
    transform: translateX(-446px) rotate(0deg);
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image {
  opacity: 1;
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--01 {
  transform: translate(133px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--01 {
    transform: translate(-318px) scale(1);
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--02 {
  transform: translate(126px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--02 {
    transform: translate(-337px) scale(1);
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--03 {
  transform: translate(128px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--03 {
    transform: translate(-342px) scale(1);
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--04 {
  transform: translate(121px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--04 {
    transform: translate(-320px) scale(1);
  }
}
[data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--05 {
  transform: translate(111px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__heading.is-active .entry-step__person-image--05 {
    transform: translate(-295px) scale(1);
  }
}
[data-barba-namespace="page-entry"] .entry-step__text-image {
  position: absolute;
  top: -20px;
  right: 50%;
  width: 63px;
  height: 51px;
  opacity: 0;
  transform: translateX(-119px) rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__text-image {
    width: 123px;
    height: 99px;
    transform: translateX(-446px) rotate(-45deg);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__text-image--01 {
    top: -37px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__text-image--02,
  [data-barba-namespace="page-entry"] .entry-step__text-image--03 {
    top: -64px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__text-image--04,
  [data-barba-namespace="page-entry"] .entry-step__text-image--05 {
    top: -58px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__title {
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 14px 0;
  min-height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__title {
    padding: 24px 0;
    min-height: 118px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__title--01,
[data-barba-namespace="page-entry"] .entry-step__title--02 {
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__title--02 {
    overflow: visible;
  }
}
[data-barba-namespace="page-entry"] .entry-step__title--03 {
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__title--03 {
    overflow: visible;
  }
}
[data-barba-namespace="page-entry"] .entry-step__title--04,
[data-barba-namespace="page-entry"] .entry-step__title--05 {
  overflow: visible;
}
[data-barba-namespace="page-entry"] .entry-step__title--05:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  display: block;
  width: 80px;
  height: 20px;
  background-color: #fff;
  transform: translate(120px);
}
[data-barba-namespace="page-entry"] .entry-step__title-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 2px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__title-text {
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__title-text b,
[data-barba-namespace="page-entry"] .entry-step__title-text em,
[data-barba-namespace="page-entry"] .entry-step__title-text strong {
  color: #fff156;
}
[data-barba-namespace="page-entry"] .entry-step__title-text .color-red {
  color: #f91414;
}
[data-barba-namespace="page-entry"] .entry-step__person-image {
  position: absolute;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image {
    left: auto;
    right: 50%;
  }
}
[data-barba-namespace="page-entry"] .entry-step__person-image--01 {
  bottom: 0;
  width: 66px;
  height: auto;
  transform: translate(133px, 30%) scale(1.5, 0.5);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image--01 {
    transform: translate(-318px, 30%) scale(1.5, 0.5);
    width: 134px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__person-image--02 {
  bottom: 0;
  width: 64px;
  height: auto;
  transform: translate(126px, 30%) scale(1.5, 0.5);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image--02 {
    transform: translate(-337px, 30%) scale(1.5, 0.5);
    width: 130px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__person-image--03 {
  bottom: 0;
  width: 64px;
  height: auto;
  transform: translate(128px, 30%) scale(1.5, 0.5);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image--03 {
    transform: translate(-342px, 30%) scale(1.5, 0.5);
    width: 127px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__person-image--04 {
  bottom: 0;
  width: 67px;
  height: auto;
  transform: translate(121px, 30%) scale(1.5, 0.5);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image--04 {
    bottom: 0;
    transform: translate(-320px, 30%) scale(1.5, 0.5);
    width: 136px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__person-image--05 {
  bottom: 0;
  width: 85px;
  height: auto;
  transform: translate(111px, 30%) scale(1.5, 0.5);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__person-image--05 {
    bottom: 0;
    width: 170px;
    transform: translate(-295px, 30%) scale(1.5, 0.5);
  }
}
[data-barba-namespace="page-entry"] .entry-step__content {
  background: #fff;
  padding: 30px calc(50% - 157.5px);
  border-radius: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content {
    padding: 73px 25px;
    border-radius: 0 0 20px 20px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .conversion__links {
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .conversion__links {
    margin: 0;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .conversion__trial-link {
  width: 272px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .conversion__trial-link {
    width: 160px;
    margin: 0 8px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .conversion__contact {
  width: 267px;
  margin: 13px auto 0;
  height: 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .conversion__contact {
    display: none;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .conversion__contact-link {
  margin-top: 10px;
}
[data-barba-namespace="page-entry"] .entry-step__content .conversion__contact-heading {
  display: none;
}
[data-barba-namespace="page-entry"] .entry-step__content.entry-step__content--box {
  padding: 34px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content.entry-step__content--box {
    padding: 60px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .entry-step__conversion {
  max-width: 1000px;
  width: 100%;
  min-height: 290px;
  border-radius: 0;
  background-color: #f2f2f2;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  padding: 21px 17px;
  align-content: flex-start;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .entry-step__conversion {
    padding: 36px 20px;
    min-height: 300px;
    border-radius: 10px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone-body {
  background: #fff;
  padding: 10px 12px 0 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone-body {
    padding: 52px 28px 0 35px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone-heading:after {
  font-weight: 700;
}
[data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone-number {
  font-size: 24px;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone-number {
    font-size: 50px;
    white-space: nowrap;
    pointer-events: none;
  }
}
[data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone {
  width: 269px;
  margin: 0 auto;
  max-width: 100%;
  height: 79px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__content .entry-step__phone {
    width: 552px;
    margin: 0 8px;
    height: 157px;
  }
}
[data-barba-namespace="page-entry"] .conversion__heading {
  color: #2b2d2e;
  font-weight: 700;
  text-align: center;
  flex: 0 0 100%;
  margin-bottom: 19px;
  font-size: 17px;
  letter-spacing: 0.09em;
  line-height: 1.7;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .conversion__heading {
    font-size: 28px;
    letter-spacing: 0.05em;
    line-height: inherit;
    margin-bottom: 40px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 19px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__bottom {
    margin-top: 50px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__bottom .button-black {
  height: 39px;
  width: 271px;
  font-size: 13px;
  letter-spacing: 0.3em;
}
[data-barba-namespace="page-entry"] .entry-step__bottom .button-black.is-only-sp-flex {
  display: flex;
}
[data-barba-namespace="page-entry"] .entry-step__bottom .button-black.is-only-pc-flex {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__bottom .button-black {
    width: 360px;
    height: 64px;
    font-size: 18px;
    letter-spacing: 1.92px;
  }
  [data-barba-namespace="page-entry"] .entry-step__bottom .button-black.is-only-sp-flex {
    display: none;
  }
  [data-barba-namespace="page-entry"] .entry-step__bottom .button-black.is-only-pc-flex {
    display: flex;
  }
}
[data-barba-namespace="page-entry"] .entry-step__text {
  color: #2b2d2e;
  font-weight: 700;
  margin: 0 auto 11px;
  font-size: 9px;
  letter-spacing: 0.26em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__text {
    letter-spacing: 0.15em;
    margin: 0 67px 0 0;
    font-size: 18px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-content {
  color: #2d2d2d;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  flex: 0 0 100%;
  margin-top: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__wrapper-content {
    flex: 0 0 54%;
    margin-top: 21px;
    line-height: 1.9;
  }
}
[data-barba-namespace="page-entry"]
  .entry-step__wrapper-content.entry-step__wrapper-content--step-3 {
  flex: 0 0 100%;
  margin-top: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"]
    .entry-step__wrapper-content.entry-step__wrapper-content--step-3 {
    flex: 0 0 51.7%;
    margin-top: -9px;
  }
}
[data-barba-namespace="page-entry"]
  .entry-step__wrapper-content.entry-step__wrapper-content--step-4 {
  margin-top: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"]
    .entry-step__wrapper-content.entry-step__wrapper-content--step-4 {
    margin-top: -11px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-image {
  width: 313px;
  margin: 0 auto;
  height: 154px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__wrapper-image {
    height: 315px;
    width: 472px;
    margin: inherit;
  }
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-image img {
  width: 100%;
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-content-title {
  color: #2d2d2d;
  font-weight: 700;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0.14em;
  line-height: 1.7;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-step__wrapper-content-title {
    font-size: 27px;
    text-align: left;
    letter-spacing: 0.08em;
    line-height: 1.6;
    margin-bottom: 19px;
  }
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-content-title span {
  position: relative;
  display: inline-block;
  z-index: 1;
}
[data-barba-namespace="page-entry"] .entry-step__wrapper-content-title span:after {
  content: "";
  height: 8px;
  background-color: #ffea06;
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: -5px;
  z-index: -1;
}
[data-barba-namespace="page-entry"] .entry-faq {
  background: #f6f7fb;
  padding: 51px 0 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-faq {
    background: #fff;
    padding: 100px 0 99px;
  }
}
[data-barba-namespace="page-entry"] .entry-faq__container {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-faq__container {
    width: 1024px;
  }
}
[data-barba-namespace="page-entry"] .entry-faq__title {
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  font-size: 23px;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-faq__title {
    font-size: 40px;
    letter-spacing: 0.06em;
    margin-bottom: 56px;
  }
}
[data-barba-namespace="page-entry"] .entry-faq__button {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-entry"] .entry-faq__button {
    margin-top: 60px;
  }
}
[data-barba-namespace="page-results"] .cherry-blossoms {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
[data-barba-namespace="page-results"] .cherry-blossoms__inner {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-results"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-results"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-results"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-results"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-results"] .interview {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="page-results"] .interview__container {
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 25px 0 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__container {
    padding: 30px 0 29px;
  }
}
[data-barba-namespace="page-results"] .interview__title {
  position: relative;
  text-align: center;
  display: inline-block;
  color: #0863c2;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 10.5px;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__title {
    font-size: 20px;
    margin-bottom: 27px;
  }
}
[data-barba-namespace="page-results"] .interview__title:after,
[data-barba-namespace="page-results"] .interview__title:before {
  content: "";
  background-image: url(../svg/views/page-results/sakura.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 33px;
  position: absolute;
  top: 50%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__title:after,
  [data-barba-namespace="page-results"] .interview__title:before {
    width: 32px;
    height: 33px;
  }
}
[data-barba-namespace="page-results"] .interview__title:before {
  left: -42px;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__title:before {
    left: -40px;
  }
}
[data-barba-namespace="page-results"] .interview__title:after {
  right: -42px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__title:after {
    right: -40px;
  }
}
[data-barba-namespace="page-results"] .interview__link_wrap {
  position: relative;
  display: block;
}
[data-barba-namespace="page-results"] .interview__link {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__link {
    font-size: 16px;
  }
}
[data-barba-namespace="page-results"] .interview__link:hover .interview__circle {
  transform: translateX(5px);
}
[data-barba-namespace="page-results"] .interview__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 16px;
  background-color: #0863c2;
  margin-right: 10px;
  transition: transform 0.3s;
  position: absolute;
  top: -4px;
  left: -23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__circle {
    top: -8px;
    left: -45px;
    width: 32px;
    height: 32px;
  }
}
[data-barba-namespace="page-results"] .interview__icon {
  width: 15px;
  height: 9px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .interview__icon {
    width: 18px;
    height: 12px;
    color: #fff;
  }
}
[data-barba-namespace="page-results"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.15em;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-results"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-results"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-results"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-results"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .button .button-link-icon {
    right: 30px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-results"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
  width: 272px;
  height: 40px;
  font-size: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .button.button-black {
    width: 360px;
    height: 64px;
  }
  [data-barba-namespace="page-results"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-results"] .button.button-black .button-link-icon {
  right: 19px;
}
[data-barba-namespace="page-results"] .pass__container {
  max-width: 1184px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
[data-barba-namespace="page-results"] .pass__heading {
  text-align: center;
  position: relative;
  padding: 39px 0 29px;
  max-width: 375px;
  margin: 0 auto;
}
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-left-inner,
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-left-outer,
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-right-inner,
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-right-outer {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transform: translate(0);
  opacity: 1;
}
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-left-inner,
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-left-outer {
  transform: translate(0) scaleX(-1);
}
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-left-inner,
[data-barba-namespace="page-results"] .pass__heading.is-active .pass__image-right-inner {
  transition-delay: 0.3s;
}
[data-barba-namespace="page-results"] .pass__heading .pass__image-left-inner,
[data-barba-namespace="page-results"] .pass__heading .pass__image-left-outer {
  transform: translate(30px, 30px) scaleX(-1);
  opacity: 0;
}
[data-barba-namespace="page-results"] .pass__heading .pass__image-right-inner,
[data-barba-namespace="page-results"] .pass__heading .pass__image-right-outer {
  transform: translate(-30px, 30px);
  opacity: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__heading {
    padding: 78px 0;
    max-width: none;
    margin: inherit;
  }
}
[data-barba-namespace="page-results"] .pass__heading:before {
  content: "";
  background-image: url(../images/views/page-results/leaf.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 55px;
  height: 117px;
  position: absolute;
  left: 62px;
  top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__heading:before {
    width: 118px;
    height: 181px;
    left: 310px;
    top: 44px;
  }
}
[data-barba-namespace="page-results"] .pass__heading:after {
  content: "";
  background-image: url(../images/views/page-results/leaf.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 55px;
  height: 117px;
  position: absolute;
  right: 60px;
  top: 24px;
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__heading:after {
    width: 118px;
    height: 181px;
    right: 322px;
    top: 44px;
  }
}
[data-barba-namespace="page-results"] .pass__title {
  position: relative;
  color: #2d2d2e;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__title {
    font-size: 28px;
    letter-spacing: 0.06em;
    margin-bottom: 17px;
  }
}
[data-barba-namespace="page-results"] .pass__title:before {
  content: "";
  background-image: url(../svg/views/page-results/sakura.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  left: -19px;
  top: 2px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__title:before {
    width: 23px;
    height: 24px;
    left: -34px;
    top: 6px;
  }
}
[data-barba-namespace="page-results"] .pass__title:after {
  content: "";
  background-image: url(../svg/views/page-results/sakura.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  right: -14px;
  top: 2px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__title:after {
    width: 23px;
    height: 24px;
    right: -18px;
    top: 6px;
  }
}
[data-barba-namespace="page-results"] .pass__title-sub {
  color: #0863c2;
  font-size: 22px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__title-sub {
    font-size: 48px;
  }
}
[data-barba-namespace="page-results"] .pass__image-left-outer {
  position: absolute;
  top: 28px;
  left: 17px;
  width: 48px;
  height: auto;
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__image-left-outer {
    top: 41px;
    left: 180px;
    width: 111px;
    height: 167px;
  }
}
[data-barba-namespace="page-results"] .pass__image-left-inner {
  position: absolute;
  top: 127px;
  left: 112px;
  width: 58px;
  height: 84px;
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__image-left-inner {
    width: 63px;
    height: 94px;
    left: 96px;
    top: 131px;
  }
}
[data-barba-namespace="page-results"] .pass__image-right-outer {
  position: absolute;
  top: 28px;
  right: 13px;
  width: 48px;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__image-right-outer {
    top: 39px;
    right: 192px;
    width: 111px;
    height: 167px;
  }
}
[data-barba-namespace="page-results"] .pass__image-right-inner {
  position: absolute;
  top: 127px;
  right: 117px;
  width: 58px;
  height: 84px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__image-right-inner {
    top: 129px;
    right: 110px;
    width: 63px;
    height: 94px;
  }
}
[data-barba-namespace="page-results"] .pass-button-list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 23px;
  max-width: 375px;
  margin: 10px auto 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list {
    justify-content: space-between;
    padding: 0;
    margin: 12px 0 52px;
    max-width: none;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item-flex {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item-flex {
    justify-content: space-between;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item-flex li {
  margin: 0 1px;
}
[data-barba-namespace="page-results"]
  .pass-button-list__item-flex
  li:first-child
  .pass-button-list__item-link {
  border-radius: 7px 0 0 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .pass-button-list__item-flex
    li:first-child
    .pass-button-list__item-link {
    border-radius: 14px 0 0 14px;
  }
}
[data-barba-namespace="page-results"]
  .pass-button-list__item-flex
  li:last-child
  .pass-button-list__item-link {
  border-radius: 0 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .pass-button-list__item-flex
    li:last-child
    .pass-button-list__item-link {
    border-radius: 0 14px 14px 0;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item-svg {
  transform: rotate(90deg);
  transition: transform 0.3s;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 4px;
  height: 9px;
  top: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item-svg {
    width: 6px;
    height: 12px;
    right: 22px;
    left: auto;
    bottom: auto;
    margin: inherit;
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item-link {
  color: #fff;
  width: 96px;
  height: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  background-color: #0863c2;
  border: 2px solid transparent;
  transition: 0.5s;
  letter-spacing: 0.08em;
  position: relative;
  line-height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item-link {
    font-size: 20px;
    width: 199px;
    height: 82px;
    line-height: 26px;
  }
  [data-barba-namespace="page-results"] .pass-button-list__item-link:hover {
    border: 2px solid #0863c2;
    background: #fff;
    color: #0863c2;
  }
  [data-barba-namespace="page-results"]
    .pass-button-list__item-link:hover
    .pass-button-list__item-svg {
    transform: rotate(90deg) translate(2px);
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item-link.border {
  border-radius: 7px !important;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item-link.border {
    border-radius: 14px !important;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item {
  border-radius: 4px;
  border: 2px solid #dee7f8;
  text-align: center;
  padding: 2px 9px 17px;
  position: relative;
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item {
    border-radius: 8px;
    border: 4px solid #dee7f8;
    padding: 12px 14px 15px;
    margin: 0;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item:nth-child(2) {
  padding: 1px 9px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item:nth-child(2) {
    padding: 12px 20px 15px;
  }
}
[data-barba-namespace="page-results"]
  .pass-button-list__item:nth-child(2)
  .pass-button-list__item-link {
  width: 124px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .pass-button-list__item:nth-child(2)
    .pass-button-list__item-link {
    width: 199px;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item:last-child {
  padding: 0 9px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item:last-child {
    padding: 12px 24px 15px;
  }
}
[data-barba-namespace="page-results"]
  .pass-button-list__item:last-child
  .pass-button-list__item-link {
  width: 124px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .pass-button-list__item:last-child
    .pass-button-list__item-link {
    width: 199px;
  }
}
[data-barba-namespace="page-results"] .pass-button-list__item span {
  display: inline-block;
  color: #0863c2;
  font-size: 16px;
  font-weight: 700;
  background: #fff;
  position: relative;
  top: -12px;
  right: 0;
  padding: 0 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass-button-list__item span {
    color: #2b2d2e;
    font-size: 22px;
    top: -28px;
  }
}
[data-barba-namespace="page-results"] .pass__college-btn {
  width: 100%;
  margin: 20px auto 0;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .pass__college-btn {
    margin: 50px auto 0;
  }
}
[data-barba-namespace="page-results"] .pass__college-btn a {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  transition: opacity 0.3s ease-in-out;
}
[data-barba-namespace="page-results"] .pass__college-btn a:hover {
  opacity: 0.6;
}
[data-barba-namespace="page-results"] .pass__college-btn a img {
  width: 100%;
}
[data-barba-namespace="page-results"] .result__container {
  max-width: 1182px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 45px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__container {
    padding-top: 85px;
  }
}
[data-barba-namespace="page-results"] .result__item {
  margin: 33px 0 64px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item {
    margin: 0 0 95px;
  }
}
[data-barba-namespace="page-results"] .result__item:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item:last-child {
    margin: 0 0 64px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-1 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-1 {
    display: block;
    position: absolute;
    top: 794px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-1.is-active .result__item-img-1 {
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-1.is-active .result__item-svg-1 {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-1 {
  position: absolute;
  top: 46px;
  left: calc(328px - 50vw);
  display: block;
  width: 380px;
  transform: rotate(-30deg);
  transform-origin: left bottom;
  transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-results"] .result__item-svg-1 {
  position: absolute;
  top: 0;
  left: calc(604px - 50vw);
  display: block;
  width: 130px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: left bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-2 {
  display: block;
  position: absolute;
  top: -66px;
  right: 0;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-2 {
    top: -84px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-2.is-active .result__item-img-2 {
  transform: rotate(-10deg);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-2.is-active .result__item-svg-2-pc,
[data-barba-namespace="page-results"] .result__item-img-wrapper-2.is-active .result__item-svg-2-sp {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-2 {
  position: absolute;
  top: 59px;
  right: -74px;
  z-index: 1;
  width: 160px;
  transform: rotate(40deg);
  transform-origin: right bottom;
  transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-img-2 {
    display: none;
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-2 {
    top: 73px;
    right: calc(345px - 50vw);
    display: block;
    width: 445px;
  }
}
[data-barba-namespace="page-results"] .result__item-svg-2-sp {
  width: 74px;
  position: absolute;
  top: 0;
  right: 18px;
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-svg-2-sp {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__item-svg-2-pc {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-svg-2-pc {
    position: absolute;
    top: 70px;
    right: calc(650px - 50vw);
    display: block;
    width: 94px;
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: right bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-3 {
  display: block;
  position: absolute;
  top: -60px;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-3 {
    top: 1612px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-3.is-active .result__item-img-3-pc,
[data-barba-namespace="page-results"] .result__item-img-wrapper-3.is-active .result__item-img-3-sp {
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-3.is-active .result__item-svg-3-pc,
[data-barba-namespace="page-results"] .result__item-img-wrapper-3.is-active .result__item-svg-3-sp {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-3-sp {
  position: absolute;
  top: 32px;
  left: -36px;
  z-index: 1;
  width: 109px;
  transform: rotate(-40deg);
  transform-origin: left bottom;
  transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-img-3-sp {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__item-img-3-pc {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-3-pc {
    position: absolute;
    top: -37px;
    left: calc(448px - 50vw);
    display: block;
    width: 357px;
    z-index: 1;
    transform: rotate(-40deg);
    transform-origin: left bottom;
    transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
}
[data-barba-namespace="page-results"] .result__item-svg-3-sp {
  position: absolute;
  top: 0;
  left: 28px;
  z-index: 1;
  width: 71px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: left bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-svg-3-sp {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__item-svg-3-pc {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-svg-3-pc {
    position: absolute;
    top: 50px;
    left: calc(640px - 50vw);
    display: block;
    width: 118px;
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-4 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-4 {
    display: block;
    position: absolute;
    top: 939px;
    right: 0;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-4.is-active .result__item-img-4 {
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-4.is-active .result__item-svg-4 {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-4 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-4 {
    position: absolute;
    top: 52px;
    right: calc(429px - 50vw);
    display: block;
    width: 272px;
    transform: rotate(40deg);
    transform-origin: right bottom;
    transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
}
[data-barba-namespace="page-results"] .result__item-svg-4 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-svg-4 {
    position: absolute;
    top: 0;
    right: calc(619px - 50vw);
    display: block;
    width: 119px;
    opacity: 0;
    transform: rotate(49deg);
    transform-origin: right bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-5 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-5 {
    display: block;
    position: absolute;
    top: 2376px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-5.is-active .result__item-img-5 {
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-5.is-active .result__item-svg-5 {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-5 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-5 {
    position: absolute;
    top: 64px;
    left: calc(443px - 50vw);
    display: block;
    width: 257px;
    transform: rotate(-40deg);
    transform-origin: left bottom;
    transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
}
[data-barba-namespace="page-results"] .result__item-svg-5 {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-svg-5 {
    position: absolute;
    top: 0;
    left: calc(611px - 50vw);
    display: block;
    width: 115px;
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-6 {
  display: block;
  position: absolute;
  top: -37px;
  right: 0;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-wrapper-6 {
    top: 246px;
  }
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-6.is-active .result__item-img-6 {
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-wrapper-6.is-active .result__item-svg-6-pc,
[data-barba-namespace="page-results"] .result__item-img-wrapper-6.is-active .result__item-svg-6-sp {
  opacity: 1;
  transform: rotate(0);
}
[data-barba-namespace="page-results"] .result__item-img-6 {
  position: absolute;
  top: 53px;
  right: -58px;
  width: 110px;
  transform: rotate(40deg);
  transform-origin: right bottom;
  transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-img-6 {
    display: none;
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-img-6 {
    top: 69px;
    right: calc(417px - 50vw);
    display: block;
    width: 309px;
  }
}
[data-barba-namespace="page-results"] .result__item-svg-6-sp {
  width: 71px;
  position: absolute;
  top: 0;
  right: 26px;
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-svg-6-sp {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__item-svg-6-pc {
  display: none;
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-results"] .result__item-svg-6-pc {
    position: absolute;
    top: 0;
    right: calc(620px - 50vw);
    display: block;
    width: 109px;
    opacity: 0;
    transform: rotate(60deg);
    transform-origin: right bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-results"] .result__item-note {
  position: absolute;
  bottom: -30px;
  left: calc(50% + 13.33333px);
  font-size: 10px;
  color: #2b2d2e;
  transform: scale(0.9);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__item-note {
    bottom: -16px;
    left: calc(50% + 315px);
    font-size: 15px;
    letter-spacing: 0.84px;
    transform: none;
  }
}
[data-barba-namespace="page-results"] .result__heading {
  padding: 30px;
  border-radius: 0;
  background-color: #0863c2;
  width: 100%;
  background-image: url(../images/global/blue-border.png);
  color: #fcfbfa;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 18px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading {
    border-radius: 10px;
    font-size: 38px;
    margin-bottom: 48px;
    line-height: 1.4;
  }
}
[data-barba-namespace="page-results"] .result__sub-text {
  display: block;
  letter-spacing: 0.064em;
  font-weight: 400;
  font-size: 13px;
}
[data-barba-namespace="page-results"] .result__heading-sub {
  border-top: 2px solid #2b2d2e;
  border-bottom: 2px solid #2b2d2e;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 47px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading-sub {
    border-top: 4px solid #2b2d2e;
    border-bottom: 4px solid #2b2d2e;
    height: 79px;
  }
}
[data-barba-namespace="page-results"] .result__heading-sub-title {
  color: #2b2d2e;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading-sub-title {
    font-size: 30px;
  }
}
[data-barba-namespace="page-results"] .result__heading-sub-title:before {
  content: "";
  background-image: url(../svg/views/page-results/sakura.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  left: -34px;
  top: -3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading-sub-title:before {
    width: 44px;
    height: 45px;
    left: -72px;
    top: -5px;
  }
}
[data-barba-namespace="page-results"] .result__heading-sub-title:after {
  content: "";
  background-image: url(../svg/views/page-results/sakura.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  right: -32px;
  top: -3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading-sub-title:after {
    width: 44px;
    height: 45px;
    right: -67px;
    top: -5px;
  }
}
[data-barba-namespace="page-results"] .result__heading-sub-span {
  color: #2b2d2e;
  font-weight: 700;
  position: absolute;
  letter-spacing: -0.02em;
  bottom: -17px;
  font-size: 8px;
  right: 50%;
  transform: translateX(155px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__heading-sub-span {
    right: 54px;
    font-size: 16px;
    bottom: auto;
    transform: none;
  }
}
[data-barba-namespace="page-results"] .result__table {
  padding: 0 15px;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  flex-wrap: wrap;
  max-width: 375px;
  margin: 22px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table {
    padding: 0 70px 0 85px;
    max-width: inherit;
    margin: 56px auto 0;
  }
}
[data-barba-namespace="page-results"] .result__table table {
  max-width: 50%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table table {
    max-width: 100%;
  }
}
[data-barba-namespace="page-results"] .result__table td {
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--padding-sp {
  padding: 0 26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table.result__table--padding-sp {
    padding: 0 40px 0 55px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--spacing td {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table.result__table--spacing td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--spacing .result__table-level {
  text-align: center;
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing
  .result__table-level
  span {
  width: 56px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing
    .result__table-level
    span {
    width: 192px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing
  .result__table-count.three-digit {
  padding-left: 12px;
  font-size: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing
    .result__table-count.three-digit {
    padding-left: 17px;
    font-size: 102px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing
  .result__table-count.one-digit {
  padding-left: 52px;
  font-size: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing
    .result__table-count.one-digit {
    padding-left: 132px;
    font-size: 102px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing
  .result__table-count.two-digit {
  padding-left: 33px;
  font-size: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing
    .result__table-count.two-digit {
    padding-left: 78px;
    font-size: 102px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing
  .result__table-count
  span {
  left: -4px;
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing-2
  .result__table-level
  span {
  width: 91px;
  padding: 0.25em 0.5em;
  line-height: 1.2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2
    .result__table-level
    span {
    width: 250px;
    padding: 15px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--spacing-2 .result__table-count {
  padding-left: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2
    .result__table-count {
    padding-left: 34px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing-2
  .result__table-count
  span {
  left: -8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2
    .result__table-count
    span {
    left: -12px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--spacing-2 .result__badge {
  top: -5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table.result__table--spacing-2 .result__badge {
    top: -37px;
  }
}
[data-barba-namespace="page-results"] .result__table.result__table--spacing-2.wide .result__badge {
  display: none;
  top: -8px;
  right: -10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2.wide
    .result__badge {
    top: -30px;
    right: -51px;
    display: flex;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing-2.wide
  .result__table-count {
  padding-left: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2.wide
    .result__table-count {
    padding-left: 80px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing-2.wide
  .result__table-count.one-digit {
  padding-left: 50px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2.wide
    .result__table-count.one-digit {
    padding-left: 140px;
  }
}
[data-barba-namespace="page-results"]
  .result__table.result__table--spacing-2.wide
  .result__table-count.three-digit {
  padding-left: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table.result__table--spacing-2.wide
    .result__table-count.three-digit {
    padding-left: 25px;
  }
}
[data-barba-namespace="page-results"] .result__table-level span {
  width: 79px;
  height: 45px;
  border-radius: 4px;
  background-color: #c2eef7;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #0863c2;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-level span {
    width: 150px;
    height: 120px;
    font-size: 40px;
    border-radius: 8px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-level.large-digit span {
    font-size: 32px;
  }
}
[data-barba-namespace="page-results"] .result__table-level .two-lines-sp {
  width: 56px;
  height: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-level .two-lines-sp {
    width: 150px;
    height: 75px;
    font-size: 44px;
    border-radius: 8px;
  }
}
[data-barba-namespace="page-results"] .result__table-count {
  color: #0863c2;
  font-family: Roboto, sans-serif;
  font-size: 31px;
  font-weight: 700;
  padding-left: 5px;
  position: relative;
  text-align: right;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-count {
    font-size: 100px;
    padding-left: 120px;
  }
}
[data-barba-namespace="page-results"] .result__table-count span {
  color: #2b2d2e;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  left: -10px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-count span {
    font-size: 30px;
    left: -15px;
  }
}
[data-barba-namespace="page-results"] .result__table-info {
  text-align: right;
  padding-top: 35px !important;
  color: #2b2d2e;
  font-size: 15px;
  font-weight: 700;
  padding-right: 0;
  letter-spacing: 0.05em;
  position: relative;
}
[data-barba-namespace="page-results"] .result__table-info span {
  position: absolute;
  bottom: 0;
  right: 7px;
  width: 150px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-info {
    font-size: 24px;
    padding-right: 14px;
    padding-top: 82px !important;
  }
  [data-barba-namespace="page-results"] .result__table-info span {
    position: inherit;
    width: inherit;
    right: auto;
  }
}
[data-barba-namespace="page-results"] .result__badge {
  background-image: url(../svg/views/page-results/bg_batch.svg);
  width: 35px;
  height: 35px;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: -13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__badge {
    width: 97px;
    height: 97px;
    font-size: 30px;
    top: -25px;
    right: -47px;
  }
}
[data-barba-namespace="page-results"] .result__table-2 {
  margin: 16px auto 23px;
  width: 100%;
  border-radius: 0;
  background-color: #ebf1fb;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2 {
    margin: 40px auto 70px;
    border-radius: 14px;
  }
}
[data-barba-namespace="page-results"] .result__table-2 table {
  max-width: 31%;
}
[data-barba-namespace="page-results"] .result__table-2 td {
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2 td {
    display: table-cell;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
[data-barba-namespace="page-results"] .result__table-2.result__table-2--spacing td {
  padding-top: 0;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2.result__table-2--spacing td {
    padding-top: 23px;
    padding-bottom: 23px;
  }
}
[data-barba-namespace="page-results"]
  .result__table-2.result__table-2--spacing
  .result__table-2-level
  span {
  width: 7em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table-2.result__table-2--spacing
    .result__table-2-level
    span {
    padding: 0.25em 0.5em;
  }
}
[data-barba-namespace="page-results"]
  .result__table-2.result__table-2--spacing
  .result__table-2-count {
  font-size: 34px;
  font-weight: 600;
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table-2.result__table-2--spacing
    .result__table-2-count {
    max-width: 150px;
    font-size: 63px;
    padding-left: 10px;
  }
}
[data-barba-namespace="page-results"]
  .result__table-2.result__table-2--spacing
  .result__table-2-count
  span {
  margin-left: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table-2.result__table-2--spacing
    .result__table-2-count
    span {
    margin-left: -10px;
  }
}
[data-barba-namespace="page-results"]
  .result__table-2.result__table-2--sp
  .result__table-2-level
  span {
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"]
    .result__table-2.result__table-2--sp
    .result__table-2-level
    span {
    color: #2b2d2e;
  }
}
[data-barba-namespace="page-results"] .result__table-2-container {
  max-width: 375px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 13px 29px 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-container {
    max-width: inherit;
    margin: inherit;
    padding: 32px 59px 56px;
  }
}
[data-barba-namespace="page-results"] .result__table-2-level span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: auto;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  color: #2b2d2e;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
[data-barba-namespace="page-results"] .result__table-2-level span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
  bottom: -7px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-level span {
    width: 180px;
    font-size: 30px;
    height: auto;
    border-radius: 8px;
  }
  [data-barba-namespace="page-results"] .result__table-2-level span:after {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__table-2-level span.two-lines {
  text-align: center;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-level span.two-lines {
    height: 81px;
  }
}
[data-barba-namespace="page-results"] .result__table-2-count {
  color: #0863c2;
  font-family: Roboto, sans-serif;
  font-size: 34px;
  font-weight: 700;
  padding-left: 0;
  text-align: right;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-count {
    font-size: 85px;
    padding-left: 10px;
  }
}
[data-barba-namespace="page-results"] .result__table-2-count span {
  color: #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  margin-left: 4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-count span {
    font-size: 24px;
    margin-left: -18px;
  }
}
[data-barba-namespace="page-results"] .result__table-2-info {
  flex: 0 0 100%;
  text-align: right;
  color: #2b2d2e;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-2-info {
    font-size: 24px;
    margin-top: 14px;
  }
}
[data-barba-namespace="page-results"] .result__high-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 37px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-item {
    justify-content: flex-start;
    margin-bottom: 70px;
  }
}
[data-barba-namespace="page-results"] .result__high-item:last-child {
  margin: 0;
}
[data-barba-namespace="page-results"] .result__badge-2 {
  background-image: url(../svg/views/page-results/bg_batch.svg);
  background-size: contain;
  width: 73px;
  height: 73px;
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  margin-right: 0;
  position: absolute;
  right: -16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__badge-2 {
    width: 147px;
    height: 148px;
    font-size: 30px;
    margin-right: 46px;
    position: inherit;
    right: auto;
  }
}
[data-barba-namespace="page-results"] .result__badge-2 span {
  font-size: 12px;
  flex: 0 0 100%;
  display: block;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__badge-2 span {
    font-size: 22px;
  }
}
[data-barba-namespace="page-results"] .result__high-info-title {
  color: #0863c2;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-info-title {
    font-size: 60px;
    letter-spacing: 0.06em;
    display: inherit;
    margin-bottom: 29px;
  }
}
[data-barba-namespace="page-results"] .result__high-text {
  position: absolute;
  color: #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-text {
    font-size: 24px;
  }
}
[data-barba-namespace="page-results"] .result__high-text[data-after-content]:after {
  content: attr(data-after-content);
  position: absolute;
  top: 0;
  right: -1em;
  font-size: 10px;
  line-height: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-text[data-after-content]:after {
    font-size: 14px;
  }
}
[data-barba-namespace="page-results"] .result__high-info-line {
  position: relative;
  display: inline-block;
  z-index: 1;
}
[data-barba-namespace="page-results"] .result__high-info-line:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #fff047;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-info-line:after {
    height: 8px;
    bottom: -4px;
  }
}
[data-barba-namespace="page-results"] .result__high-info-blue {
  color: #0863c2;
}
[data-barba-namespace="page-results"] .result__high-info-title-desc {
  display: block;
  color: #2b2d2e;
  font-size: 11px;
  margin-top: 15px;
  letter-spacing: 0.09em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-info-title-desc {
    margin-top: 21px;
    letter-spacing: 0.06em;
    font-size: 16px;
  }
}
[data-barba-namespace="page-results"] .result__high-info {
  margin-right: 0;
  width: 244px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-info {
    margin-right: 138px;
    width: 376px;
    padding-top: 14px;
  }
}
[data-barba-namespace="page-results"] .result__high-count {
  color: #0863c2;
  font-family: Roboto, sans-serif;
  font-size: 42px;
  font-weight: 700;
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-count {
    font-size: 122px;
    margin-top: 25px;
  }
}
[data-barba-namespace="page-results"] .result__high-count span {
  color: #2b2d2e;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  left: -14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-count span {
    font-size: 48px;
    left: auto;
  }
}
[data-barba-namespace="page-results"] .result__high-list {
  padding: 8px 28px 43px;
  max-width: 375px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__high-list {
    padding: 37px 115px 22px 131px;
    max-width: inherit;
    margin: inherit;
  }
}
[data-barba-namespace="page-results"] .result__university {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 31px;
  position: relative;
  max-width: 375px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university {
    padding: 34px 57px;
    max-width: inherit;
    margin: inherit;
  }
}
[data-barba-namespace="page-results"] .result__university-info p {
  color: #2b2d2e;
  font-size: 13px;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info p {
    font-size: 24px;
    letter-spacing: 0.06em;
  }
}
[data-barba-namespace="page-results"] .result__university-info span {
  position: relative;
  color: #2b2d2e;
  font-size: 15px;
  font-weight: 700;
  padding-left: 17px;
  letter-spacing: 0.06em;
  margin-bottom: 23px;
  line-height: 1.4;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info span {
    font-size: 30px;
    padding-left: 36px;
    line-height: normal;
    margin-bottom: 43px;
  }
}
[data-barba-namespace="page-results"] .result__university-info span.is-only-pc-block {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info span.is-only-pc-block {
    display: block;
  }
}
[data-barba-namespace="page-results"] .result__university-info span.is-only-sp-block {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info span.is-only-sp-block {
    display: none;
  }
}
[data-barba-namespace="page-results"] .result__university-info span:before {
  content: "";
  width: 7px;
  height: 100%;
  border-radius: 8px;
  background-color: #35c5e2;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info span:before {
    width: 16px;
  }
}
[data-barba-namespace="page-results"] .result__university-info span.result__university-info-last {
  letter-spacing: 0.01em;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info span.result__university-info-last {
    margin-bottom: 26px;
  }
}
[data-barba-namespace="page-results"] .result__university-info-heading {
  color: #0863c2;
  font-size: 24px;
  font-weight: 700;
  margin: 13px 0 19px;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info-heading {
    line-height: 1.1;
    font-size: 60px;
    margin: 24px 0 51px;
  }
}
[data-barba-namespace="page-results"] .result__university-info-text {
  color: #2b2d2e;
  font-size: 11px;
  letter-spacing: 0.16em;
  line-height: 1.3;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-info-text {
    font-size: 16px;
    letter-spacing: 0.07em;
    line-height: normal;
  }
}
[data-barba-namespace="page-results"] .result__university-count-heading {
  color: #0863c2;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 34px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-count-heading {
    font-size: 121px;
    margin-bottom: 31px;
  }
}
[data-barba-namespace="page-results"] .result__university-count-heading span {
  color: #2b2d2e;
  font-size: 17px;
  font-weight: 700;
  margin-left: -11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-count-heading span {
    font-size: 48px;
    margin-left: -20px;
  }
}
[data-barba-namespace="page-results"] .result__university-count {
  text-align: right;
  padding-top: 0;
  position: absolute;
  top: 54px;
  right: 29px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-count {
    padding-top: 61px;
    position: inherit;
    top: auto;
    right: auto;
  }
}
[data-barba-namespace="page-results"] .result__university-count p {
  color: #0863c2;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-count p {
    font-size: 60px;
    margin-bottom: 26px;
  }
}
[data-barba-namespace="page-results"] .result__university-count p span {
  color: #2b2d2e;
  font-size: 12px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__university-count p span {
    font-size: 22px;
  }
}
[data-barba-namespace="page-results"] .results__image-top {
  margin: 30px auto 0;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .results__image-top {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="page-results"] .results__image-top-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-results"] .results__image-top-saitama {
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .results__image-top-saitama {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="page-results"] .results__image-bottom {
  margin: 20px auto 0;
}
[data-barba-namespace="page-results"] .results__image-bottom-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-results"] .result__table-mb {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__table-mb {
    margin-bottom: 40px;
  }
}
[data-barba-namespace="page-results"] .result__list {
  width: 90%;
  margin: 0 auto 64px !important;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .result__list {
    margin: 0 auto 95px !important;
  }
}
[data-barba-namespace="page-results"] .banner {
  position: relative;
  z-index: 1;
}
[data-barba-namespace="page-results"] .banner-body {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner-body {
    padding-top: 29.2361111111%;
  }
}
[data-barba-namespace="page-results"] .banner__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-results"] .banner__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-results"] .banner-note {
  position: absolute;
  top: calc(100% + 10px);
  left: calc(50% - 172.5px);
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.4933333333px;
  text-align: left;
  color: #2e2c2c;
  padding-left: 1em;
  transform-origin: top left;
  transform: scale(0.75);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner-note {
    top: calc(100% + 17px);
    left: calc(50% - 592px);
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.64px;
    transform: none;
  }
}
[data-barba-namespace="page-results"] .banner-note--second {
  top: calc(100% + 43px);
  left: calc(50% - 172.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner-note--second {
    top: calc(100% + 55px);
    left: calc(50% - 592px);
  }
}
[data-barba-namespace="page-results"] .banner-note:before {
  content: attr(data-before-content);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  line-height: 13.3333333333px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner-note:before {
    line-height: 20px;
  }
}
[data-barba-namespace="page-results"] .banner-note .pc-only {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner-note .pc-only {
    display: block;
  }
}
[data-barba-namespace="page-results"] .banner__decoration-sp {
  position: absolute;
  top: 59.0476190476%;
  right: -2%;
  width: 19.7333333333%;
  height: 0;
  padding-top: 37.0666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner__decoration-sp {
    display: none;
  }
}
[data-barba-namespace="page-results"] .banner__decoration-pc-1 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner__decoration-pc-1 {
    position: absolute;
    top: 50.8313539192%;
    right: 21.6%;
    display: block;
    width: 7.5694444444%;
    height: 0;
    padding-top: 17.8472222222%;
  }
}
[data-barba-namespace="page-results"] .banner__decoration-pc-2 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-results"] .banner__decoration-pc-2 {
    position: absolute;
    top: 43.4679334917%;
    right: 2.5%;
    display: block;
    width: 12.6736111111%;
    height: 0;
    padding-top: 23.6805555556%;
  }
}
[data-barba-namespace="page-results"] .banner__decoration-pc-1-body,
[data-barba-namespace="page-results"] .banner__decoration-pc-2-body,
[data-barba-namespace="page-results"] .banner__decoration-sp-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-results"] .banner__decoration-pc-1-body.is-active,
[data-barba-namespace="page-results"] .banner__decoration-pc-2-body.is-active,
[data-barba-namespace="page-results"] .banner__decoration-sp-body.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.highschool-mv {
  position: relative;
  margin: 0 0 8vw;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 768px) {
  .highschool-mv {
    margin: 0 0 80px;
  }
}
.highschool-mv__bg {
  height: 116vw;
  background: url(../images/views/page-course/highschool-mv_bg.jpg) no-repeat 50% / cover;
}
@media (min-width: 768px) {
  .highschool-mv__bg {
    height: 700px;
  }
}
.highschool-mv .container {
  position: relative;
  height: 100%;
  padding: 0 5.333333vw;
}
@media (min-width: 768px) {
  .highschool-mv .container {
    width: 1120px;
    margin: 0 auto;
    padding: 0 80px;
  }
}
.highschool-mv__women {
  position: absolute;
  bottom: -1.8666666667vw;
  right: 13.3333333333vw;
  width: 63.4666666667vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 0.8s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 0.8s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__women {
    bottom: -3px;
    right: 18px;
    width: 478px;
  }
}
.highschool-mv__right-men {
  position: absolute;
  bottom: -0.1333333333vw;
  right: -6.5333333333vw;
  width: 46.6666666667vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__right-men {
    bottom: -3px;
    right: -142px;
    width: 360px;
  }
}
.highschool-mv__left-men {
  position: absolute;
  bottom: 0;
  right: 52.4vw;
  width: 41.7333333333vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 0.9s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 0.9s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__left-men {
    bottom: -3px;
    right: 312px;
    width: 323px;
  }
}
.highschool-mv__left-hand-01 {
  position: absolute;
  bottom: -70px;
  right: -0.5333333333vw;
  width: 26.6666666667vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.3s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.3s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__left-hand-01 {
    bottom: -70px;
    right: -94px;
    width: 200px;
  }
}
.highschool-mv__left-hand-02 {
  position: absolute;
  bottom: -18.6666666667vw;
  right: 5.3333333333vw;
  width: 28vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.4s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.4s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__left-hand-02 {
    bottom: -134px;
    right: -50px;
    width: 210px;
  }
}
.highschool-mv__left-hand-03 {
  position: absolute;
  bottom: -3.2vw;
  right: 69.3333333333vw;
  width: 23.4666666667vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.5s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.5s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__left-hand-03 {
    bottom: -24px;
    right: 446px;
    width: 176px;
  }
}
.highschool-mv__left-hand-04 {
  position: absolute;
  bottom: -1.8666666667vw;
  right: 82.6666666667vw;
  width: 22.6666666667vw;
  transform: translateY(100%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.2s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.2s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__left-hand-04 {
    bottom: -14px;
    right: 550px;
    width: 170px;
  }
}
.highschool-mv__arrow {
  position: absolute;
  bottom: 1.0666666667vw;
  right: 1.0666666667vw;
  width: 53.3333333333vw;
  transform: translateY(117%);
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.8s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.8s forwards;
}
@media (min-width: 768px) {
  .highschool-mv__arrow {
    bottom: 90px;
    right: -120px;
    width: 340px;
  }
}
.highschool-mv__kamihubuki {
  position: absolute;
  top: 0;
  left: calc(50% + 20px);
  transform: translate3d(-50%, 0, 0);
  width: 1440px;
}
.highschool-mv__kamihubuki img {
  display: block;
  transform: translateY(-100%);
  -webkit-animation: fadeInSlideDown 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.8s forwards;
  animation: fadeInSlideDown 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 1.8s forwards;
}
.highschool-mv__title {
  position: absolute;
  top: 6.6666666667vw;
  left: 4.2666666667vw;
  width: 100%;
  transform: translateY(-100%);
  opacity: 0;
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 2.2s forwards,
    fadeInAlpha 0.5s cubic-bezier(0, 0, 1, 0) 2.2s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 2.2s forwards,
    fadeInAlpha 0.5s cubic-bezier(0, 0, 1, 0) 2.2s forwards;
  font-style: italic;
  font-size: 5.8666666667vw;
  font-weight: 900;
  line-height: 0.4;
  color: #0166ff;
  font-family: Noto Sans JP, sans-serif;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
    0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
    0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.highschool-mv__title span {
  line-height: 1.1;
  font-size: 8.8vw;
  font-style: italic;
  transform: rotate(-10deg) skewX(10deg);
}
@media (min-width: 768px) {
  .highschool-mv__title {
    top: 50px;
    left: -28px;
    width: 100%;
    font-size: 50px;
    line-height: 0.6;
  }
  .highschool-mv__title span {
    font-size: 67px;
    line-height: 1.2;
  }
}
.highschool-mv__subtitle {
  position: absolute;
  top: 100vw;
  left: 5vw;
  width: 90%;
  transform: translateY(-100%);
  opacity: 0;
  -webkit-animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 2.2s forwards,
    fadeInAlpha 0.5s cubic-bezier(0, 0, 1, 0) 2.2s forwards;
  animation: fadeInSlideUp 0.5s cubic-bezier(0, 0.28, 0.13, 0.98) 2.2s forwards,
    fadeInAlpha 0.5s cubic-bezier(0, 0, 1, 0) 2.2s forwards;
  z-index: 3;
}
@media (min-width: 768px) {
  .highschool-mv__subtitle {
    top: 350px;
    left: -84px;
    width: 590px;
  }
}
.highschool-mv__sp-bg {
  display: block;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .highschool-mv__sp-bg {
    display: none;
  }
}
@-webkit-keyframes fadeInSlideUp {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeInSlideUp {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInAlpha {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInAlpha {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInSlideDown {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeInSlideDown {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
[data-barba-namespace="page-course"] .episode {
  padding: 40px 0;
  background-color: #e2eaf9;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode {
    padding: 57px;
  }
}
[data-barba-namespace="page-course"] .episode__inner {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__inner {
    width: 1200px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .episode__title {
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__title {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-course"] .episode__title .sub {
  display: block;
  width: 13em;
  margin: 0 auto 20px;
  position: relative;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__title .sub {
    font-size: 32px;
  }
}
[data-barba-namespace="page-course"] .episode__title .sub:before {
  content: "";
  display: block;
  width: 0;
  height: 17px;
  border-right: 1px solid #000;
  position: absolute;
  top: 2px;
  left: 0;
  transform: rotate(-25deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__title .sub:before {
    height: 30px;
    border-right: 2px solid #000;
    transform: rotate(-25deg);
  }
}
[data-barba-namespace="page-course"] .episode__title .sub:after {
  content: "";
  display: block;
  width: 0;
  height: 17px;
  border-right: 1px solid #000;
  position: absolute;
  top: 2px;
  right: 0;
  transform: rotate(25deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__title .sub:after {
    height: 30px;
    border-right: 2px solid #000;
    transform: rotate(25deg);
  }
}
[data-barba-namespace="page-course"] .episode__title .main {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode__title .main {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .episode-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: relative;
    z-index: 3;
  }
}
[data-barba-namespace="page-course"] .episode-list__item {
  flex: 0 0 335px;
}
[data-barba-namespace="page-course"] .student-card {
  margin-bottom: 30px;
  position: relative;
  top: 50px;
  opacity: 0;
  transition: all 0.6s ease-out;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card {
    display: flex;
    flex-flow: column;
    margin: 15px;
  }
}
[data-barba-namespace="page-course"] .student-card.is-active {
  top: 0;
  opacity: 1;
}
[data-barba-namespace="page-course"] .student-card:nth-of-type(2) {
  transition-delay: 0.2s;
}
[data-barba-namespace="page-course"] .student-card:nth-of-type(3) {
  transition-delay: 0.4s;
}
[data-barba-namespace="page-course"] .student-card__header--pink {
  display: flex;
  position: relative;
  height: 100px;
  background-color: #f556ae;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__header--pink {
    height: 124px;
  }
}
[data-barba-namespace="page-course"] .student-card__header--blue {
  display: flex;
  position: relative;
  height: 100px;
  background: linear-gradient(130deg, #2d63a3, #54c1e8);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__header--blue {
    height: 124px;
  }
}
[data-barba-namespace="page-course"] .student-card__header-image {
  flex: 0 0 25%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__header-image {
    flex: 0 0 90px;
  }
}
[data-barba-namespace="page-course"] .student-card__header-image picture {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .student-card__header-image picture img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .student-card__header-text {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding: 10px 15px;
  position: relative;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__header-text {
    padding: 15px 5px 15px 14px;
  }
}
[data-barba-namespace="page-course"] .student-card__title {
  flex: 0 0 100%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__title {
    margin-bottom: 5px;
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .student-card__name {
  flex: 0 0 100%;
  display: inline-flex;
  align-items: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__name {
    position: absolute;
    right: 20px;
    bottom: 15px;
  }
}
[data-barba-namespace="page-course"] .student-card__name .tag-white {
  padding: 0.25em 0.5em;
  font-size: inherit;
}
[data-barba-namespace="page-course"] .student-card__name .honor {
  font-size: 14px;
}
[data-barba-namespace="page-course"] .student-card__body {
  padding: 15px 18px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .student-card__body {
    flex: 1 0 auto;
    padding: 18px 20px;
  }
}
[data-barba-namespace="page-course"] .student-card__body p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
[data-barba-namespace="page-course"] .student-card__desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  color: #ff0093;
}
[data-barba-namespace="page-course"] .student-card__desc .main {
  display: block;
  margin-right: 20px;
  font-size: 22px;
  font-weight: 700;
}
[data-barba-namespace="page-course"] .student-card__desc .sub {
  font-size: 12px;
  line-height: 1.25;
}
[data-barba-namespace="page-course"] img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}
[data-barba-namespace="page-course"] .course-hs {
  padding: 30px 0;
  background: url(../images/views/page-course/bg_stripe_slanting.png) repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs {
    padding: 70px 0 1px;
  }
}
[data-barba-namespace="page-course"] .course-hs__inner {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__inner {
    width: 1200px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .course-hs__title-note {
  width: 100%;
  height: auto;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title-note {
    font-size: 30px;
  }
}
[data-barba-namespace="page-course"] .course-hs__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto 0;
  font-size: 7.4666666667vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
  background: #0085fe;
  background: radial-gradient(circle, #0085fe 0, #0061fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title {
    font-size: 54px;
    margin: 15px auto 0;
  }
}
[data-barba-namespace="page-course"] .course-hs__title span {
  font-size: 4.8vw;
  padding: 0 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title span {
    font-size: 40px;
  }
}
[data-barba-namespace="page-course"] .course-hs__title-sub {
  width: 85%;
  padding: 15px 0;
  border: 2px solid #222;
  background-color: #fff;
  margin: 15px auto 30px;
  position: relative;
  font-size: 17px;
  font-weight: 700;
  color: #ec22c3;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title-sub {
    width: 767px;
    padding: 25px 0 28px;
    margin: 45px auto 40px;
    font-size: 38px;
  }
}
[data-barba-namespace="page-course"] .course-hs__title-sub:before {
  content: "";
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 15px 20px 0;
  position: absolute;
  left: 50%;
  z-index: 2;
  bottom: -13px;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title-sub:before {
    border-width: 20px 30px 0;
    bottom: -17px;
  }
}
[data-barba-namespace="page-course"] .course-hs__title-sub:after {
  content: "";
  width: 0;
  height: 0;
  border-color: #222 transparent transparent;
  border-style: solid;
  border-width: 15px 20px 0;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-hs__title-sub:after {
    border-width: 20px 30px 0;
    bottom: -20px;
  }
}
[data-barba-namespace="page-course"] .course-tab {
  display: flex;
  justify-content: space-around;
  padding: 0 20px;
  border-bottom: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-tab {
    display: none;
  }
}
[data-barba-namespace="page-course"] .course-tab .tab-trigger {
  display: block;
  padding: 0.5em 1em;
  margin: 0 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #0863c2;
}
[data-barba-namespace="page-course"] .course-tab .tab-trigger.is-active {
  background-color: #0863c2;
  color: #fff;
}
[data-barba-namespace="page-course"] .tab-target-wrap {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .tab-target-wrap {
    position: static;
  }
}
[data-barba-namespace="page-course"] .tab-target {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s;
}
[data-barba-namespace="page-course"] .tab-target.is-active {
  position: relative;
  opacity: 1;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .tab-target {
    position: static;
    opacity: 1;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group {
    width: 100%;
    border-radius: 26px;
    margin: 50px auto 100px;
    box-shadow: 10px 10px 0 -3px #eef1fa;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group:first-of-type .course-group__head {
    height: 100px;
  }
}
[data-barba-namespace="page-course"] .course-group__head {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group__head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 120px;
    padding: 0 50px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="page-course"] .course-group__head:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group__head:before {
    border-width: 14px 14px 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group__image {
    width: 250px;
    position: absolute;
    bottom: 0;
    left: 10px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group__title {
    font-size: 48px;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-style: italic;
  }
}
[data-barba-namespace="page-course"] .course-group__body {
  padding: 0 4%;
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-group__body {
    padding: 40px;
  }
}
[data-barba-namespace="page-course"] .course-item-wrap {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item-wrap {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-course"] .course-item-wrap .course-item:first-of-type {
  border-top: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"]
    .course-item-wrap
    .course-item:first-of-type.course-item:last-of-type {
    margin-bottom: 50px;
  }
}
[data-barba-namespace="page-course"] .course-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 15px;
  border-top: 1px dashed #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item {
    width: 820px;
    padding: 20px 0;
  }
}
[data-barba-namespace="page-course"] .course-item__head {
  flex: 0 0 22%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item__head {
    flex: 0 0 auto;
    margin: 0;
  }
}
[data-barba-namespace="page-course"] .course-item__image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item__image {
    display: block;
    height: auto;
    position: absolute;
    transform: scaleY(0);
    transform-origin: center bottom;
    transition: transform 0.4s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
}
[data-barba-namespace="page-course"] .course-item__image.is-active {
  transform: scale(1);
}
[data-barba-namespace="page-course"] .course-item__image.course-item__image--01 {
  width: 250px;
  top: -18px;
  right: 0;
}
[data-barba-namespace="page-course"] .course-item__image.course-item__image--02 {
  width: 254px;
  top: -111px;
  right: 30px;
}
[data-barba-namespace="page-course"] .course-item__image.course-item__image--03 {
  width: 226px;
  top: -90px;
  right: 30px;
}
[data-barba-namespace="page-course"] .course-item__title {
  display: inline-block;
  width: auto;
  padding: 0.5em 0.75em;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item__title {
    width: 160px;
    padding: 15px;
    border-radius: 10px;
    margin-right: 20px;
    font-size: 27px;
  }
}
[data-barba-namespace="page-course"] .course-item__title.sky {
  background-color: #3fc8e3;
}
[data-barba-namespace="page-course"] .course-item__title.orange {
  background-color: #f97a14;
}
[data-barba-namespace="page-course"] .course-item__title.yellow {
  background-color: #f9bb14;
}
[data-barba-namespace="page-course"] .course-item__body {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item__body {
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .course-item__body .note {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-item__body .note {
    position: absolute;
    bottom: -1.5em;
    font-size: 16px;
  }
}
[data-barba-namespace="page-course"] .course-table__wrap {
  width: 100%;
}
[data-barba-namespace="page-course"] .course-table {
  display: table;
  width: 100%;
  border: 2px solid #0863c2;
  font-weight: 700;
  line-height: 1.66;
  font-size: 13px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table {
    font-size: 18px;
    border: 1px solid #0863c2;
  }
}
[data-barba-namespace="page-course"] .course-table thead {
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  border-left: 0;
  border-right: 0;
  color: #0863c2;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table thead {
    color: #fff;
    font-size: 22px;
    border: 1px solid #0863c2;
    background-image: url(../images/global/blue-border.png);
  }
}
[data-barba-namespace="page-course"] .course-table thead td,
[data-barba-namespace="page-course"] .course-table thead th {
  padding: 4px;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table thead td,
  [data-barba-namespace="page-course"] .course-table thead th {
    padding: 20px 25px;
    border-color: #fff;
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
[data-barba-namespace="page-course"] .course-table tbody {
  border-bottom: 2px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table tbody {
    border: 1px solid #0863c2;
  }
}
[data-barba-namespace="page-course"] .course-table td,
[data-barba-namespace="page-course"] .course-table th {
  padding: calc(12px - 0.5em) 12px;
  border: 1px dashed #0863c2;
  position: relative;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table td,
  [data-barba-namespace="page-course"] .course-table th {
    padding: 20px 25px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .col-1,
  [data-barba-namespace="page-course"] .course-table .col-2 {
    width: 333px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .col-3 {
    width: 453px;
  }
}
[data-barba-namespace="page-course"] .course-table .sp-min-4em {
  min-width: 4em;
}
[data-barba-namespace="page-course"] .course-table .sp-min-5em {
  min-width: 5em;
}
[data-barba-namespace="page-course"] .course-table .bullet {
  padding-left: 1em;
  text-indent: -1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-big {
    font-size: 27px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-mid-big {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-mid {
    font-size: 20px;
  }
}
[data-barba-namespace="page-course"] .course-table .text-outline {
  color: #fff;
  text-shadow: 1px 1px 0 #f97a14, -1px -1px 0 #f97a14, -1px 1px 0 #f97a14, 1px -1px 0 #f97a14,
    0 1px 0 #f97a14, 0 -1px 0 #f97a14, -1px 0 0 #f97a14, 1px 0 0 #f97a14;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-pc-outline {
    color: #fff;
    text-shadow: 2px 2px 0 #f97a14, -2px -2px 0 #f97a14, -2px 2px 0 #f97a14, 2px -2px 0 #f97a14,
      0 2px 0 #f97a14, 0 -2px 0 #f97a14, -2px 0 0 #f97a14, 2px 0 0 #f97a14;
  }
}
[data-barba-namespace="page-course"] .course-table .text-sp-vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 2px;
  margin-top: 0.5em;
  display: inline;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-sp-vertical {
    -ms-writing-mode: initial;
    writing-mode: initial;
  }
}
[data-barba-namespace="page-course"] .course-table .text-sp-center {
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .text-sp-center {
    text-align: left;
  }
}
[data-barba-namespace="page-course"] .course-table .bg-sp-orange {
  background-color: #f97a14;
  color: #fff !important;
  border-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .bg-sp-orange {
    background-color: #fff;
    color: #222 !important;
  }
}
[data-barba-namespace="page-course"] .course-table .bg-sp-blue {
  background-color: #0863c2;
  color: #fff !important;
  border-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .bg-sp-blue {
    background-color: inherit;
    color: #222 !important;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .bg-pc-light-purple {
    background-color: #f4f6fd !important;
  }
}
[data-barba-namespace="page-course"] .course-table .baloon-wrap {
  position: absolute;
  right: -60px;
  top: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .baloon-wrap {
    right: 5px;
    top: -40px;
  }
}
[data-barba-namespace="page-course"] .course-table .pl-sp-65 {
  padding-left: 65px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .pl-sp-65 {
    padding-left: 25px;
  }
}
[data-barba-namespace="page-course"] .course-table .bl-sp-0 {
  border-left: 0;
}
[data-barba-namespace="page-course"] .course-table .br-sp-0 {
  border-right: 0;
}
[data-barba-namespace="page-course"] .course-table .bb-sp-2 {
  border-bottom: 2px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .course-table .bb-sp-2 {
    border-bottom: inherit;
  }
}
[data-barba-namespace="page-course"] .baloon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  padding: 0 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 3px #222;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  -ms-writing-mode: initial !important;
  writing-mode: initial !important;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .baloon {
    font-size: 16px;
    width: 107px;
    height: 102px;
  }
}
[data-barba-namespace="page-course"] .baloon:before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  z-index: 2;
  left: calc(-5% + 5px);
  bottom: 3px;
  transform: rotate(57deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .baloon:before {
    border: 10px solid transparent;
    border-top: 20px solid #fff;
    left: calc(-16% + 5px);
    bottom: 3px;
  }
}
[data-barba-namespace="page-course"] .baloon:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 10px solid #222;
  position: absolute;
  z-index: 1;
  left: -5%;
  bottom: 0;
  transform: rotate(57deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .baloon:after {
    border: 10px solid transparent;
    border-top: 20px solid #222;
    left: -16%;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction {
    display: flex;
    flex-direction: row-reverse;
    min-height: 238px;
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-course"] .introduction__image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66.9333333333%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__image {
    width: auto;
    flex: 0 0 50%;
    height: auto;
    padding-top: 0;
  }
}
[data-barba-namespace="page-course"] .introduction__image-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-course"] .introduction__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .introduction__text {
  padding: 24px calc(50% - 157.5px) 30px;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__text {
    padding: 48px 85px 60px calc(50% - 592px);
    flex: 0 0 50%;
    background-color: #fff;
  }
}
[data-barba-namespace="page-course"] .introduction__heading {
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__heading {
    text-align: left;
  }
}
[data-barba-namespace="page-course"] .introduction__heading-body {
  font-size: 23px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 2.76px;
  color: #2d2d2d;
  background-image: linear-gradient(180deg, transparent, transparent 70%, #ffea06 0, #ffea06);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__heading-body {
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 4.8px;
  }
}
[data-barba-namespace="page-course"] .introduction__description {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  text-align: center;
  color: #2d2d2d;
  margin-top: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__description {
    line-height: 30px;
    text-align: left;
    margin-top: 14px;
  }
}
[data-barba-namespace="page-course"] .introduction__description a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__description a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-course"] .introduction__description a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page-course"] .introduction__description a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page-course"] .introduction__description b,
[data-barba-namespace="page-course"] .introduction__description strong {
  color: #0863c2;
}
[data-barba-namespace="page-course"] .introduction__description em {
  background-color: #ffea06;
}
[data-barba-namespace="page-course"] .introduction__description small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="page-course"] .introduction__description .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .introduction__links {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__links {
    justify-content: flex-start;
    margin: 34px -7px 0;
  }
}
[data-barba-namespace="page-course"] .introduction__document-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  padding-left: 3px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #f97a14;
  color: #fff;
  background-color: #f97a14;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__document-link {
    width: 220px;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin: 0 7px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .introduction__document-link:hover {
    color: #f97a14;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"]
    .introduction__document-link:hover
    .introduction__document-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-course"] .introduction__document-main-icon {
  width: 15px;
  height: 17.5px;
  margin: 0 7px 0 -18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__document-main-icon {
    width: 16px;
    height: 19px;
    margin: 0 14px 0 -18px;
  }
}
[data-barba-namespace="page-course"] .introduction__document-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__document-sub-icon {
    right: 16px;
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="page-course"] .introduction__trial-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  padding-left: 3px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #0863c2;
  color: #fff;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__trial-link {
    width: 220px;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin: 0 7px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .introduction__trial-link:hover {
    color: #0863c2;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"]
    .introduction__trial-link:hover
    .introduction__trial-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-course"] .introduction__trial-main-icon {
  width: 13px;
  height: 13px;
  margin: 0 7px 0 -18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__trial-main-icon {
    width: 19px;
    height: 19px;
    margin: 0 14px 0 -18px;
  }
}
[data-barba-namespace="page-course"] .introduction__trial-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction__trial-sub-icon {
    right: 16px;
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="page-course"] .introduction-hs {
  display: flex;
  flex-flow: column wrap;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs {
    flex-flow: row wrap;
  }
}
[data-barba-namespace="page-course"] .introduction-hs .marker-yellow-half {
  background: linear-gradient(transparent 80%, #fee905 0);
}
[data-barba-namespace="page-course"] .introduction-hs__head {
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__head {
    flex: 1 0 55%;
    height: 450px;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__head .player {
  width: 100%;
  min-height: 211px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__head .player {
    width: 100%;
    height: 100%;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__body {
  display: flex;
  flex-flow: column nowrap;
  padding: 25px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__body {
    flex: 1 0 45%;
    padding: 27px 40px 40px;
    justify-content: flex-start;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__body .text-wrap {
  padding: 0 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__body .text-wrap {
    padding: 0;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__body .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__body .title {
    margin-bottom: 15px;
    font-size: 40px;
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__body .text {
  line-height: 1.875;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__body .text {
    font-size: 16px;
    margin-bottom: 2em;
  }
}
[data-barba-namespace="page-course"] .introduction-hs__body .links {
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .introduction-hs__body .links {
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
[data-barba-namespace="page-course"] .trouble {
  position: relative;
}
[data-barba-namespace="page-course"] .trouble__inner {
  position: relative;
  background-image: url(../images/global/translucent-border.png);
  background-position: 50%;
  background-color: #34caeb;
  background-size: 37px 37px;
  padding: 20px 0 43px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__inner {
    padding: 47px 0 64px;
  }
}
[data-barba-namespace="page-course"] .trouble__bg-txt {
  position: absolute;
  right: -50px;
  top: -29px;
  width: 272px;
  height: 227px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__bg-txt {
    width: 544px;
    height: 455px;
  }
}
[data-barba-namespace="page-course"] .trouble__title {
  color: #fff;
  font-weight: 700;
  margin: 0 auto 40px;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
}
[data-barba-namespace="page-course"] .trouble__title rt {
  font-size: 16px;
}
[data-barba-namespace="page-course"] .trouble__title:after,
[data-barba-namespace="page-course"] .trouble__title:before {
  content: "";
  position: absolute;
  top: 40%;
  width: 2px;
  height: 75%;
  background: #fff;
}
[data-barba-namespace="page-course"] .trouble__title:before {
  left: -5%;
  transform: rotate(-35deg);
}
[data-barba-namespace="page-course"] .trouble__title:after {
  right: -5%;
  transform: rotate(35deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__title {
    width: 628px;
    height: 59px;
    margin: 0 auto 100px;
    letter-spacing: 3px;
    font-size: 40px;
  }
  [data-barba-namespace="page-course"] .trouble__title rt {
    font-size: 36px;
  }
  [data-barba-namespace="page-course"] .trouble__title:after,
  [data-barba-namespace="page-course"] .trouble__title:before {
    width: 4px;
    top: 60%;
  }
  [data-barba-namespace="page-course"] .trouble__title:before {
    left: 2.5%;
  }
  [data-barba-namespace="page-course"] .trouble__title:after {
    right: 2.5%;
  }
}
[data-barba-namespace="page-course"] .trouble__title--chuko {
  width: 217px;
  height: 57px;
  margin: 0 auto 23px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: relative;
  line-height: 1.35;
}
[data-barba-namespace="page-course"] .trouble__title--chuko:after,
[data-barba-namespace="page-course"] .trouble__title--chuko:before {
  content: "";
  position: absolute;
  top: 30%;
  width: 2px;
  height: 75%;
  background: #fff;
}
[data-barba-namespace="page-course"] .trouble__title--chuko:before {
  left: -5%;
  transform: rotate(-35deg);
}
[data-barba-namespace="page-course"] .trouble__title--chuko:after {
  right: -5%;
  transform: rotate(35deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__title--chuko {
    width: 832px;
    height: 48px;
    margin: 21px auto 80px;
    letter-spacing: 3px;
    font-size: 40px;
  }
  [data-barba-namespace="page-course"] .trouble__title--chuko:after,
  [data-barba-namespace="page-course"] .trouble__title--chuko:before {
    width: 4px;
  }
  [data-barba-namespace="page-course"] .trouble__title--chuko:before {
    left: 5%;
  }
  [data-barba-namespace="page-course"] .trouble__title--chuko:after {
    right: 5%;
  }
}
[data-barba-namespace="page-course"] .trouble__list {
  width: 312px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__list {
    display: flex;
    justify-content: space-between;
    width: 1184px;
  }
}
[data-barba-namespace="page-course"] .trouble__item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 135px;
  margin-bottom: 30px;
  padding: 0 30px 0 20px;
  background: #fff;
  border-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__item {
    display: block;
    width: 352px;
    height: auto;
    margin-bottom: 0;
    padding: 23px 0 32px;
    border-radius: 14px;
  }
}
[data-barba-namespace="page-course"] .trouble__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .trouble__item-title {
  position: absolute;
  right: -30px;
  top: -26px;
  width: 73px;
  height: 73px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__item-title {
    right: -44px;
    top: -44px;
    width: 147px;
    height: 148px;
  }
}
[data-barba-namespace="page-course"] .trouble__item-thumbnail {
  flex-shrink: 0;
  width: 94px;
  margin: 0 15px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__item-thumbnail {
    width: 224px;
    margin: 0 auto 18px;
  }
}
[data-barba-namespace="page-course"] .trouble__item-desc {
  display: -webkit-box;
  max-height: 84px;
  line-height: 28px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 16px;
  letter-spacing: 0.06em;
  text-align: left;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble__item-desc {
    max-height: 58px;
    line-height: 29px;
    -webkit-line-clamp: 2;
    width: 224px;
    margin: 0 auto;
    font-size: 17px;
    text-align: center;
  }
}
[data-barba-namespace="page-course"] .trouble-hs {
  position: relative;
  background-image: url(../images/global/translucent-border.png);
  background-position: 50%;
  background-color: #34caeb;
  background-size: 37px 37px;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
[data-barba-namespace="page-course"] .trouble-hs__inner {
  position: relative;
  padding: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__inner {
    width: 1200px;
    padding: 80px 0;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__bg-txt {
  position: absolute;
  right: -50px;
  top: -29px;
  width: 272px;
  height: 227px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__bg-txt {
    width: 544px;
    height: 455px;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__title {
  width: 100%;
  margin: 0 auto 35px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__title {
    width: 100%;
    height: auto;
    letter-spacing: 3px;
    font-size: 40px;
    margin: 0 auto 64px;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-around;
  align-items: stretch;
  width: 100%;
  padding: 0 5%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__list {
    padding: 0;
    margin-top: -20px;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  flex: 0 0 48%;
  padding: 20% 12px 15px;
  border-radius: 7px;
  background: #fff;
  margin-top: 20%;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__item {
    flex: 0 0 352px;
    height: 100%;
    margin: 40px auto;
    padding: 40px 0;
    border-radius: 14px;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  background: url(../svg/global/badge-yellow.svg) no-repeat 48% / contain;
  position: absolute;
  z-index: 2;
  top: -90px;
  left: -8%;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.27;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__item-title {
    width: 148px;
    height: 148px;
    left: auto;
    right: -44px;
    top: -44px;
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .trouble-hs__item-thumbnail {
  width: 100%;
  height: 120px;
  margin: 0 auto;
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__item-thumbnail {
    width: auto;
    height: 280px;
    margin: 0 auto 18px;
    position: static;
    transform: translateX(0);
  }
}
[data-barba-namespace="page-course"] .trouble-hs__item-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
[data-barba-namespace="page-course"] .trouble-hs__item-desc {
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trouble-hs__item-desc {
    width: 90%;
    margin: 0 auto;
    font-size: 17px;
  }
}
[data-barba-namespace="page-course"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="page-course"] .trial:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="page-course"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-course"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-course"] .trial__header {
  position: relative;
  overflow: hidden;
}
[data-barba-namespace="page-course"] .trial__header-inner {
  position: relative;
  width: 375px;
  margin: 0 auto;
  padding: 31px 0 32px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-inner {
    padding: 96px 0 62px;
    width: 100%;
    min-width: 1280px;
    margin: 0 0 0 -640px;
    left: 50%;
  }
}
@media (min-width: 1280px) {
  [data-barba-namespace="page-course"] .trial__header-inner {
    margin: 0 auto;
    left: auto;
    max-width: 1440px;
  }
}
[data-barba-namespace="page-course"] .trial__header--chuko {
  background-color: #e2eaf9;
}
[data-barba-namespace="page-course"] .trial__header--chuko .trial__header-shimashima {
  transform: skewY(5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header--chuko .trial__header-shimashima {
    transform: skewY(-5deg);
  }
}
[data-barba-namespace="page-course"] .trial__header--chuko + .trial:before {
  border-color: #e2eaf9 transparent transparent;
}
[data-barba-namespace="page-course"] .trial__header--hs + .trial-hs {
  padding: 80px 0;
}
[data-barba-namespace="page-course"] .trial__header-shimashima {
  position: absolute;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url(../images/global/lightblue-border.png);
  background-size: 24px 24px;
  background-position: 50%;
  transform: skewY(5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-shimashima {
    height: 80px;
    background-size: 37px 37px;
  }
}
[data-barba-namespace="page-course"] .trial__header-shimashima--top {
  bottom: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-shimashima--top {
    bottom: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .trial__header-shimashima--bottom {
  top: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-shimashima--bottom {
    top: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .trial__header-title-sub {
  width: 258px;
  height: 39px;
  margin: 0 auto 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-title-sub {
    width: 517px;
    height: 79px;
    margin: 0 auto 28px;
  }
}
[data-barba-namespace="page-course"] .trial__header-title-main {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.66;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-title-main {
    font-size: 40px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-course"] .trial__header-title-main b,
[data-barba-namespace="page-course"] .trial__header-title-main em,
[data-barba-namespace="page-course"] .trial__header-title-main strong {
  padding-bottom: 2px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 4px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-title-main b,
  [data-barba-namespace="page-course"] .trial__header-title-main em,
  [data-barba-namespace="page-course"] .trial__header-title-main strong {
    padding-bottom: 3px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="page-course"] .trial__header-title-main .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .trial__header-thumbnail-girl {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl {
    display: block;
    position: absolute;
    z-index: 1;
    left: 9.6px;
    bottom: -4.8px;
    width: 234.4px;
    height: 188.8px;
    opacity: 0;
    transform: translateY(30%) scale(1.5, 0.5);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl.is-active {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl.jrhighschool {
    width: 242.4px;
    left: -32px;
  }
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl.highschool {
    width: 211.2px;
    left: 10px;
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl {
    left: 12px;
    bottom: -6px;
    width: 293px;
    height: 236px;
  }
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl.jrhighschool {
    width: 303px;
    left: 12px;
  }
  [data-barba-namespace="page-course"] .trial__header-thumbnail-girl.highschool {
    width: 264px;
    left: 47px;
  }
}
[data-barba-namespace="page-course"] .trial__header-thumbnail-man {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-thumbnail-man {
    display: block;
    position: absolute;
    z-index: 1;
    right: 27.2px;
    bottom: 40px;
    width: 177.6px;
    height: 188.8px;
  }
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man
    .trial__header-thumbnail-man--img,
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man
    .trial__header-thumbnail-man--svg {
    opacity: 0;
    transform: translateY(30%) scale(1.5, 0.5);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
  }
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man
    .trial__header-thumbnail-man--svg {
    position: relative;
    right: -12px;
    top: -5.6px;
    width: 128px;
    height: 42.4px;
    transition-delay: 0.15s;
  }
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man.is-active
    .trial__header-thumbnail-man--img,
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man.is-active
    .trial__header-thumbnail-man--svg {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-course"] .trial__header-thumbnail-man {
    right: 34px;
    bottom: 50px;
    width: 222px;
    height: 236px;
  }
  [data-barba-namespace="page-course"]
    .trial__header-thumbnail-man
    .trial__header-thumbnail-man--svg {
    right: -35px;
    top: 15px;
    width: 160px;
    height: 53px;
  }
}
[data-barba-namespace="page-course"] .trial__header-thumbnail-woman {
  position: absolute;
  right: 7px;
  bottom: -15px;
  width: 53px;
  height: 92px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-course"] .trial__header-thumbnail-woman.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial__header-thumbnail-woman {
    right: 72px;
    bottom: -17px;
    width: 176px;
    height: 260px;
  }
}
.barba-container.highschool + .footer .footer__conversion {
  display: none;
}
[data-barba-namespace="page-course"] {
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
[data-barba-namespace="page-course"] .trial-hs {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs {
    padding: 40px 0 80px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs .conversion-hs {
    width: 1180px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .trial-hs__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-course"] .trial-hs__conversion-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-barba-namespace="page-course"] .trial-hs__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .trial-hs__heading {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.44px;
  line-height: 2;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__heading {
    margin-bottom: 39px;
    font-size: 32px;
    letter-spacing: 2.4px;
    line-height: 1.3;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header {
  position: relative;
  overflow: hidden;
  background: url(../svg/views/page-course/bg_stripe.svg) repeat-x 50% / cover;
}
[data-barba-namespace="page-course"] .trial-hs__header-inner {
  position: relative;
  width: 100%;
  padding: 31px 0 32px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-inner {
    width: 1280px;
    padding: 96px 0 100px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-inner .marker-yellow-half {
  background: linear-gradient(transparent 60%, #fffe00 0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-title {
    margin-bottom: 50px;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-title-sub {
  width: 258px;
  height: auto;
  margin: 0 auto 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-title-sub {
    width: 800px;
    height: auto;
    margin: 0 auto 20px;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-title-main {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.66;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-title-main {
    font-size: 40px;
    line-height: 1.7;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-title-main .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .trial-hs__header-desc {
  margin: 25px auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.85;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-desc {
    font-size: 26px;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-image-01 {
  width: 80px;
  position: absolute;
  bottom: 0;
  left: 80vw;
  opacity: 0;
  transition: all 0.45s cubic-bezier(0, -0.02, 0, 1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-image-01 {
    width: 271px;
    height: auto;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-image-01.is-active {
  opacity: 1;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-image-01.is-active {
    left: 50%;
    transform: translateX(-616px);
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-image-02 {
  width: 80px;
  position: absolute;
  bottom: 0;
  right: 80vw;
  opacity: 0;
  transition: all 0.45s cubic-bezier(0, -0.02, 0, 1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-image-02 {
    width: 294px;
    height: 319px;
    right: auto;
    left: 0;
  }
}
[data-barba-namespace="page-course"] .trial-hs__header-image-02.is-active {
  opacity: 1;
  right: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__header-image-02.is-active {
    right: auto;
    left: 50%;
    transform: translateX(375px);
  }
}
[data-barba-namespace="page-course"] .trial-hs--2 {
  width: 100%;
  padding-top: 74px;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs--2 {
    padding: 140px 0 80px;
  }
}
[data-barba-namespace="page-course"] .trial-hs__image {
  width: 60%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: -35px;
  transform: scaleY(0) translateX(-77%);
  transform-origin: center bottom;
  transition: transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .trial-hs__image {
    width: 542px;
    height: auto;
    z-index: 1;
    left: 50%;
    top: -124px;
  }
}
[data-barba-namespace="page-course"] .trial-hs__image.is-active {
  transform: scale(1) translateX(-77%);
}
[data-barba-namespace="page-course"] .conversion-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: space-around;
  width: 100%;
  padding: 25px 17px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2 {
    width: 1180px;
    padding: 50px 70px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2 > * {
    margin: 12px 0;
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin-bottom: 10px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.84px;
  text-align: center;
  line-height: 36px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn {
    padding: 28px;
    transition: transform 0.3s, color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .conversion-2__btn:hover.conversion-2__btn--document {
    color: #f97a14;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"] .conversion-2__btn:hover.conversion-2__btn--consultation {
    color: #3fc8e3;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"] .conversion-2__btn:hover .conversion-2__btn-arrow {
    transform: translateX(10px);
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn-icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
[data-barba-namespace="page-course"] .conversion-2__btn-icon.consultation {
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn-icon.consultation {
    width: 42px;
    height: 37px;
    margin: 0 15px;
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn-icon.document {
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn-icon.document {
    width: 36px;
    height: 44px;
    margin: 0 35px 0 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn-text {
    padding-right: 30px;
    margin: 0 15px;
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn-arrow {
  width: 20px;
  height: 20px;
  margin: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn-arrow {
    width: 54px;
    height: 54px;
    margin: 0 15px;
    transition: transform 0.3s, color 0.3s, background-color 0.3s;
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn--consultation {
  border: 2px solid #3fc8e3;
  background-color: #3fc8e3;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn--consultation {
    flex: 0 0 100%;
    font-size: 32px;
    font-weight: 700;
  }
  [data-barba-namespace="page-course"] .conversion-2__btn--consultation:hover {
    color: #3fc8e3;
  }
}
[data-barba-namespace="page-course"] .conversion-2__btn--document {
  border: 2px solid #f97a14;
  background-color: #f97a14;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__btn--document {
    flex: 0 0 420px;
    font-size: 27px;
    font-weight: 700;
  }
  [data-barba-namespace="page-course"] .conversion-2__btn--document:hover {
    color: #f97a14;
  }
}
[data-barba-namespace="page-course"] .conversion-2__phone {
  order: 3;
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  background-color: #f2f2f2;
  box-shadow: 1px 1.7px 0 0 rgba(11, 32, 68, 0.2);
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__phone {
    order: 2;
    flex: 0 0 590px;
    height: 118px;
    margin: 0;
    box-shadow: none;
  }
}
[data-barba-namespace="page-course"] .conversion-2__phone-heading {
  position: relative;
  flex: 0 0 48px;
  height: 100%;
  background-color: #0863c2;
}
[data-barba-namespace="page-course"] .conversion-2__phone-heading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 48px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #0863c2;
  border-style: solid;
  border-width: 39px 0 39px 10px;
}
[data-barba-namespace="page-course"] .conversion-2__phone-heading:after {
  content: attr(data-content);
  white-space: pre-wrap;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 52px;
  height: 100%;
  font-size: 10px;
  line-height: 1.44;
  letter-spacing: 0.32px;
  color: #fff;
  transform: translateX(1px) scale(0.8);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__phone-heading {
    flex: 0 0 94px;
  }
  [data-barba-namespace="page-course"] .conversion-2__phone-heading:before {
    left: 94px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #0863c2;
    border-style: solid;
    border-width: 60px 0 60px 20px;
  }
  [data-barba-namespace="page-course"] .conversion-2__phone-heading:after {
    width: 84px;
    height: 100%;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.64px;
    transform: translateX(13px);
  }
}
[data-barba-namespace="page-course"] .conversion-2__phone-body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__phone-body {
    padding: 20px 0;
  }
}
[data-barba-namespace="page-course"] .conversion-2__phone-number {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  margin-top: 7px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  letter-spacing: 0.96px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__phone-number {
    flex: 0 0 100%;
    height: 39px;
    margin-top: 0;
    position: relative;
    top: 10px;
    font-size: 52px;
    letter-spacing: 1.3px;
  }
  [data-barba-namespace="page-course"] .conversion-2__phone-number.tel-len13 {
    font-size: 47px;
  }
}
[data-barba-namespace="page-course"] .conversion-2__phone-icon {
  width: 17px;
  height: 17.5px;
  margin-right: 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__phone-icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
}
[data-barba-namespace="page-course"] .conversion-2__opening-hours {
  width: 200px;
  height: 9px !important;
  margin: 6px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .conversion-2__opening-hours {
    width: 278px;
    height: 12px !important;
    margin: 5px 0 0;
  }
}
[data-barba-namespace="page-course"] .feature {
  position: relative;
  padding: 63px 0 51px;
  background: #e2eaf9;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature {
    padding: 142px 0 100px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__inner {
    position: relative;
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .feature__header-shimashima {
  position: absolute;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url(../images/global/lightblue-border.png);
  background-size: 24px 24px;
  background-position: 50%;
  transform: skewY(5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__header-shimashima {
    height: 80px;
    background-size: 37px 37px;
  }
}
[data-barba-namespace="page-course"] .feature__header-shimashima--top {
  bottom: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__header-shimashima--top {
    bottom: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .feature__header-shimashima--bottom {
  top: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__header-shimashima--bottom {
    top: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .feature__heading {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading {
    padding-bottom: 34px;
  }
}
[data-barba-namespace="page-course"] .feature__heading-human {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 109px;
  height: auto;
  margin-left: -54.5px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-course"] .feature__heading-human.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading-human {
    width: 173px;
    height: 170px;
    margin-left: -86.5px;
  }
}
[data-barba-namespace="page-course"] .feature__heading-human.highschool {
  width: 80px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading-human.highschool {
    width: 130px;
  }
}
[data-barba-namespace="page-course"] .feature__heading-human.jrhighschool {
  width: 69px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading-human.jrhighschool {
    width: 105px;
    margin-left: -52.5px;
  }
}
[data-barba-namespace="page-course"] .feature__heading-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #004ea1;
  text-shadow: 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading-title {
    font-size: 48px;
  }
}
[data-barba-namespace="page-course"] .feature__heading-title--chuko {
  margin-bottom: 27px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: #004ea1;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__heading-title--chuko {
    margin-top: -75px;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 1.25;
  }
}
[data-barba-namespace="page-course"] .feature__list {
  width: 100%;
}
[data-barba-namespace="page-course"] .feature__item {
  position: relative;
  margin-bottom: 57px;
}
[data-barba-namespace="page-course"] .feature__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .feature__item:last-of-type .feature__arrow {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item {
    margin-bottom: 100px;
  }
  [data-barba-namespace="page-course"] .feature__item:nth-of-type(2n) .feature__item-main {
    flex-direction: row-reverse;
  }
  [data-barba-namespace="page-course"]
    .feature__item:nth-of-type(2n)
    .feature__item-main-thumbnail {
    margin-left: 50px;
  }
  [data-barba-namespace="page-course"]
    .feature__item:nth-of-type(odd)
    .feature__item-main-thumbnail {
    margin-right: 50px;
  }
}
[data-barba-namespace="page-course"] .feature__item--01 .feature__item-heading-human {
  left: auto;
  right: -7px;
  width: 61px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item--01 .feature__item-heading-human {
    left: 129px;
    right: auto;
    width: 133px;
  }
}
[data-barba-namespace="page-course"] .feature__item--02 .feature__item-heading-human {
  left: auto;
  right: -12px;
  width: 67px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item--02 .feature__item-heading-human {
    left: 123px;
    right: auto;
    width: 133px;
  }
}
[data-barba-namespace="page-course"] .feature__item--03 .feature__item-heading-human {
  left: auto;
  right: -15px;
  width: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item--03 .feature__item-heading-human {
    left: 133px;
    right: auto;
    width: 130px;
  }
}
[data-barba-namespace="page-course"] .feature__item-heading {
  position: relative;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="page-course"] .feature__item-heading:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-heading:before {
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="page-course"] .feature__item-heading-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 375px;
  height: 100%;
  margin: 0 auto;
  min-height: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-heading-inner {
    position: static;
    width: auto;
    margin: 0;
    min-height: 100px;
  }
}
[data-barba-namespace="page-course"]
  .feature__item-heading-inner.is-active
  .feature__item-heading-number {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="page-course"]
  .feature__item-heading-inner.is-active
  .feature__item-heading-human {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-course"] .feature__item-heading-number {
  position: absolute;
  left: 10px;
  top: -27px;
  width: 54px;
  height: 51px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-heading-number {
    left: 40px;
    top: -68px;
    width: 108px;
    height: 103px;
  }
}
[data-barba-namespace="page-course"] .feature__item-heading-human {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-course"] .feature__item-heading-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  width: 264px;
  height: 100%;
  padding: 14px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-heading-title {
    font-size: 32px;
    letter-spacing: 0.12em;
    line-height: 1.3;
    width: 650px;
    padding: 20px 0;
  }
}
[data-barba-namespace="page-course"] .feature__item-heading-title b,
[data-barba-namespace="page-course"] .feature__item-heading-title em,
[data-barba-namespace="page-course"] .feature__item-heading-title strong {
  color: #fff047;
}
[data-barba-namespace="page-course"] .feature__item-heading-title .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .feature__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main {
    display: flex;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-thumbnail {
  flex-shrink: 0;
  width: 313px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-thumbnail {
    flex: 0 0 384px;
    margin: 0;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-thumbnail img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-course"] .feature__item-main-content {
  width: 330px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-content {
    flex: 1 1 auto;
    margin: 0;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-content-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-content-title {
    margin-top: -4px;
    margin-bottom: 19px;
    font-size: 27px;
    letter-spacing: 0.08em;
    line-height: 1.55;
    text-align: left;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-content-title b,
[data-barba-namespace="page-course"] .feature__item-main-content-title em,
[data-barba-namespace="page-course"] .feature__item-main-content-title strong {
  padding: 0 0 3px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 6px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-content-title b,
  [data-barba-namespace="page-course"] .feature__item-main-content-title em,
  [data-barba-namespace="page-course"] .feature__item-main-content-title strong {
    padding: 0 0 4px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-content-title .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc {
  width: 315px;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-content-desc {
    width: auto;
    margin: 0;
    line-height: 1.875;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__item-main-content-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-course"] .feature__item-main-content-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc b,
[data-barba-namespace="page-course"] .feature__item-main-content-desc strong {
  color: #0863c2;
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="page-course"] .feature__item-main-content-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .feature__arrow {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 15px);
  width: 20px;
  height: 26px;
}
[data-barba-namespace="page-course"] .feature__arrow svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__arrow {
    display: none;
  }
}
[data-barba-namespace="page-course"] .feature__decoration {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__decoration {
    display: block;
  }
}
[data-barba-namespace="page-course"] .feature__decoration-item {
  display: none;
  position: absolute;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature__decoration-item {
    display: block;
  }
}
[data-barba-namespace="page-course"] .feature__decoration-item--01 {
  left: -93px;
  top: -147px;
  width: 114px;
  height: 97px;
}
[data-barba-namespace="page-course"] .feature__decoration-item--02 {
  right: -125px;
  top: -160px;
  width: 120px;
  height: 109px;
}
[data-barba-namespace="page-course"] .feature__decoration-item--03 {
  left: -192px;
  top: -108px;
  width: 150px;
  height: 382px;
}
[data-barba-namespace="page-course"] .feature__decoration-item--04 {
  right: -120px;
  top: 89px;
  width: 98px;
  height: 116px;
}
[data-barba-namespace="page-course"] .feature__decoration-item--05 {
  left: -112px;
  top: 331px;
  width: 133px;
  height: 280px;
}
[data-barba-namespace="page-course"] .feature__decoration-item--06 {
  right: -117px;
  top: 406px;
  width: 199px;
  height: 181px;
}
[data-barba-namespace="page-course"] .text-yellow {
  color: #fee905;
}
[data-barba-namespace="page-course"] .text-blue {
  color: #0863c2;
}
[data-barba-namespace="page-course"] .feature-hs {
  position: relative;
  padding: 12px 0 16vw;
  background: #e2eaf9;
  overflow: hidden;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-hs {
    padding: 70px 0 100px;
    background-color: #e2eaf9;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-hs__inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }
}
[data-barba-namespace="page-course"] .feature-hs__title {
  width: 92.6666666667vw;
  margin: 0 auto 5.3333333333vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-hs__title {
    width: 100%;
    margin-bottom: 125px;
    text-align: center;
  }
}
[data-barba-namespace="page-course"] .feature-group:not(:first-of-type) {
  margin: 16vw auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group:not(:first-of-type) {
    margin: 100px auto;
  }
}
[data-barba-namespace="page-course"] .feature-group:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group {
    width: 100%;
    margin: 100px auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group:first-of-type .feature-group__head {
    height: 100px;
  }
}
[data-barba-namespace="page-course"] .feature-group__head {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 4vw 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__head {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    padding: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="page-course"] .feature-group__head:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__head:before {
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="page-course"] .feature-group__image {
  position: absolute;
  bottom: 0;
  left: 2.6666666667vw;
  width: 94.6666666667vw;
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 0.4s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__image {
    width: auto;
    right: auto;
    left: 10px;
  }
}
[data-barba-namespace="page-course"] .feature-group__image.is-active {
  transform: scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__image .group-0 {
    width: 272px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__image .group-1 {
    width: 307px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__image .group-2 {
    width: 300px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__image .group-3 {
    width: 318px;
  }
}
[data-barba-namespace="page-course"] .feature-group__title {
  color: #fff;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
  }
}
[data-barba-namespace="page-course"] .feature-block__inner {
  padding: 9.6vw 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__inner {
    padding: 0;
  }
}
[data-barba-namespace="page-course"] .feature-block__lead {
  width: auto;
  margin: 0;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__lead {
    width: calc(100% + 10px);
    margin: 0 0 32px;
    font-size: 22px;
    text-align: left;
  }
}
[data-barba-namespace="page-course"] .feature-block-sp-inner {
  padding: 9.3333333333vw 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block-sp-inner {
    padding: 0;
  }
}
@media (max-width: 767px) {
  [data-barba-namespace="page-course"] .feature-group__body__content {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body__content {
    height: 258px;
    overflow: hidden;
    transition: height 0.3s ease-out;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body__flex {
    display: flex;
    padding: 50px 0 40px;
  }
}
[data-barba-namespace="page-course"] .feature-group__body {
  padding: 0 2.6666666667vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body {
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0 20px 20px;
  }
}
[data-barba-namespace="page-course"] .feature-group__body.col-2 .feature-block {
  margin: 0 0 10.6666666667vw;
  padding: 0 5.3333333333vw 4vw;
  background-color: #fff;
}
[data-barba-namespace="page-course"] .feature-group__body.col-2 .feature-block:last-of-type {
  margin: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body.col-2 .feature-block:last-of-type {
    margin: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body.col-2 .feature-block {
    flex: 0 0 50%;
    margin: 0;
    padding: 0 45px;
  }
}
[data-barba-namespace="page-course"] .feature-group__body.col-3 .feature-block {
  margin: 0 0 10.6666666667vw;
  padding: 0 5.3333333333vw 4vw;
  background-color: #fff;
}
[data-barba-namespace="page-course"] .feature-group__body.col-3 .feature-block:last-of-type {
  margin: 0 0 16vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body.col-3 .feature-block:last-of-type {
    margin: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-group__body.col-3 .feature-block {
    flex: 0 0 33.33333333%;
    margin: 0;
    padding: 0 30px;
  }
}
[data-barba-namespace="page-course"] .feature-block__close {
  margin: 9.3333333333vw 0 0;
  padding: 2.1333333333vw 0 0;
  font-size: 3.4666666667vw;
  font-weight: 700;
  text-align: center;
  border-top: 0.2666666667vw solid #0863c2;
}
[data-barba-namespace="page-course"] .feature-block__close[aria-expanded="true"] .close {
  display: none;
}
[data-barba-namespace="page-course"] .feature-block__close[aria-expanded="true"]:after {
  transform: rotate(135deg) translateX(-50%);
}
[data-barba-namespace="page-course"] .feature-block__close[aria-expanded="false"] .open {
  display: none;
}
[data-barba-namespace="page-course"] .feature-block__close[aria-expanded="false"]:after {
  top: -1.3333333333vw;
  transform: rotate(-45deg) translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__close {
    display: none;
  }
}
[data-barba-namespace="page-course"] .feature-block__close:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.8vw;
  width: 2vw;
  height: 2vw;
  margin: 0 0 0 3.7333333333vw;
  border-bottom: 0.3733333333vw solid #0863c2;
  border-left: 0.3733333333vw solid #0863c2;
  transform: rotate(135deg) translateX(-50%);
}
[data-barba-namespace="page-course"] .feature-block__close-pc,
[data-barba-namespace="page-course"] .feature-block__close-pc[aria-expanded="true"] .close {
  display: none;
}
[data-barba-namespace="page-course"] .feature-block__close-pc[aria-expanded="true"]:after {
  transform: rotate(135deg) translateX(-50%);
}
[data-barba-namespace="page-course"] .feature-block__close-pc[aria-expanded="false"] .open {
  display: none;
}
[data-barba-namespace="page-course"] .feature-block__close-pc[aria-expanded="false"]:after {
  top: -6px;
  transform: rotate(-45deg) translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__close-pc {
    display: block;
    margin: 24px 0 0;
    padding: 14px 0 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #0863c2;
    cursor: pointer;
  }
  [data-barba-namespace="page-course"] .feature-block__close-pc:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    width: 8px;
    height: 8px;
    margin: 0 0 0 14px;
    border-bottom: 2px solid #0863c2;
    border-left: 2px solid #0863c2;
    transform: rotate(135deg) translateX(-50%);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block {
    border-left: 1px dashed #0863c2;
  }
  [data-barba-namespace="page-course"] .feature-block:first-of-type {
    border: none;
  }
}
[data-barba-namespace="page-course"] .feature-block .text-small {
  position: absolute;
  top: 10.6666666667vw;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block .text-small {
    position: static;
  }
}
[data-barba-namespace="page-course"] .feature-block__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: auto;
  margin: 0 0 8vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__title {
    width: calc(100% + 20px);
    margin: 0 0 30px;
  }
}
[data-barba-namespace="page-course"] .feature-block__title .icon {
  position: relative;
  width: 17.3333333333vw;
  margin-right: 2vw;
  z-index: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__title .icon {
    width: 65px;
    height: auto;
    margin-right: 15px;
    top: -8px;
  }
}
[data-barba-namespace="page-course"] .feature-block__title .text {
  position: relative;
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.4;
  z-index: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__title .text {
    font-size: 27px;
    letter-spacing: 2.5px;
  }
}
[data-barba-namespace="page-course"] .feature-block__title .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 21.3333333333vw;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__title .bg {
    width: auto;
    height: 100px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__body .lead {
    margin: 30px auto;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
  }
  [data-barba-namespace="page-course"] .feature-block__body .feature-block-sp-inner {
    display: flex;
  }
  [data-barba-namespace="page-course"] .feature-block__body .feature-block-sp-inner.row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  [data-barba-namespace="page-course"] .feature-block__body .feature-block-sp-inner.row .image {
    order: 2;
    flex: 0 0 180px;
    height: auto;
    margin-left: 20px;
  }
  [data-barba-namespace="page-course"] .feature-block__body .feature-block-sp-inner.row .text-wrap {
    order: 1;
    flex: 0 0 300px;
  }
  [data-barba-namespace="page-course"] .feature-block__body .feature-block-sp-inner.column {
    flex-direction: column;
    flex: 0 0 320px;
    margin: 0 auto;
  }
  [data-barba-namespace="page-course"]
    .feature-block__body
    #feature-block-sp-3-0
    .feature-block-sp-inner.column {
    flex: 1 0 100%;
  }
}
[data-barba-namespace="page-course"] .feature-block__body .content-wrap {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__body .content-wrap {
    display: flex;
    height: auto;
    overflow: visible;
  }
}
[data-barba-namespace="page-course"] .feature-block__body .text-wrap {
  margin: 2.6666666667vw 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__body .text-wrap {
    margin: 0;
  }
}
[data-barba-namespace="page-course"] .feature-block__body .text-wrap p {
  font-size: 4.2666666667vw;
  letter-spacing: 0.1em;
  line-height: 1.875;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__body .text-wrap p {
    font-size: 16px;
    line-height: 1.875;
  }
}
[data-barba-namespace="page-course"] .feature-block__body .image {
  width: 100%;
  height: 142px;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 100%;
  object-position: 0 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .feature-block__body .image {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
[data-barba-namespace="page-course"] .price-note {
  position: relative;
  width: 77.6vw;
  margin: 8.8vw 0 0;
  padding: 4.8vw 5.3333333333vw;
  font-size: 4.2666666667vw;
  border: 0.24vw solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price-note {
    width: auto;
    padding: 1.25em;
    border: 1px solid #0863c2;
    margin-top: 40px;
    font-size: 14px;
  }
}
[data-barba-namespace="page-course"] .price-note .title {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -2.1333333333vw;
  width: 44.6666666667vw;
  background-color: #fff;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price-note .title {
    position: static;
    width: 140px;
    margin-top: -25px;
    margin-bottom: 15px;
    text-align: center;
  }
}
[data-barba-namespace="page-course"] .price-note .body {
  line-height: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price-note-small {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
}
[data-barba-namespace="page-course"] .flow-hs {
  padding: 30px 0 0;
  background: url(../images/views/page-course/bg_stripe_long.png) repeat-x 50% / cover;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs {
    padding: 45px 0 0;
  }
}
[data-barba-namespace="page-course"] .flow-hs__inner {
  width: 100%;
  padding: 0 3%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__inner {
    width: 1180px;
    padding: 0;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-course"] .flow-hs__title_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 30px auto 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__title_box {
    margin: 50px auto 100px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title_bg {
  width: 45%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title_bg {
    width: 100%;
    max-width: 320px;
    top: 35%;
  }
}
[data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title_bg img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 6%;
}
[data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title span {
  color: #000;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,
    0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,
    0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title span {
    font-size: 32px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title b {
  font-size: 10.6666666667vw;
  color: #0863c2;
  margin-top: 10px;
  font-weight: 700;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,
    0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,
    0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__title_box .flow-hs__title b {
    font-size: 64px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__body {
  border-radius: 20px;
  background-color: #fff;
  padding: 0 2% 50px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__body {
    padding: 35px 35px 100px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__sub {
  width: 258px;
  height: 39px;
  margin: 0 auto 9px;
  position: relative;
  top: -20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__sub {
    width: 800px;
    height: auto;
    margin: 0 auto 20px;
    top: -65px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__text {
  margin-bottom: 1em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.84;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__text {
    margin: -60px auto 50px;
    font-size: 26px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__image {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__image {
    width: 1111px;
    height: 706px;
    background-color: #f5f6fa;
    margin: 0 auto 40px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__student {
  width: 50%;
  position: absolute;
  z-index: 1;
  left: 3%;
  top: 4%;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform 0.5s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__student {
    width: 488px;
    left: 90px;
    top: 54px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__student.is-active {
  transform: scale(1);
}
[data-barba-namespace="page-course"] .flow-hs__arrow {
  width: 75%;
  position: absolute;
  z-index: 3;
  left: 8%;
  top: 2%;
  transform: scale(0);
  transform-origin: bottom left;
  transition: transform 1s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__arrow {
    width: 739px;
    left: 158px;
    top: 22px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__arrow.is-active {
  transform: scale(1);
}
[data-barba-namespace="page-course"] .flow-hs__image-main {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__image-main {
    width: 914px;
    top: 36px;
  }
}
[data-barba-namespace="page-course"] .flow-hs__message {
  margin: 0 auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.84;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .flow-hs__message {
    font-size: 40px;
  }
}
[data-barba-namespace="page-course"] .price {
  position: relative;
  padding: 0 0 40px;
  background-color: #e2eaf9;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price {
    padding: 0;
    background: none;
  }
}
[data-barba-namespace="page-course"] .price__inner {
  position: relative;
  padding: 33px 0 43px;
  background-image: url(../images/global/gray-border2.png);
  background-position: 50%;
  background-color: #f5f6fa;
  background-size: 37px 37px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__inner {
    padding: 69px 0 81px;
  }
}
[data-barba-namespace="page-course"] .price__title {
  margin-bottom: 16px;
  font-weight: 700;
  color: #004ea2;
  font-size: 24px;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__title {
    margin-bottom: 65px;
    font-size: 48px;
  }
}
[data-barba-namespace="page-course"] .price__content-item {
  display: flex;
  justify-content: center;
  width: 312px;
  margin: 0 auto 26px;
  padding: 0 0 26px;
  background: #fff;
  border-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__content-item {
    width: 1182px;
    margin: 0 auto;
    padding: 0 0 53px;
    border-radius: 14px;
    box-shadow: 10px 10px 0 0 rgba(226, 234, 249, 0.4);
  }
}
[data-barba-namespace="page-course"] .price__content-item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .price__table {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: center;
  border-collapse: collapse;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table {
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .price__table small {
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table small {
    font-size: 16px;
  }
}
[data-barba-namespace="page-course"] .price__table th {
  padding: 21px 0 15px;
  font-weight: 700;
  color: #004ea2;
  font-size: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table th {
    padding: 46px 0 36px;
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .price__table td {
  vertical-align: middle;
  width: 177px;
  padding: 21px 0;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table td {
    width: 384px;
    padding: 36px 0;
  }
}
[data-barba-namespace="page-course"] .price__table td:first-of-type {
  font-weight: 700;
  color: #004ea2;
  width: 90px;
  font-size: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table td:first-of-type {
    width: 276px;
    font-size: 22px;
  }
}
[data-barba-namespace="page-course"] .price__table td:last-of-type {
  border-right: none;
}
[data-barba-namespace="page-course"] .price__table thead {
  border-bottom: 2px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__table thead {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="page-course"] .price__table tbody tr:nth-of-type(2n) {
  background: rgba(226, 234, 249, 0.4);
}
[data-barba-namespace="page-course"] .price__pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__pc {
    display: block;
  }
}
[data-barba-namespace="page-course"] .price__sp {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__sp {
    display: none;
  }
}
[data-barba-namespace="page-course"] .price__caution {
  font-size: 12px;
  color: #999;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .price__caution {
    font-size: 16px;
  }
}
[data-barba-namespace="page-course"] .subject-feature {
  padding: 58px 0 40px;
  background: #dee7f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature {
    padding: 149px 0 100px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__inner {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__inner {
    width: 1182px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__heading {
  position: relative;
  padding-bottom: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__heading {
    padding-bottom: 35px;
  }
}
[data-barba-namespace="page-course"]
  .subject-feature__heading.is-active
  .subject-feature__heading-human {
  opacity: 1;
  transform: translate(-52%) scale(1);
}
[data-barba-namespace="page-course"]
  .subject-feature__heading.is-active
  .subject-feature__heading-bubble {
  opacity: 1;
  transform: translateX(42%) rotate(0deg);
}
[data-barba-namespace="page-course"] .subject-feature__heading-human {
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 62px;
  height: auto;
  opacity: 0;
  transform: translate(-52%, 30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__heading-human {
    width: 132px;
    bottom: 0;
  }
}
[data-barba-namespace="page-course"] .subject-feature__heading-bubble {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__heading-bubble {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 121px;
    width: 150px;
    height: 65px;
    opacity: 0;
    transform: translateX(42%) rotate(45deg);
    transform-origin: left bottom;
    transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  }
}
[data-barba-namespace="page-course"] .subject-feature__heading-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #004ea1;
  text-shadow: 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__heading-title {
    font-size: 48px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__list {
  margin-top: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__list {
    margin-top: 0;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item {
  margin-bottom: 30px;
  overflow: hidden;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item {
    margin-bottom: 50px;
    border-radius: 10px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .subject-feature__item-title {
  padding: 20px 0;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.06em;
  color: #fff;
  text-align: center;
  background-image: url(../images/global/translucent-border.png);
  background-color: #0863c2;
  background-size: 12px 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-title {
    padding: 34px 0;
    font-size: 32px;
    background-size: 25px 25px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main {
  padding: 21px 0 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main {
    padding: 44px 78px 62px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item {
  width: 313px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item {
    width: auto;
    margin: 0 0 54px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-title {
    margin-bottom: 33px;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-title-icon {
  display: none;
  width: 25px;
  height: 37px;
  color: #62cadf;
  margin-right: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-title-icon {
    display: block;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-title-icon svg {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-title-txt {
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.06em;
  line-height: 1.55;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-title-txt {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-content {
    display: flex;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-thumbnail {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-content-thumbnail {
    width: 384px;
    margin-right: 50px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt {
    letter-spacing: 0.06em;
    line-height: 1.8;
  }
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page-course"]
  .subject-feature__item-main-item-content-txt
  a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt b,
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt strong {
  color: #0863c2;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt em {
  background-color: #ffea06;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="page-course"] .subject-feature__item-main-item-content-txt .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .prefectures {
  position: relative;
  background-color: #fff;
  padding: 60px 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures {
    padding: 152px 0 0;
  }
}
[data-barba-namespace="page-course"] .prefectures__inner {
  position: relative;
  z-index: 1;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__inner {
    border: 4px solid #0863c2;
    border-radius: 20px;
    width: 1184px;
    margin: 0 auto 30px;
  }
}
[data-barba-namespace="page-course"] .prefectures__heading {
  position: absolute;
  top: -40px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1.14px;
  color: #0863c2;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__heading {
    top: -90px;
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="page-course"] .prefectures__body-bg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60.2666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__body-bg {
    width: 100%;
    height: 477px;
    padding-top: 0;
    border-radius: 16px;
    overflow: hidden;
  }
}
[data-barba-namespace="page-course"] .prefectures__body-bg-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .prefectures__link-body {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__link-body {
    width: 281px;
    height: 64px;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    box-shadow: 3px 5.2px 0 0 rgba(11, 32, 68, 0.28);
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .prefectures__link-body .prefectures__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-course"] .prefectures__link-body:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"] .prefectures__link-body:hover .prefectures__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-course"] .prefectures__link--tochigi {
  top: 30.9734513274%;
  left: 68%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__link--tochigi {
    top: 128px;
    left: 633px;
  }
}
[data-barba-namespace="page-course"] .prefectures__link--gunma {
  top: 48.6725663717%;
  left: 26.1333333333%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__link--gunma {
    top: 184px;
    left: 253px;
  }
}
[data-barba-namespace="page-course"] .prefectures__link--saitama {
  top: 84.5132743363%;
  left: 53.8666666667%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__link--saitama {
    top: 396px;
    left: 451px;
  }
}
[data-barba-namespace="page-course"] .prefectures__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-course"] .prefectures-other {
  position: relative;
  padding: 10px 0 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures-other {
    padding: 36px 0 93px;
  }
}
[data-barba-namespace="page-course"] .prefectures-other__list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 312px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures-other__list {
    justify-content: center;
    width: auto;
  }
}
[data-barba-namespace="page-course"] .prefectures-other__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 40px;
  margin-right: 0;
  margin-bottom: 15px;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
[data-barba-namespace="page-course"] .prefectures-other__link:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures-other__link {
    width: 340px;
    height: 64px;
    margin-right: 80px;
    margin-bottom: 0;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .prefectures-other__link .prefectures-other__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-course"] .prefectures-other__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"]
    .prefectures-other__link:hover
    .prefectures-other__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-course"] .prefectures-other__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 7px;
  height: 4px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures-other__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-course"] .prefectures-other__title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.06em;
  color: #0863c2;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures-other__title {
    margin-bottom: 40px;
    font-size: 36px;
  }
}
[data-barba-namespace="page-course"] .prefectures__header-shimashima {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url(../images/global/lightblue-border.png);
  background-size: 24px 24px;
  background-position: 50%;
  transform: skewY(5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__header-shimashima {
    display: block;
    height: 80px;
    background-size: 37px 37px;
  }
}
[data-barba-namespace="page-course"] .prefectures__header-shimashima--top {
  bottom: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__header-shimashima--top {
    bottom: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .prefectures__header-shimashima--bottom {
  top: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .prefectures__header-shimashima--bottom {
    top: calc(100% + 5px);
  }
}
[data-barba-namespace="page-course"] .qa {
  padding: 50px 0 65px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .qa {
    padding: 100px calc(50% - 512px);
  }
}
[data-barba-namespace="page-course"] .qa__heading {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #333;
  margin-bottom: 42px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .qa__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 58px;
  }
}
[data-barba-namespace="page-course"] .qa__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .qa__link {
    width: 360px;
    height: 64px;
    margin: 60px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .qa__link .differences__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-course"] .qa__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-course"] .qa__link:hover .differences__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-course"] .qa__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .qa__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-course"] .school_tabs {
  display: block;
  height: 40px;
  padding: 0 24px;
  border-bottom: 2px solid #0c62c3;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .school_tabs {
    padding: 0;
    height: 80px;
  }
}
[data-barba-namespace="page-course"] .school_tabs .school_tabs_item--base {
  border-top: 2px solid #0c62c3;
  border-left: 2px solid #0c62c3;
  border-right: 2px solid #0c62c3;
}
[data-barba-namespace="page-course"] .school_tabs .school_tabs_item--course {
  border-bottom: 2px solid #0c62c3;
}
[data-barba-namespace="page-course"] .school_tabs.is-course {
  border-bottom: 2px solid var(--session-tab-color);
}
[data-barba-namespace="page-course"] .school_tabs.is-course .school_tabs_item--base {
  border: none;
  border-bottom: 2px solid var(--session-tab-color);
}
[data-barba-namespace="page-course"] .school_tabs.is-course .school_tabs_item--course {
  border: 2px solid var(--session-tab-color);
  border-bottom: none;
}
[data-barba-namespace="page-course"] .school_tabs_list {
  display: flex;
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 2px;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .school_tabs_list {
    width: 960px;
  }
}
[data-barba-namespace="page-course"] .school_tabs_item {
  width: 50%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .school_tabs_item {
    width: 470px;
    height: 100%;
    font-size: 28px;
  }
}
[data-barba-namespace="page-course"] .school_tabs_item--base {
  color: #0c62c3;
  background-color: #e4ecfb;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .school_tabs_item--base {
    margin-right: 20px;
  }
}
[data-barba-namespace="page-course"] .school_tabs_item--base.is-active {
  border-bottom: none;
}
[data-barba-namespace="page-course"] .school_tabs_item--course {
  color: #fff;
  background-color: var(--session-tab-color);
}
[data-barba-namespace="page-course"] .js-school_tab {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .school__contents_wrap {
  display: none;
}
[data-barba-namespace="page-course"] .school__contents_wrap.is-active {
  display: block;
}
[data-barba-namespace="page-course"] .banner {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .banner {
    display: block;
    height: 160px;
    width: 1184px;
    margin: 20px auto;
    position: relative;
  }
  [data-barba-namespace="page-course"] .banner .banner__image {
    top: 0;
  }
  [data-barba-namespace="page-course"] .banner:hover {
    opacity: 0.6;
  }
  [data-barba-namespace="page-course"] .banner + .features {
    padding-top: 255px;
  }
}
[data-barba-namespace="page-course"] .banner__image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.6666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .banner__image {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1184px;
    height: 160px;
    padding-top: 0;
  }
}
[data-barba-namespace="page-course"] .banner__image-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .banner__top {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .banner__top {
    display: block;
    height: 160px;
    width: 1184px;
    margin: 0 auto 40px;
    position: relative;
  }
  [data-barba-namespace="page-course"] .banner__top .banner__image {
    top: 0;
  }
  [data-barba-namespace="page-course"] .banner__top:hover {
    opacity: 0.6;
  }
  [data-barba-namespace="page-course"] .banner__top + .features {
    padding-top: 255px;
  }
}
[data-barba-namespace="page-course"] .banner__top_image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.6666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .banner__top_image {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1184px;
    height: 160px;
    padding-top: 0;
  }
}
[data-barba-namespace="page-course"] .banner__top_image-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .sliderBanner__body {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 2;
  transition-property: opacity, visibility, transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(0);
}
[data-barba-namespace="page-course"] .sliderBanner__body.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__body {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__body.loopFalse .sliderBanner__list {
    transform: translateZ(0) !important;
  }
  [data-barba-namespace="page-course"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:last-of-type {
    margin-right: 0 !important;
  }
  [data-barba-namespace="page-course"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:first-of-type.sliderBanner__item:last-of-type {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 auto !important;
  }
  [data-barba-namespace="page-course"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:first-of-type.sliderBanner__item:last-of-type
    img {
    border: none;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__list {
    display: flex;
    flex-wrap: nowrap;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 312px;
  height: 147px;
  padding: 10px 7.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__item {
    flex: 0 0 557px;
    height: 160px;
    padding: 0;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-course"] .sliderBanner__item:hover {
    opacity: 0.8;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__list,
[data-barba-namespace="page-course"] .swiper-container-android .sliderBanner__item {
  transform: translateZ(0);
}
[data-barba-namespace="page-course"] .swiper-container-free-mode > .sliderBanner__list {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
[data-barba-namespace="page-course"] .swiper-slide-invisible-blank {
  visibility: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner {
    position: relative;
    width: 1194px;
    margin: 20px auto;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__image {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .sliderBanner__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
  border: 1px solid #0863c2;
}
[data-barba-namespace="page-course"] .sliderBanner__next-button,
[data-barba-namespace="page-course"] .sliderBanner__prev-button {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border: 2px solid #0a68ca;
  color: #fff;
  background-color: #0a68ca;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__next-button,
  [data-barba-namespace="page-course"] .sliderBanner__prev-button {
    top: 0;
    transform: none;
    width: 20px;
    height: 100%;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-course"] .sliderBanner__next-button:hover,
  [data-barba-namespace="page-course"] .sliderBanner__prev-button:hover {
    color: #0a68ca;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .is-no__slide .sliderBanner__list {
    justify-content: center;
  }
}
[data-barba-namespace="page-course"] .is-no__slide .sliderBanner__next-button,
[data-barba-namespace="page-course"] .is-no__slide .sliderBanner__prev-button {
  display: none;
}
[data-barba-namespace="page-course"] .sliderBanner__prev-button {
  left: calc(50% - 157px);
  padding: 1px 1px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__prev-button {
    left: 0;
    padding: 0;
    border-right-width: 1px;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__next-button {
  right: calc(50% - 157px);
  padding: 0 0 1px 1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__next-button {
    right: 0;
    padding: 0;
    border-left-width: 1px;
  }
}
[data-barba-namespace="page-course"] .sliderBanner__next-button-icon,
[data-barba-namespace="page-course"] .sliderBanner__prev-button-icon {
  width: 5.2px;
  height: 9.2px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .sliderBanner__next-button-icon,
  [data-barba-namespace="page-course"] .sliderBanner__prev-button-icon {
    width: 6px;
    height: 11px;
    transform: none;
  }
}
[data-barba-namespace="page-course"] .achievement {
  position: relative;
  padding: 21px 0 38px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement {
    padding: 54px 0 80px;
  }
}
[data-barba-namespace="page-course"] .achievement__inner {
  position: relative;
  width: 312px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__inner {
    width: 1183px;
  }
}
[data-barba-namespace="page-course"] .achievement__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__heading {
    margin-bottom: 64px;
  }
}
[data-barba-namespace="page-course"] .achievement__heading-inner {
  position: relative;
}
[data-barba-namespace="page-course"] .achievement__heading-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__heading-title {
    font-size: 48px;
    line-height: 1.25;
  }
}
[data-barba-namespace="page-course"] .achievement__heading-title:after,
[data-barba-namespace="page-course"] .achievement__heading-title:before {
  content: "";
  width: 22px;
  height: 23px;
  background-image: url(../svg/views/page-chuko/flower.svg);
  background-size: 100% 100%;
  margin: 0 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__heading-title:after,
  [data-barba-namespace="page-course"] .achievement__heading-title:before {
    width: 45px;
    height: 46px;
    margin: 0 18px;
  }
}
[data-barba-namespace="page-course"] .achievement__heading-title:after {
  transform: rotate(-180deg);
}
[data-barba-namespace="page-course"] .achievement__heading-time {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__heading-time {
    position: absolute;
    left: 100%;
    bottom: 8px;
    margin-top: 0;
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__list {
    display: flex;
    flex-wrap: wrap;
  }
}
[data-barba-namespace="page-course"] .achievement__item {
  position: relative;
  width: 100%;
  height: 135px;
  margin: 0 0 30px;
  padding: 13px 20px 0;
  background: #fff;
  border-radius: 7px;
  border: 2px solid #0863c2;
  box-shadow: 7px 7px 0 0 rgba(8, 99, 194, 0.2);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item {
    width: 560px;
    height: 220px;
    margin: 65px 63px 0 0;
    padding: 33px 43px 0;
    border-radius: 20px;
    border: 4px solid #0863c2;
    box-shadow: 10px 10px 0 0 rgba(8, 99, 194, 0.2);
  }
}
[data-barba-namespace="page-course"] .achievement__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="page-course"] .achievement__item:nth-of-type(2n) {
  margin-right: 0;
}
[data-barba-namespace="page-course"] .achievement__item:nth-of-type(-n + 2) {
  margin-top: 0;
}
[data-barba-namespace="page-course"] .achievement__item:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background: rgba(8, 99, 194, 0.2);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item:before {
    left: 14px;
    top: 14px;
    border-radius: 20px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-mark {
  position: absolute;
  right: -20px;
  top: -21px;
  width: 73px;
  height: 73px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-mark {
    right: -28px;
    top: -48px;
    width: 108px;
    height: 109px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-mark img {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-course"] .achievement__item-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-title {
    margin-bottom: 27px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-title-name {
  width: 158px;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.06em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-title-name {
    width: 300px;
    font-size: 56px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-title-num {
  position: relative;
  top: 4px;
  margin-right: 4px;
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 0.06em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-title-num {
    top: 8px;
    margin-right: 7px;
    font-size: 82px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-title-unit {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-title-unit {
    font-size: 28px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-desc {
  margin-bottom: 13px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-desc {
    margin-bottom: 21px;
    font-size: 24px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-desc b,
[data-barba-namespace="page-course"] .achievement__item-desc em,
[data-barba-namespace="page-course"] .achievement__item-desc strong {
  padding: 0 0 2px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 6px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__item-desc b,
  [data-barba-namespace="page-course"] .achievement__item-desc em,
  [data-barba-namespace="page-course"] .achievement__item-desc strong {
    padding: 0 0 1px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="page-course"] .achievement__item-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="page-course"] .achievement__item-desc-num {
  color: #0863c2;
}
[data-barba-namespace="page-course"] .achievement__caution {
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__caution {
    font-size: 16px;
    letter-spacing: 0.06em;
    margin-top: 30px;
  }
}
[data-barba-namespace="page-course"] .achievement__caution span {
  display: block;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__caution span {
    margin: 0 0 0 1em;
    width: 950px;
  }
}
[data-barba-namespace="page-course"] .achievement__caution span:not(:first-child) {
  margin: 3px 0 0 1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__caution span:not(:first-child) {
    margin: 5px 0 0 auto;
  }
}
[data-barba-namespace="page-course"] .achievement__girl {
  display: none;
  position: absolute;
  bottom: -57px;
  width: 92px;
  height: 156px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-course"] .achievement__girl {
    display: block;
  }
}
[data-barba-namespace="page-course"] .achievement__girl--left,
[data-barba-namespace="page-course"] .achievement__girl--right {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-course"] .achievement__girl--left.is-active,
[data-barba-namespace="page-course"] .achievement__girl--right.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-course"] .achievement__girl--left {
  left: -90px;
}
[data-barba-namespace="page-course"] .achievement__girl--right {
  right: -104px;
}
[data-barba-namespace="page-course"] .cherry-blossoms {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
[data-barba-namespace="page-course"] .cherry-blossoms__inner {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .important-news {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0 20px;
  background-color: #e5ecfa;
  color: #f91414;
  margin-bottom: 2px;
}
[data-barba-namespace="single-school-area"] .important-news:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .important-news {
    height: 46px;
    padding: 0 calc(50% - 610px);
    transition: color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .important-news:after {
    height: 3px;
  }
  [data-barba-namespace="single-school-area"] .important-news:hover {
    color: rgba(249, 20, 20, 0.6);
  }
}
[data-barba-namespace="single-school-area"] .important-news__icon {
  flex: 0 0 16.5px;
  height: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .important-news__icon {
    flex: 0 0 11px;
    height: 9px;
  }
}
[data-barba-namespace="single-school-area"] .important-news__title {
  font-size: 12px;
  letter-spacing: 1.2px;
  text-decoration: underline;
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .important-news__title {
    font-size: 15px;
    letter-spacing: 1.5px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction {
    display: flex;
    flex-direction: row-reverse;
    min-height: 238px;
  }
}
[data-barba-namespace="single-school-area"] .introduction.introduction-type-1 {
  display: flex;
  flex-wrap: wrap;
}
[data-barba-namespace="single-school-area"] .introduction.introduction-type-1 .introduction__image {
  order: 2;
}
[data-barba-namespace="single-school-area"] .introduction.introduction-type-1 .introduction__text {
  order: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction.introduction-type-1 {
    display: flex;
    flex-wrap: nowrap;
  }
  [data-barba-namespace="single-school-area"]
    .introduction.introduction-type-1
    .introduction__image,
  [data-barba-namespace="single-school-area"]
    .introduction.introduction-type-1
    .introduction__text {
    order: 0;
  }
}
[data-barba-namespace="single-school-area"] .introduction__image {
  position: relative;
  width: 100%;
  height: 0;
  display: none;
  padding-top: 66.9333333333%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__image {
    display: block;
    width: auto;
    flex: 0 0 50%;
    height: auto;
    padding-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .introduction__image-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-school-area"] .introduction__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .introduction__text {
  padding: 24px calc(50% - 157.5px) 30px;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__text {
    padding: 48px 85px 60px calc(50% - 592px);
    flex: 0 0 50%;
    background-color: #fff;
  }
}
[data-barba-namespace="single-school-area"] .introduction__heading {
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__heading {
    text-align: left;
  }
}
[data-barba-namespace="single-school-area"] .introduction__heading-body {
  font-size: 23px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 2.76px;
  color: #2d2d2d;
  background-image: linear-gradient(180deg, transparent, transparent 70%, #ffea06 0, #ffea06);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__heading-body {
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 4.8px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-list {
  margin-top: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-list {
    margin-top: 33px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item {
  position: relative;
  margin: 12px 0;
  padding-left: 24px;
  line-height: 1.6428571429;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item {
    margin: 19px 0;
    padding-left: 40px;
    font-size: 19.5px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-school-area"] .introduction__feature-item a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-school-area"] .introduction__feature-item b,
[data-barba-namespace="single-school-area"] .introduction__feature-item em,
[data-barba-namespace="single-school-area"] .introduction__feature-item strong {
  font-size: 22px;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item b,
  [data-barba-namespace="single-school-area"] .introduction__feature-item em,
  [data-barba-namespace="single-school-area"] .introduction__feature-item strong {
    font-size: 30.6428571429px;
    line-height: 0;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item small {
  font-size: 12px;
  font-weight: 400;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item small {
    font-size: 16.7142857143px;
    font-weight: 400;
    line-height: 0;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item .color-red {
  color: #f91414;
  font-family: Montserrat, YuGothic, Yu Gothic Medium, Yu Gothic, sans-serif;
}
[data-barba-namespace="single-school-area"] .introduction__feature-item .color-red small {
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item .color-red small {
    font-weight: 700;
  }
}
[data-barba-namespace="single-school-area"] .introduction__feature-item:before {
  content: "";
  position: absolute;
  top: 4.65px;
  left: 0;
  display: block;
  width: 14px;
  height: 13.7px;
  background-image: url(../svg/global/check-circle.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__feature-item:before {
    top: 6.2178571429px;
    left: 0;
    display: block;
    width: 20px;
    height: 19.6px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__links {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__links {
    justify-content: flex-start;
    margin: 48px -7px 0;
  }
}
[data-barba-namespace="single-school-area"] .introduction__document-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  padding-left: 3px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #f97a14;
  color: #fff;
  background-color: #f97a14;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__document-link {
    width: 220px;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin: 0 7px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .introduction__document-link:hover {
    color: #f97a14;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .introduction__document-link:hover
    .introduction__document-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .introduction__document-main-icon {
  width: 15px;
  height: 17.5px;
  margin: 0 7px 0 -18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__document-main-icon {
    width: 16px;
    height: 19px;
    margin: 0 14px 0 -18px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__document-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__document-sub-icon {
    right: 16px;
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="single-school-area"] .introduction__trial-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  padding-left: 3px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #0863c2;
  color: #fff;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__trial-link {
    width: 220px;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: 1.8px;
    margin: 0 7px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .introduction__trial-link:hover {
    color: #0863c2;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .introduction__trial-link:hover
    .introduction__trial-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .introduction__trial-main-icon {
  width: 13px;
  height: 13px;
  margin: 0 7px 0 -18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__trial-main-icon {
    width: 19px;
    height: 19px;
    margin: 0 14px 0 -18px;
  }
}
[data-barba-namespace="single-school-area"] .introduction__trial-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .introduction__trial-sub-icon {
    right: 16px;
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="single-school-area"] .banner {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .banner {
    display: block;
    height: 160px;
    width: 1184px;
    margin: 20px auto;
    position: relative;
  }
  [data-barba-namespace="single-school-area"] .banner .banner__image {
    top: 0;
  }
  [data-barba-namespace="single-school-area"] .banner:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-school-area"] .banner__image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.6666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .banner__image {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1184px;
    height: 160px;
    padding-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .banner__image-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .banner__top {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .banner__top {
    display: block;
    height: 160px;
    width: 1184px;
    margin: 0 auto 50px;
    position: relative;
  }
  [data-barba-namespace="single-school-area"] .banner__top .banner__image {
    top: 0;
  }
  [data-barba-namespace="single-school-area"] .banner__top:hover {
    opacity: 0.6;
  }
  [data-barba-namespace="single-school-area"] .banner__top + .features {
    padding-top: 255px;
  }
}
[data-barba-namespace="single-school-area"] .banner__top_image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 42.6666666667%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .banner__top_image {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1184px;
    height: 160px;
    padding-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .banner__top_image-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .sliderBanner__body {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 2;
  transition-property: opacity, visibility, transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(0);
}
[data-barba-namespace="single-school-area"] .sliderBanner__body.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__body {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__body.loopFalse .sliderBanner__list {
    transform: translateZ(0) !important;
  }
  [data-barba-namespace="single-school-area"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:last-of-type {
    margin-right: 0 !important;
  }
  [data-barba-namespace="single-school-area"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:first-of-type.sliderBanner__item:last-of-type {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 auto !important;
  }
  [data-barba-namespace="single-school-area"]
    .sliderBanner__body.loopFalse
    .sliderBanner__item:first-of-type.sliderBanner__item:last-of-type
    img {
    border: none;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__list {
    display: flex;
    flex-wrap: nowrap;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 312px;
  height: 147px;
  padding: 10px 7.5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__item {
    flex: 0 0 557px;
    height: 160px;
    padding: 0;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-school-area"] .sliderBanner__item:hover {
    opacity: 0.8;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__list,
[data-barba-namespace="single-school-area"] .swiper-container-android .sliderBanner__item {
  transform: translateZ(0);
}
[data-barba-namespace="single-school-area"] .swiper-container-free-mode > .sliderBanner__list {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner {
    position: relative;
    width: 1194px;
    margin: 20px auto;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__image {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .sliderBanner__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
  border: 1px solid #0863c2;
}
[data-barba-namespace="single-school-area"] .sliderBanner__next-button,
[data-barba-namespace="single-school-area"] .sliderBanner__prev-button {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border: 2px solid #0a68ca;
  color: #fff;
  background-color: #0a68ca;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__next-button,
  [data-barba-namespace="single-school-area"] .sliderBanner__prev-button {
    top: 0;
    transform: none;
    width: 20px;
    height: 100%;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .sliderBanner__next-button:hover,
  [data-barba-namespace="single-school-area"] .sliderBanner__prev-button:hover {
    color: #0a68ca;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .is-no__slide .sliderBanner__list {
    justify-content: center;
  }
}
[data-barba-namespace="single-school-area"] .is-no__slide .sliderBanner__next-button,
[data-barba-namespace="single-school-area"] .is-no__slide .sliderBanner__prev-button {
  display: none;
}
[data-barba-namespace="single-school-area"] .sliderBanner__prev-button {
  left: calc(50% - 157px);
  padding: 1px 1px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__prev-button {
    left: 0;
    padding: 0;
    border-right-width: 1px;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__next-button {
  right: calc(50% - 157px);
  padding: 0 0 1px 1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__next-button {
    right: 0;
    padding: 0;
    border-left-width: 1px;
  }
}
[data-barba-namespace="single-school-area"] .sliderBanner__next-button-icon,
[data-barba-namespace="single-school-area"] .sliderBanner__prev-button-icon {
  width: 5.2px;
  height: 9.2px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .sliderBanner__next-button-icon,
  [data-barba-namespace="single-school-area"] .sliderBanner__prev-button-icon {
    width: 6px;
    height: 11px;
    transform: none;
  }
}
[data-barba-namespace="single-school-area"] .features {
  padding: 55px 0 40px;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features {
    padding: 60px 0 110px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features--highschool {
    padding: 60px 0 80px;
  }
}
[data-barba-namespace="single-school-area"] .features__heading {
  padding: 0 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 1.56px;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__heading {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
  }
}
[data-barba-namespace="single-school-area"] .features__heading-image {
  position: relative;
  display: block;
  width: 201px;
  height: 87px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__heading-image {
    width: 313px;
    height: 136px;
    margin-bottom: 14px;
  }
}
[data-barba-namespace="single-school-area"] .features__heading-note {
  font-size: 10px;
  line-height: 1.6;
  margin-top: 6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__heading-note {
    font-size: 13px;
    letter-spacing: 0.064em;
    font-weight: 400;
    margin-top: 8px;
  }
}
[data-barba-namespace="single-school-area"] .features__heading-image-sub-body {
  position: absolute;
  top: -37px;
  left: -83px;
  width: 108px;
  height: 67px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .features__heading-image-sub-body.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__heading-image-sub-body {
    top: -6px;
    left: -238px;
    width: 213px;
    height: 113px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"] .features__heading-image-sub-body.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"] .features__heading-image-main {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .features__improvement-and-results,
[data-barba-namespace="single-school-area"] .features__results {
  margin-top: 40px;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__improvement-and-results,
  [data-barba-namespace="single-school-area"] .features__results {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px;
    padding: 0 calc(50% - 592px);
  }
}
[data-barba-namespace="single-school-area"] .features__results-wrapper {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__results-wrapper {
    width: 567px;
  }
}
[data-barba-namespace="single-school-area"] .features__results {
  position: relative;
}
[data-barba-namespace="single-school-area"] .features__results .features__results-note {
  right: 50%;
  transform: translateX(50%);
  width: 315px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__results .features__results-note {
    right: calc(50% - 592px);
    transform: none;
    width: auto;
  }
}
[data-barba-namespace="single-school-area"] .features__results--highschool {
  display: block;
}
[data-barba-namespace="single-school-area"] .features__results-note {
  position: relative;
  top: calc(100% + 8px);
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #333;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .features__results-note {
    position: relative;
    top: 16px;
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.96px;
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .supplement_box {
  display: block;
  width: calc(100% - 30px);
  text-align: left;
  margin: 40px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .supplement_box {
    width: 1000px;
    margin: 40px auto 20px;
  }
}
[data-barba-namespace="single-school-area"] .supplement_title {
  color: #0c62c3;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .supplement_title {
    font-size: 28px;
  }
}
[data-barba-namespace="single-school-area"] .supplement_sub-title {
  font-weight: 400;
  letter-spacing: 0.064em;
  font-size: 10px;
}
[data-barba-namespace="single-school-area"] .supplement_text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
[data-barba-namespace="single-school-area"] .feature {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature {
    padding: 0 0 34px;
  }
}
[data-barba-namespace="single-school-area"] .feature img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__inner {
    position: relative;
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-school-area"] .feature__header-shimashima {
  position: absolute;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url(../images/global/lightblue-border.png);
  background-size: 24px 24px;
  background-position: 50%;
  transform: skewY(5deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__header-shimashima {
    height: 80px;
    background-size: 37px 37px;
  }
}
[data-barba-namespace="single-school-area"] .feature__header-shimashima--top {
  bottom: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__header-shimashima--top {
    bottom: calc(100% + 5px);
  }
}
[data-barba-namespace="single-school-area"] .feature__header-shimashima--bottom {
  top: calc(100% + 5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__header-shimashima--bottom {
    top: calc(100% + 5px);
  }
}
[data-barba-namespace="single-school-area"] .feature__heading {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__heading {
    padding-bottom: 34px;
  }
}
[data-barba-namespace="single-school-area"] .feature__heading-human {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 109px;
  height: auto;
  margin-left: -54.5px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .feature__heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__heading-human {
    width: 173px;
    height: 170px;
    margin-left: -86.5px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"] .feature__heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"] .feature__heading-human.highschool {
  width: 80px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__heading-human.highschool {
    width: 130px;
  }
}
[data-barba-namespace="single-school-area"] .feature__heading-human.jrhighschool {
  width: 69px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__heading-human.jrhighschool {
    width: 105px;
    margin-left: -52.5px;
  }
}
[data-barba-namespace="single-school-area"] .feature__heading-title {
  position: relative;
  width: 267px;
  height: 29px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__heading-title {
    width: 514px;
    height: 56px;
  }
}
[data-barba-namespace="single-school-area"] .feature__list {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .feature__item {
  position: relative;
  margin-bottom: 57px;
}
[data-barba-namespace="single-school-area"] .feature__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="single-school-area"] .feature__item:last-of-type .feature__arrow {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item {
    margin-bottom: 100px;
  }
  [data-barba-namespace="single-school-area"] .feature__item:nth-of-type(2n) .feature__item-main {
    flex-direction: row-reverse;
  }
  [data-barba-namespace="single-school-area"]
    .feature__item:nth-of-type(2n)
    .feature__item-main-thumbnail {
    margin-left: 50px;
  }
  [data-barba-namespace="single-school-area"]
    .feature__item:nth-of-type(odd)
    .feature__item-main-thumbnail {
    margin-right: 50px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item--01 .feature__item-heading-human {
  left: auto;
  right: -7px;
  width: 61px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"]
  .feature__item--01
  .feature__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item--01 .feature__item-heading-human {
    left: 129px;
    right: auto;
    width: 133px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item--02 .feature__item-heading-human {
  left: auto;
  right: -12px;
  width: 67px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"]
  .feature__item--02
  .feature__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item--02 .feature__item-heading-human {
    left: 123px;
    right: auto;
    width: 133px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item--03 .feature__item-heading-human {
  left: auto;
  right: -15px;
  width: 70px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"]
  .feature__item--03
  .feature__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item--03 .feature__item-heading-human {
    left: 133px;
    right: auto;
    width: 130px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading {
  position: relative;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-heading:before {
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 375px;
  height: 100%;
  margin: 0 auto;
  min-height: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-heading-inner {
    position: static;
    width: auto;
    margin: 0;
    min-height: 100px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading-number {
  position: absolute;
  left: 10px;
  top: -27px;
  width: 54px;
  height: 51px;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .feature__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-heading-number {
    left: 40px;
    top: -68px;
    width: 108px;
    height: 103px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading-human {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .feature__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
[data-barba-namespace="single-school-area"] .feature__item-heading-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  width: 264px;
  height: 100%;
  padding: 14px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-heading-title {
    font-size: 32px;
    letter-spacing: 0.12em;
    line-height: 1.3;
    width: 650px;
    padding: 20px 0;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-heading-title b,
[data-barba-namespace="single-school-area"] .feature__item-heading-title em,
[data-barba-namespace="single-school-area"] .feature__item-heading-title strong {
  color: #fff047;
}
[data-barba-namespace="single-school-area"] .feature__item-heading-title .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .feature__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main {
    display: flex;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-thumbnail {
  flex-shrink: 0;
  width: 313px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-thumbnail {
    flex: 0 0 384px;
    margin: 0;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-thumbnail img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content {
  width: 330px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-content {
    flex: 1 1 auto;
    margin: 0;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-content-title {
    margin-top: -4px;
    margin-bottom: 19px;
    font-size: 27px;
    letter-spacing: 0.08em;
    line-height: 1.55;
    text-align: left;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-title b,
[data-barba-namespace="single-school-area"] .feature__item-main-content-title em,
[data-barba-namespace="single-school-area"] .feature__item-main-content-title strong {
  padding: 0 0 3px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 6px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-content-title b,
  [data-barba-namespace="single-school-area"] .feature__item-main-content-title em,
  [data-barba-namespace="single-school-area"] .feature__item-main-content-title strong {
    padding: 0 0 4px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-title .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc {
  width: 315px;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-content-desc {
    width: auto;
    margin: 0;
    line-height: 1.875;
  }
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__item-main-content-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-school-area"] .feature__item-main-content-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-school-area"]
  .feature__item-main-content-desc
  a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc b,
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc strong {
  color: #0863c2;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="single-school-area"] .feature__item-main-content-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .feature__arrow {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 15px);
  width: 20px;
  height: 26px;
}
[data-barba-namespace="single-school-area"] .feature__arrow svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__arrow {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .feature__decoration {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__decoration {
    display: block;
  }
}
[data-barba-namespace="single-school-area"] .feature__decoration-item {
  display: none;
  position: absolute;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .feature__decoration-item {
    display: block;
  }
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--01 {
  left: -93px;
  top: -147px;
  width: 114px;
  height: 97px;
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--02 {
  right: -125px;
  top: -160px;
  width: 120px;
  height: 109px;
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--03 {
  left: -192px;
  top: -108px;
  width: 150px;
  height: 382px;
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--04 {
  right: -120px;
  top: 89px;
  width: 98px;
  height: 116px;
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--05 {
  left: -112px;
  top: 331px;
  width: 133px;
  height: 280px;
}
[data-barba-namespace="single-school-area"] .feature__decoration-item--06 {
  right: -117px;
  top: 406px;
  width: 199px;
  height: 181px;
}
[data-barba-namespace="single-school-area"] .improvement {
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement {
    margin-top: 0;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: 576px;
  }
}
[data-barba-namespace="single-school-area"] .improvement__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-size: 15.3px;
  font-weight: 700;
  line-height: 32.5px;
  letter-spacing: 0.92px;
  color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__heading {
    flex: 0 0 100px;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="single-school-area"] .improvement__heading:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 11px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__heading:after {
    bottom: -20px;
    border-width: 20px 30px 0;
  }
}
[data-barba-namespace="single-school-area"] .improvement__body {
  padding: 20px 22px 18px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 37px 40px 40px;
  }
}
[data-barba-namespace="single-school-area"] .improvement__image {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__image {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
  }
}
[data-barba-namespace="single-school-area"] .improvement__image-body {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .improvement__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__link {
    width: 426px;
    flex: 0 0 60px;
    margin: 29px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 1.8px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .improvement__link .improvement__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .improvement__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"] .improvement__link:hover .improvement__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .improvement__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .improvement__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-school-area"] .results {
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results {
    margin-top: 0;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
[data-barba-namespace="single-school-area"] .results__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-size: 15.3px;
  font-weight: 700;
  line-height: 32.5px;
  letter-spacing: 0.92px;
  color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__heading {
    flex: 0 0 100px;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="single-school-area"] .results__heading:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 11px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__heading:after {
    bottom: -20px;
    border-width: 20px 30px 0;
  }
}
[data-barba-namespace="single-school-area"] .results__body {
  padding: 20px 22px 18px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 37px 40px 40px;
  }
}
[data-barba-namespace="single-school-area"] .results__image {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__image {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
  }
}
[data-barba-namespace="single-school-area"] .results__image-body {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .results__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__link {
    width: 426px;
    flex: 0 0 60px;
    margin: 29px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 1.8px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .results__link .results__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .results__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"] .results__link:hover .results__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .results__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .results__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-school-area"] .highschool-results {
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results {
    margin-top: 0;
    border-radius: 20px;
    width: 100%;
  }
}
[data-barba-namespace="single-school-area"] .highschool-results__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  font-size: 15.3px;
  font-weight: 700;
  line-height: 32.5px;
  letter-spacing: 0.92px;
  color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results__heading {
    height: 100px;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="single-school-area"] .highschool-results__heading:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 11px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results__heading:after {
    bottom: -20px;
    border-width: 20px 30px 0;
  }
}
[data-barba-namespace="single-school-area"] .highschool-results__body {
  padding: 20px 22px 18px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results__body {
    padding: 37px 40px 40px;
  }
}
[data-barba-namespace="single-school-area"] .highschool-results__image {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .highschool-results__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results__link {
    width: 426px;
    height: 60px;
    margin: 29px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 1.8px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"]
    .highschool-results__link
    .highschool-results__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .highschool-results__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .highschool-results__link:hover
    .highschool-results__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .highschool-results__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .highschool-results__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-school-area"] .strength {
  margin-top: 70px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength {
    margin-top: 90px;
  }
}
[data-barba-namespace="single-school-area"] .strength__heading {
  position: relative;
}
[data-barba-namespace="single-school-area"] .strength__heading-bg-image {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 63px;
  height: 84px;
  opacity: 0;
  transform: translateY(30px) translateX(-50%);
}
[data-barba-namespace="single-school-area"] .strength__heading-bg-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__heading-bg-image {
    top: 18px;
    width: 114px;
    height: auto;
  }
}
[data-barba-namespace="single-school-area"] .strength__heading-sub-image {
  position: relative;
  z-index: 1;
  width: 284px;
  height: 18px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .strength__heading-sub-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.5s;
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__heading-sub-image {
    width: 437px;
    height: 27px;
  }
}
[data-barba-namespace="single-school-area"] .strength__heading-main-image {
  position: relative;
  z-index: 1;
  width: 300px;
  height: 30px;
  margin: 26px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__heading-main-image {
    width: 525px;
    height: 52px;
    margin: 50px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .strength__child {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__child {
    margin: 90px auto 0;
    width: 1184px;
    border-radius: 14px;
    overflow: hidden;
  }
}
[data-barba-namespace="single-school-area"] .strength__key-visual {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.9333333333%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__key-visual {
    height: 382px;
    padding-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .strength__key-visual-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .strength__child-inner {
  padding: 20px 30px 0;
  background-color: #fff;
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__child-inner {
    padding: 40px 80px 0;
    margin-bottom: -20px;
  }
}
[data-barba-namespace="single-school-area"] .strength__content-introduction {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 313px;
  height: 40px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.02px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__content-introduction {
    width: 517px;
    height: 64px;
    border-radius: 10px;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="single-school-area"] .strength__content-introduction:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #38d0ea transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__content-introduction:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-school-area"] .strength__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__item-main {
    display: flex;
    align-items: center;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="single-school-area"] .strength__item-main-thumbnail {
  flex-shrink: 0;
  width: 313px;
  height: 151px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__item-main-thumbnail {
    flex: 0 0 452px;
    height: 302px;
    margin: 0 50px 0 0;
  }
}
[data-barba-namespace="single-school-area"] .strength__item-main-thumbnail--height {
  height: 176px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__item-main-thumbnail--height {
    height: 302px;
  }
}
[data-barba-namespace="single-school-area"] .strength__item-main-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-barba-namespace="single-school-area"] .strength__contents {
  position: relative;
  z-index: 2;
  background: #fff;
  width: 100%;
  padding: 30px 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__contents {
    padding: 50px 150px;
    justify-content: space-between;
    flex-direction: row;
  }
}
[data-barba-namespace="single-school-area"] .strength__contents--image {
  width: 80%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__contents--image {
    width: 35%;
  }
}
[data-barba-namespace="single-school-area"] .strength__contents--image img {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .strength__contents--text {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__contents--text {
    width: 60%;
  }
}
[data-barba-namespace="single-school-area"] .strength__contents--text p {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .strength__contents--text p {
    font-size: 18px;
    line-height: 1.8;
  }
}
[data-barba-namespace="single-school-area"] .class-features__heading {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  color: #004ea2;
  margin: 90px 0 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__heading {
    font-size: 48px;
    letter-spacing: 2.88px;
    margin: 120px 0 60px;
  }
}
[data-barba-namespace="single-school-area"] .class-features__inner {
  margin-top: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__inner {
    position: relative;
    width: 1184px;
    margin: 34px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .class-features__list {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .class-features__list img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-school-area"] .class-features__item {
  position: relative;
  margin-bottom: 57px;
}
[data-barba-namespace="single-school-area"] .class-features__item:last-of-type {
  margin-bottom: 0;
}
[data-barba-namespace="single-school-area"]
  .class-features__item:last-of-type
  .class-features__arrow {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item {
    margin-bottom: 100px;
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item:nth-of-type(2n)
    .class-features__item-main {
    flex-direction: row-reverse;
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item:nth-of-type(2n)
    .class-features__item-main-thumbnail {
    margin-left: 50px;
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item:nth-of-type(odd)
    .class-features__item-main-thumbnail {
    margin-right: 50px;
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-01
  .class-features__item-heading-human {
  left: 50%;
  width: 62px;
  bottom: 1px;
  opacity: 0;
  transform: translateY(30px) translateX(100px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-01
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(100px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-01
    .class-features__item-heading-human {
    bottom: 0;
    left: 33px;
    width: 114px;
    opacity: 0;
    transform: translateY(30px) translateX(110px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-01
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0) translateX(110px);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-01
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-01
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-01
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-01
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-02
  .class-features__item-heading-human {
  left: 50%;
  transform: translateX(102px);
  width: 64px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(102px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-02
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(102px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-02
    .class-features__item-heading-human {
    bottom: 0;
    left: 135px;
    transform: none;
    width: 118px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-02
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-02
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-02
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-02
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-02
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-03
  .class-features__item-heading-human {
  left: 50%;
  width: 76px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(104px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-03
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(104px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-03
    .class-features__item-heading-human {
    bottom: 0;
    left: 122px;
    transform: none;
    width: 133px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-03
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-03
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-03
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-03
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-03
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-04
  .class-features__item-heading-human {
  left: 50%;
  transform: translateX(110px);
  width: 60px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(110px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-04
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(110px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-04
    .class-features__item-heading-human {
    bottom: 0;
    left: 127px;
    transform: none;
    width: 111px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-04
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-04
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-04
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-04
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-04
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-05
  .class-features__item-heading-human {
  width: 99px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(125px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-05
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(125px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-05
    .class-features__item-heading-human {
    bottom: 0;
    left: 102px;
    transform: none;
    width: 181px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-05
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-05
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-05
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-05
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-05
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-06
  .class-features__item-heading-human {
  left: 50%;
  transform: translateX(110px);
  width: 90px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(110px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-06
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(110px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-06
    .class-features__item-heading-human {
    bottom: 0;
    left: 111px;
    transform: none;
    width: 181px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-06
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-06
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -10px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--strength-06
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-06
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--strength-06
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-01
  .class-features__item-heading-human {
  left: 50%;
  width: 60px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(142px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-01
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(142px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-01
    .class-features__item-heading-human {
    bottom: 0;
    left: 143px;
    transform: none;
    width: 113px;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-01
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-01
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -30px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-01
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-01
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-01
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-02
  .class-features__item-heading-human {
  left: 50%;
  transform: translateX(128px);
  width: 60px;
  bottom: 0;
  opacity: 0;
  transform: translateY(30px) translateX(128px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-02
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(128px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-02
    .class-features__item-heading-human {
    bottom: 0;
    left: 137px;
    transform: none;
    width: 114px;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-02
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-02
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -30px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-02
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-02
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-02
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-02
  .class-features__item-heading-inner {
  padding: 26px 0 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-02
    .class-features__item-heading-inner {
    padding: 0;
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-03
  .class-features__item-heading-human {
  left: 50%;
  transform: translateX(114px);
  width: 85px;
  bottom: -2px;
  opacity: 0;
  transform: translateY(30px) translateX(114px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-03
  .class-features__item-heading-human.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0) translateX(114px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-03
    .class-features__item-heading-human {
    bottom: 0;
    left: 104px;
    transform: none;
    width: 147px;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-03
    .class-features__item-heading-human.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-03
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  transform: translateX(-118px);
  top: -30px;
  opacity: 0;
  transform: translateY(30px) translateX(-118px);
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-03
  .class-features__item-heading-number.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0) translateX(-118px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-03
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    transform: none;
    right: auto;
    opacity: 0;
    transform: translateY(30px) translateX(0);
  }
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-03
    .class-features__item-heading-number.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item--highschool-03
  .class-features__item-heading-inner {
  padding: 26px 0 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .class-features__item--highschool-03
    .class-features__item-heading-inner {
    padding: 0;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading {
  position: relative;
  background-size: 37px 37px;
  background-repeat: repeat;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-heading:before {
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 88px;
  padding: 14px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-heading-inner {
    width: 100%;
    min-height: 118px;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-number {
  position: absolute;
  width: 54px;
  height: 54px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-heading-number {
    width: 98px;
    height: 98px;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-human {
  position: absolute;
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-heading-title {
    font-size: 32px;
    letter-spacing: 0.12em;
    line-height: 1.3;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-title b,
[data-barba-namespace="single-school-area"] .class-features__item-heading-title em,
[data-barba-namespace="single-school-area"] .class-features__item-heading-title strong {
  color: #fff047;
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-title .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .class-features__item-heading-title span {
  display: block;
  letter-spacing: 0.064em;
  font-weight: 400;
  font-size: 13px;
}
[data-barba-namespace="single-school-area"] .class-features__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main {
    display: flex;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-thumbnail {
  flex-shrink: 0;
  width: 313px;
  height: 151px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-thumbnail {
    width: 384px;
    height: 242px;
    margin: 0;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-title {
    margin-top: -4px;
    margin-bottom: 19px;
    font-size: 27px;
    letter-spacing: 0.08em;
    line-height: 1.55;
    text-align: left;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title b,
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title em,
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title strong {
  padding: 0 0 3px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 6px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-title b,
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-title em,
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-title strong {
    padding: 0 0 4px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-title span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.064em;
  font-weight: 400;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-title span {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc {
  width: 315px;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-desc {
    width: auto;
    margin: 0;
    line-height: 1.875;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-school-area"]
  .class-features__item-main-content-desc
  a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc b,
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc strong {
  color: #0863c2;
  font-weight: 700;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.064em;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__item-main-content-desc span {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
  }
}
[data-barba-namespace="single-school-area"] .class-features__item-main-content-desc .annotation {
  position: relative;
  top: -0.4em;
  display: inline-block !important;
  vertical-align: top;
  font-size: 10px;
}
[data-barba-namespace="single-school-area"] .class-features__arrow {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 15px);
  width: 20px;
  height: 26px;
}
[data-barba-namespace="single-school-area"] .class-features__arrow svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .class-features__arrow {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="single-school-area"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #dee7f8 transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="single-school-area"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-school-area"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="single-school-area"] .profile {
  position: relative;
  padding-top: 44px;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile {
    padding: 70px 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__my-kobetu {
  background: none;
  padding-bottom: 0;
}
[data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box {
  width: 90%;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box {
    margin: 50px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box p {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  -webkit-text-stroke: 3px #64c6de;
  paint-order: stroke fill;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box p {
    -webkit-text-stroke: 6px #64c6de;
    font-size: 40px;
  }
}
[data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box h2 {
  width: 90%;
  max-width: 450px;
}
[data-barba-namespace="single-school-area"] .profile__my-kobetu--logo-box h2 img {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .profile__heading {
  font-size: 25px;
  font-weight: 700;
  line-height: 33.5px;
  letter-spacing: 1.5px;
  text-align: center;
  color: #004ea2;
  padding: 0 calc(50% - 172.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__heading {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
    padding: 0 calc(50% - 592px);
  }
}
[data-barba-namespace="single-school-area"] .profile__body {
  position: relative;
  margin-top: 34px;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__body {
    border: 4px solid #0863c2;
    border-radius: 20px;
    padding-bottom: 56px;
    width: 1184px;
    margin: 58px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__name {
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 57px;
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.14px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
  border-radius: 5px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__name {
    top: -40px;
    height: 64px;
    padding: 0 128px;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.68px;
    border-radius: 10px;
  }
}
[data-barba-namespace="single-school-area"] .profile__name:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__name:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__map {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__map {
    height: 464px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
[data-barba-namespace="single-school-area"] .profile__map-body {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .profile__wrapper {
  display: block;
  margin-top: 20px;
  width: 100%;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__wrapper {
    display: flex;
    padding: 40px 75px 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__image {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__image {
    width: 450px;
    margin-right: 50px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__image img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data {
    width: 520px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data.-no-image {
    display: flex;
    width: 100%;
  }
  [data-barba-namespace="single-school-area"] .profile__data.-no-image .profile__data-list {
    width: 60%;
    margin-right: 10%;
  }
  [data-barba-namespace="single-school-area"] .profile__data.-no-image .profile__tel {
    margin-top: 0;
    display: block;
    width: 25%;
  }
  [data-barba-namespace="single-school-area"] .profile__data.-no-image .profile__tel_notice {
    margin-top: 30px;
  }
}
[data-barba-namespace="single-school-area"] .profile__tel {
  margin-top: 20px;
  width: 100%;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__tel {
    margin-top: 30px;
    width: 100%;
    padding: 0;
    display: flex;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone-sub-icon {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .profile__tel_notice {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__tel_notice {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone-circle {
    top: 55%;
    left: 34px;
  }
}
[data-barba-namespace="single-school-area"] .regular-school__phone {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone {
    flex: 0 0 263px;
    height: 75px;
    padding: 10px 0 10px 65px;
    width: 263px;
    border-radius: 50px;
    margin-right: 8px;
  }
}
[data-barba-namespace="single-school-area"] .regular-school__phone-note {
  margin-top: 6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone-note {
    padding: 0 0 0 7px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone-number {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .regular-school__phone-main-icon {
    width: 22px;
    height: 22px;
  }
}
[data-barba-namespace="single-school-area"] .profile__data-item {
  display: flex;
}
[data-barba-namespace="single-school-area"] .profile__data-item:nth-child(2n) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-school-area"] .profile__data-item:nth-child(odd) {
  background-color: #fff;
}
[data-barba-namespace="single-school-area"] .profile__data-item:first-child {
  border-top: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data-item:first-child {
    border-top: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .profile__data-item:last-child {
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data-item:last-child {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .profile__data-term {
  padding: 15px 16px;
  flex: 0 0 80px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #004ea2;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data-term {
    padding: 31px 38px;
    flex: 0 0 180px;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1.6px;
    border-right: 2px dotted #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .profile__data-desc {
  padding: 15px 0 15px 36px;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__data-desc {
    padding: 15px;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-school-area"] .profile__decoration-bg-image {
  position: absolute;
  bottom: -56px;
  right: -7px;
  z-index: 2;
  transform: rotate(-18deg);
  width: 105px;
  height: 106px;
  opacity: 0;
  transform: translateX(30px);
}
[data-barba-namespace="single-school-area"] .profile__decoration-bg-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__decoration-bg-image {
    bottom: -71px;
    right: -20px;
    z-index: 2;
    transform: rotate(-18deg);
    width: 175px;
    height: 180px;
  }
}
[data-barba-namespace="single-school-area"] .profile__decoration-text-image {
  position: absolute;
  bottom: -20px;
  right: 54px;
  z-index: 1;
  width: 130px;
  height: 61px;
  opacity: 0;
  transform: translateX(30px);
}
[data-barba-namespace="single-school-area"] .profile__decoration-text-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.4s;
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__decoration-text-image {
    bottom: 40px;
    right: 78px;
    width: 210px;
    height: 98px;
  }
}
[data-barba-namespace="single-school-area"] .profile__links {
  margin: 0 auto 30px;
  color: #004ea2;
  display: flex;
  justify-content: space-between;
  width: 92%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__links {
    width: 660px;
    margin: 0 auto 60px;
  }
}
[data-barba-namespace="single-school-area"] .profile__links .profile__links_item {
  background-color: #fff;
  border: 1px solid #004ea2;
  border-radius: 30px;
  position: relative;
  width: 48%;
  max-width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__links .profile__links_item {
    cursor: pointer;
    width: 320px;
    max-width: inherit;
    height: 60px;
    line-height: 60px;
    padding-left: 40px;
    font-size: 18px;
  }
}
[data-barba-namespace="single-school-area"] .profile__links_item_link-main-icon-body--school-bag {
  position: absolute;
  width: 24px;
  height: 21px;
  top: 14px;
  left: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__links_item_link-main-icon-body--school-bag {
    width: 30px;
    height: 27px;
    top: 17px;
    left: 87px;
  }
}
[data-barba-namespace="single-school-area"] .profile__links_item_link-main-icon-body--backpack {
  position: absolute;
  width: 17px;
  height: 22px;
  top: 14px;
  left: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__links_item_link-main-icon-body--backpack {
    width: 19px;
    height: 25px;
    top: 17px;
    left: 92px;
  }
}
[data-barba-namespace="single-school-area"] .profile__links_item_link-icon-angle-bottom {
  position: absolute;
  width: 15px;
  height: 6px;
  top: 52%;
  transform: translateY(-50%);
  right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__links_item_link-icon-angle-bottom {
    width: 17px;
    height: 8px;
    top: 52%;
    transform: translateY(-50%);
    right: 17px;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie {
  width: 100%;
  height: auto;
  margin: 40px auto 0;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie {
    margin: 60px auto 0;
    padding: 0 78px;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__title {
  font-size: 18px;
  font-weight: 700;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie__title {
    font-size: 24px;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__title a {
  color: #2d2d2d;
  font-size: 12px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie__title a {
    font-size: 16px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__body {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie__body {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__body ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie__body ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__body ul li {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
[data-barba-namespace="single-school-area"] .profile__movie__body ul li:nth-child(n + 2) {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__movie__body ul li:nth-child(n + 2) {
    display: block;
  }
}
[data-barba-namespace="single-school-area"] .profile__movie__body ul li iframe {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .profile__movie--my-kobetu {
  width: 90%;
  max-width: 1000px;
  padding: 0;
}
[data-barba-namespace="single-school-area"] .profile__instagram {
  width: 100%;
  height: auto;
  margin: 40px auto 0;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__instagram {
    margin: 60px auto 0;
    padding: 0 78px;
  }
}
[data-barba-namespace="single-school-area"] .profile__instagram__title {
  font-size: 18px;
  font-weight: 700;
  color: #004ea2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__instagram__title {
    font-size: 24px;
    gap: 20px;
  }
}
[data-barba-namespace="single-school-area"] .profile__instagram__title a {
  color: #2d2d2d;
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__instagram__title a {
    font-size: 16px;
  }
}
[data-barba-namespace="single-school-area"] .profile__instagram__title i {
  width: 20%;
  max-width: 100px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__instagram__title i {
    position: static;
    transform: none;
  }
}
[data-barba-namespace="single-school-area"] .profile__instagram__title i img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-school-area"] .profile__instagram__body {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .profile__instagram__body {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="single-school-area"] .profile__instagram--my-kobetu {
  width: 90%;
  max-width: 1000px;
  padding: 0;
}
[data-barba-namespace="single-school-area"] .slider {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider {
    padding: 0 78px;
  }
}
[data-barba-namespace="single-school-area"] .slider__body {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  list-style: none;
  padding: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__body {
    overflow: hidden;
  }
}
[data-barba-namespace="single-school-area"] .slider__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__list {
    z-index: 1;
    display: block;
    box-sizing: border-box;
  }
}
[data-barba-namespace="single-school-area"] .slider__item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__item {
    width: auto;
    height: auto;
    position: relative;
  }
}
[data-barba-namespace="single-school-area"] .slider__list,
[data-barba-namespace="single-school-area"] .swiper-container-android .slider__item {
  transform: translateZ(0);
}
[data-barba-namespace="single-school-area"] .swiper-container-free-mode > .slider__list {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
[data-barba-namespace="single-school-area"] .swiper-slide-invisible-blank {
  visibility: hidden;
}
[data-barba-namespace="single-school-area"] .slider {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__list {
    display: flex;
    margin: -22px 0;
  }
}
[data-barba-namespace="single-school-area"] .slider__item {
  width: 332px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__item {
    width: 330px;
    margin: 22px 0;
    padding: 0 10px;
  }
}
[data-barba-namespace="single-school-area"] .slider__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 207px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__image {
    height: 220px;
  }
}
[data-barba-namespace="single-school-area"] .slider__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .slider__caption {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.12px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__caption {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
  }
}
[data-barba-namespace="single-school-area"] .slider__next-button,
[data-barba-namespace="single-school-area"] .slider__prev-button {
  position: absolute;
  top: 103px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #0a68ca;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__next-button,
  [data-barba-namespace="single-school-area"] .slider__prev-button {
    width: 40px;
    height: 40px;
  }
}
[data-barba-namespace="single-school-area"] .slider__prev-button {
  left: calc(50% - 166px);
  padding: 1px 1px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__prev-button {
    left: 68px;
  }
}
[data-barba-namespace="single-school-area"] .slider__next-button {
  right: calc(50% - 166px);
  padding: 0 0 1px 1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__next-button {
    right: 68px;
  }
}
[data-barba-namespace="single-school-area"] .slider__next-button-icon,
[data-barba-namespace="single-school-area"] .slider__prev-button-icon {
  width: 5.2px;
  height: 9.2px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .slider__next-button-icon,
  [data-barba-namespace="single-school-area"] .slider__prev-button-icon {
    width: 10.2px;
    height: 14.2px;
  }
}
[data-barba-namespace="single-school-area"] .pricing {
  padding: 90px 0 40px;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing {
    padding: 144px 0 80px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__item {
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-school-area"] .pricing__item:not(:first-child) {
  margin-top: 85px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__item:not(:first-child) {
    margin-top: 144px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading {
    font-size: 44px;
    letter-spacing: 2.64px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading--highschool {
  margin-top: -24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading--highschool {
    margin-top: -66px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading-bg-image {
  position: absolute;
  left: 50%;
  opacity: 0;
  transform: translateY(30px);
}
[data-barba-namespace="single-school-area"] .pricing__heading-bg-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}
[data-barba-namespace="single-school-area"] .pricing__heading-bg-image--elementary {
  top: -53px;
  width: 112px;
  height: 109px;
  margin-left: -56px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading-bg-image--elementary {
    top: -54px;
    width: 175px;
    height: 168px;
    margin-left: -87.5px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading-bg-image--junior-highschool {
  top: -59px;
  width: 68px;
  height: 109px;
  margin-left: -34px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading-bg-image--junior-highschool {
    top: -61px;
    width: 106px;
    height: 168px;
    margin-left: -53px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading-text-image {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
[data-barba-namespace="single-school-area"] .pricing__heading-text-image--elementary {
  width: 307px;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading-text-image--elementary {
    width: 614px;
    height: 54px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__heading-text-image--junior-highschool {
  width: 305px;
  height: 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__heading-text-image--junior-highschool {
    width: 610px;
    height: 54px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-list {
  position: relative;
  margin-top: 80px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-list {
    margin-top: 156px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-list--highschool {
  margin-top: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-list--highschool {
    margin-top: 50px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-item {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 60px;
  background-size: 37px 37px;
  background-repeat: repeat;
  font-size: 18px;
  letter-spacing: 2.16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 13px 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-item {
    top: auto;
    bottom: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 118px;
    font-size: 36px;
    letter-spacing: 4.32px;
    padding: 0 50px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    cursor: default;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-item[aria-selected="false"] {
  background-color: #dce1e9;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: rgba(46, 44, 44, 0.3);
  transition: color 0.3s;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-item[aria-selected="false"] {
    height: 98px;
  }
  [data-barba-namespace="single-school-area"] .pricing__tab-item[aria-selected="false"]:hover {
    color: rgba(46, 44, 44, 0.18);
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-item--left {
  left: auto;
  right: 50%;
  width: 187.5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-item--left {
    width: 50%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-item--right {
  left: 50%;
  right: auto;
  width: 187.5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-item--right {
    width: 50%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-item-grade {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.56px;
  text-align: center;
  color: inherit;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-item-grade {
    font-size: inherit;
    letter-spacing: inherit;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-body {
  padding: 32px 0;
  background-color: #fff;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-body {
    padding: 50px 80px 60px;
    border: 4px solid #0863c2;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
  }
}
[data-barba-namespace="single-school-area"] .pricing__tab-body[aria-hidden="true"] {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__tab-body--highschool {
    padding: 50px 80px 60px;
    border: 4px solid #0863c2;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
  }
}
[data-barba-namespace="single-school-area"] .pricing__summary-description {
  padding: 0 calc(50% - 157.5px);
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 1.5px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__summary-description {
    padding: 0;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__summary-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 26px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__summary-link {
    width: 560px;
    height: 80px;
    margin: 46px auto 0;
    border-radius: 40px;
    border: 2px solid #2b2d2e;
    font-size: 20px;
    line-height: 120px;
    letter-spacing: 2px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .pricing__summary-link .pricing__summary-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .pricing__summary-link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__summary-link:hover
    .pricing__summary-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .pricing__summary-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__summary-link-icon {
    right: 30px;
    width: 24px;
    height: 16px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-wrapper {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-wrapper {
    display: flex;
    overflow-x: auto;
    margin: 80px auto 0;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-wrapper:after,
  [data-barba-namespace="single-school-area"] .pricing__link-wrapper:before {
    content: "";
    display: block;
    flex: 1 0 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-list {
    flex: 0 0 auto;
    display: flex;
    height: 82px;
    border-radius: 14px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-item:not(:first-child) {
    border-left: 1px solid #e0e8f8;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-item:not(:last-child) {
    border-right: 1px solid #e0e8f8;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-item-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    height: 82px;
    padding: 0 30px;
    color: #0863c2;
    background-color: #f7f8fc;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-item-body:hover {
    color: #f7f8fc;
    background-color: #0863c2;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-item-text {
    display: -webkit-box;
    max-height: 48px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1.8px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-item-icon {
    flex: 0 0 11px;
    height: 6px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__course {
  margin: 40px 0 -34px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course {
    margin: 47px 0 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-section {
    border: 2px solid #0863c2;
    border-radius: 14px;
    overflow: hidden;
  }
  [data-barba-namespace="single-school-area"] .pricing__course-section:not(:first-child) {
    margin-top: 60px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__course-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px calc(50% - 157.5px) 15px calc(50% - 167.5px);
  border-bottom: 2px solid #0863c2;
  background-color: #d3ebfe;
  background-size: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-header {
    position: relative;
    min-height: 100px;
    padding: 14px 30px;
    border-bottom: none;
    background-size: 37px 37px;
    background-repeat: repeat;
  }
  [data-barba-namespace="single-school-area"] .pricing__course-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #0863c2;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-header:after {
    content: none;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  .pricing__course-header-icon--plus {
  display: flex;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  .pricing__course-header-icon--minus {
  display: none;
}
[data-barba-namespace="single-school-area"] .pricing__course-header ~ .pricing__course-body {
  padding: 0 calc(50% - 157.5px);
  opacity: 0;
  visibility: hidden;
  transition: padding 0.3s, opacity 0.3s, visibility 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-header ~ .pricing__course-body {
    padding: 44px 60px 58px;
    opacity: 1;
    visibility: visible;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-child-heading {
  margin-top: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 0;
  letter-spacing: 1.14px;
  color: #2d2d2d;
  transition: margin-top 0.3s, line-height 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-child-heading {
    position: relative;
    margin-top: 54px;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: 1.56px;
    padding-left: 40px;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-child-heading:first-child {
    margin-top: 0;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-child-heading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 37px;
    background-image: url(../svg/global/light-bulb.svg);
    background-size: 100% 100%;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-child-body {
  margin-top: 0;
  transition: margin-top 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-child-body {
    display: flex;
    margin-top: 34px;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-image {
  width: 100%;
  height: 0;
  transition: height 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-image {
    flex: 0 0 382px;
    height: auto;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text {
  margin-top: 0;
  transition: margin-top 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-text {
    flex: 1 1 auto;
    padding-left: 32px;
    height: auto;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  p {
  font-size: 16px;
  line-height: 0;
  letter-spacing: 1.6px;
  color: #2d2d2d;
  transition: line-height 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-text
    p {
    line-height: 28px;
    letter-spacing: 0.96px;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-text
    a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__course-header
    ~ .pricing__course-body
    .pricing__course-text
    a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  b,
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  strong {
  color: #0863c2;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  em {
  background-color: #ffea06;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header
  ~ .pricing__course-body
  .pricing__course-text
  .color-red {
  color: #f91414;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  .pricing__course-header-icon--plus {
  display: none;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  .pricing__course-header-icon--minus {
  display: flex;
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body {
  padding: 0 calc(50% - 157.5px) 28px;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body {
    padding: 44px 60px 58px;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body
  .pricing__course-child-heading {
  margin-top: 16px;
  line-height: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body
    .pricing__course-child-heading {
    margin-top: 54px;
    line-height: 37px;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body
    .pricing__course-child-heading:first-child {
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body
  .pricing__course-child-body {
  margin-top: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body
    .pricing__course-child-body {
    margin-top: 34px;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body
  .pricing__course-image {
  height: 197px;
  transition: height 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body
    .pricing__course-image {
    height: auto;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body
  .pricing__course-text {
  margin-top: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__course-header.is-active
    ~ .pricing__course-body
    .pricing__course-text {
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"]
  .pricing__course-header.is-active
  ~ .pricing__course-body
  .pricing__course-text
  p {
  line-height: 28px;
}
[data-barba-namespace="single-school-area"] .pricing__course-heading {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.52px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-heading {
    margin: 0 auto;
    font-size: 32px;
    letter-spacing: 1.92px;
    color: #fff;
  }
}
[data-barba-namespace="single-school-area"] .pricing__course-header-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 24px;
  height: 24px;
  margin-left: 18px;
  background-color: #0863c2;
  border-radius: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__course-header-circle {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .pricing__course-header-icon {
  width: 12px;
  height: 12px;
  color: #fff;
}
[data-barba-namespace="single-school-area"] .pricing__link {
  margin-top: 30px;
  border-bottom: 2px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link {
    width: 1184px;
    margin: 100px auto 0;
    border: 4px solid #0863c2;
    border-radius: 16px;
    overflow: hidden;
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 2.16px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
  padding: 15px calc(50% - 172.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-heading {
    min-height: 118px;
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
    padding: 28px 60px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-body {
  background-color: #fff;
  padding: 24px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-body {
    position: relative;
    padding: 48px 0;
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-decoration-0 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-0 {
    position: absolute;
    top: -44px;
    left: 37px;
    display: block;
    width: 176px;
    height: 196px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-0.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-decoration-1-bg {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-1-bg {
    position: absolute;
    top: -6px;
    right: 58px;
    display: block;
    width: 51px;
    height: 118px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-1-bg.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-decoration-1-text {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-1-text {
    position: absolute;
    top: 26px;
    right: 124px;
    display: block;
    width: 128px;
    height: 92px;
    opacity: 0;
    transform: translateY(30px);
  }
  [data-barba-namespace="single-school-area"] .pricing__link-decoration-1-text.is-active {
    transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-button {
    width: 560px;
    height: 80px;
    margin: 0 auto;
    border-radius: 40px;
    border: 2px solid #2b2d2e;
    font-size: 20px;
    line-height: 120px;
    letter-spacing: 2px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-button .pricing__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"] .pricing__link-button:hover .pricing__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .pricing__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__link-icon {
    right: 30px;
    width: 24px;
    height: 16px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined-container {
  margin-top: 22px;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-noncombined-container {
    margin-top: 32px;
    padding: 0;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined {
  width: 100%;
  border-top: 3px solid #004ea2;
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-noncombined {
    border-top: 4px solid #004ea2;
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined-row:nth-child(2n) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined-row:nth-child(odd) {
  background-color: #fff;
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined-heading {
  width: 80px;
  padding: 15px 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #004ea2;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-noncombined-heading {
    width: 220px;
    padding: 25px 60px;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 1.6px;
    border-right: 2px dotted #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-noncombined-data {
  padding: 15px 28px;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 1.2px;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-noncombined-data {
    padding: 25px 60px;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp-container {
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-sp-container {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp {
  width: 100%;
  margin-top: 10px;
}
[data-barba-namespace="single-school-area"]
  .pricing__table-combined-sp-head
  .pricing__table-combined-sp-row:nth-child(odd) {
  background-color: #fff;
}
[data-barba-namespace="single-school-area"]
  .pricing__table-combined-sp-head
  .pricing__table-combined-sp-heading {
  padding: 12px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.44px;
  text-align: center;
  color: #004ea2;
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp-body {
  border-top: 3px solid #004ea2;
  border-bottom: 3px solid #004ea2;
}
[data-barba-namespace="single-school-area"]
  .pricing__table-combined-sp-body
  .pricing__table-combined-sp-row:nth-child(2n) {
  background-color: #fff;
}
[data-barba-namespace="single-school-area"]
  .pricing__table-combined-sp-body
  .pricing__table-combined-sp-row:nth-child(odd) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-school-area"]
  .pricing__table-combined-sp-body
  .pricing__table-combined-sp-heading {
  width: 104px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #004ea2;
  vertical-align: middle;
  border-right: 1px dotted #004ea2;
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp-heading-small {
  font-size: 12px;
  letter-spacing: 0.96px;
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp-data {
  padding: 16px 28px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1.28px;
  text-align: left;
  color: #2d2d2d;
  vertical-align: middle;
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-sp-data--small {
  font-size: 13px;
  letter-spacing: 1.04px;
}
[data-barba-namespace="single-school-area"] .pricing__table-combined-pc-container {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-container {
    display: block;
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-head
    .pricing__table-combined-pc-heading {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 14px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1.76px;
    text-align: center;
    color: #004ea2;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-body {
    border-top: 4px solid #004ea2;
    border-bottom: 4px solid #004ea2;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-body
    .pricing__table-combined-pc-heading {
    width: 104px;
    padding: 0 18px;
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 1.76px;
    text-align: center;
    color: #004ea2;
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-row {
    border-bottom: 2px dotted #004ea2;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading:first-child {
    width: 180px;
  }
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading:nth-child(2) {
    width: 100px;
  }
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading:nth-child(3) {
    width: 250px;
  }
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading:nth-child(4) {
    width: 154px;
  }
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading:nth-child(5) {
    width: 332px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-heading-small {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-data {
    padding: 24px 20px;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 1.76px;
    text-align: center;
    color: #2d2d2d;
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-data--small {
    font-size: 16px;
    letter-spacing: 1.28px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-combined-pc-hidden-row {
    height: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-hidden-column:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 2px;
    height: 100%;
    border-right: 2px dotted #004ea2;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-hidden-column:first-child:after {
    left: 180px;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-hidden-column:nth-child(2):after {
    left: 280px;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-hidden-column:nth-child(3):after {
    left: 530px;
  }
  [data-barba-namespace="single-school-area"]
    .pricing__table-combined-pc-hidden-column:nth-child(4):after {
    left: 684px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-text {
  height: auto;
  font-size: 13px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67px;
    font-size: 21px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-text--small {
  font-size: 11px;
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool {
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: center;
  border-collapse: collapse;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool {
    font-size: 22px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool small {
  font-size: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool small {
    font-size: 16px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool th {
  padding: 24px 0 15px;
  font-weight: 700;
  color: #004ea2;
  font-size: 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool th {
    padding: 46px 0 36px;
    font-size: 22px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool td {
  vertical-align: middle;
  width: 177px;
  padding: 21px 0;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool td {
    width: 384px;
    padding: 36px 0;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool td:first-of-type {
  font-weight: 700;
  color: #004ea2;
  width: 90px;
  font-size: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool td:first-of-type {
    width: 276px;
    font-size: 22px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool td:last-of-type {
  border-right: none;
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool thead {
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool thead {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool tbody {
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool tbody {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool tbody tr:nth-of-type(2n) {
  background: rgba(226, 234, 249, 0.4);
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool-container-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool-container-pc {
    display: block;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-highschool-container-sp {
  display: block;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-highschool-container-sp {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-school-year {
  border-bottom: 3px solid #004ea2;
}
[data-barba-namespace="single-school-area"] .pricing__table-course td {
  padding: 10px;
  color: #004ea2;
  font-weight: 700;
  font-size: 14px;
  border-right: none;
}
[data-barba-namespace="single-school-area"] .pricing__note {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__note {
    margin-top: 10px;
    font-size: 13px;
  }
}
[data-barba-namespace="single-school-area"] .pricing__table-caution {
  font-size: 12px;
  color: #999;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .pricing__table-caution {
    font-size: 16px;
  }
}
[data-barba-namespace="single-school-area"] .news {
  position: relative;
  padding: 50px calc(50% - 157.5px);
  background-color: #f8f9fc;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news {
    padding: 100px calc(50% - 512px);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news__header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
}
[data-barba-namespace="single-school-area"] .news__detail-link-upper {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news__detail-link-upper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 152px;
    height: 29px;
    border-radius: 6px;
    border: 1px solid #aaa;
    font-size: 13px;
    letter-spacing: 1.3px;
    color: #666;
    margin-left: 38px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"]
    .news__detail-link-upper
    .news__detail-link-upper-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .news__detail-link-upper:hover {
    color: #fff;
    background-color: #aaa;
  }
  [data-barba-namespace="single-school-area"]
    .news__detail-link-upper:hover
    .news__detail-link-upper-icon {
    transform: translate(2px, -50%);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news__detail-link-upper-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 4px;
    height: 7px;
  }
}
[data-barba-namespace="single-school-area"] .news__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.5px;
  letter-spacing: 1.44px;
  color: #333;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news__heading {
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 2.4px;
  }
}
[data-barba-namespace="single-school-area"] .news__detail-link-lower {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 25px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .news__detail-link-lower {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .news__detail-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
[data-barba-namespace="single-school-area"] .interviews {
  padding: 50px calc(50% - 157.5px);
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews {
    padding: 70px calc(50% - 592px) 80px;
  }
}
[data-barba-namespace="single-school-area"] .interviews__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.92px;
  color: #0863c2;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin-bottom: 60px;
  }
}
[data-barba-namespace="single-school-area"] .interviews__heading-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__heading-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 23px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__body {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 48px);
    margin: -24px;
    overflow: visible;
  }
}
[data-barba-namespace="single-school-area"] .interviews__body-item {
  width: 312px;
  height: 352px;
  margin: 30px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__body-item {
    width: 362px;
    height: 419px;
    margin: 24px;
  }
}
[data-barba-namespace="single-school-area"] .interviews__body-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__body-item:first-child {
    margin-top: 24px;
  }
}
[data-barba-namespace="single-school-area"] .interviews__body-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__body-item:last-child {
    margin-bottom: 24px;
  }
}
[data-barba-namespace="single-school-area"] .interviews__back-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__back-button {
    width: 360px;
    height: 64px;
    margin: 80px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"]
    .interviews__back-button
    .interviews__back-button-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .interviews__back-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .interviews__back-button:hover
    .interviews__back-button-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .interviews__back-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .interviews__back-button-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-school-area"] .qa {
  padding: 50px 0 65px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .qa {
    padding: 100px calc(50% - 512px);
  }
}
[data-barba-namespace="single-school-area"] .qa__heading {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #333;
  margin-bottom: 42px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .qa__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 58px;
  }
}
[data-barba-namespace="single-school-area"] .qa__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .qa__link {
    width: 360px;
    height: 64px;
    margin: 60px auto 0;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"] .qa__link .differences__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .qa__link:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"] .qa__link:hover .differences__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .qa__link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .qa__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-school-area"] .steps {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  margin: 40px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps {
    padding: 40px 0;
  }
}
[data-barba-namespace="single-school-area"] .steps img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-school-area"] .steps__heading {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 0;
  text-align: center;
  color: #004ea2;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__heading {
    padding-bottom: 34px;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
  }
}
[data-barba-namespace="single-school-area"] .steps__heading-black {
  color: inherit;
}
[data-barba-namespace="single-school-area"] .steps__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
[data-barba-namespace="single-school-area"] .steps__list:after {
  content: "";
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__list:after {
    width: auto;
    display: block;
  }
}
[data-barba-namespace="single-school-area"] .steps__list_item {
  position: relative;
  padding: 8px 12px 8px 40px;
  color: #004ea2;
  background-color: #fff;
  border-radius: 26px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  line-height: 1.5;
  font-weight: 700;
  font-size: 12px;
  margin: 10px auto 0;
  width: 46%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__list_item {
    font-size: 16px;
    margin-bottom: 10px;
    width: auto;
    padding: 18px 40px 18px 50px;
  }
}
[data-barba-namespace="single-school-area"] .steps__list_item .results__link-icon {
  right: inherit;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__list_item .results__link-icon {
    left: 20px;
  }
}
[data-barba-namespace="single-school-area"] .steps__list_item:nth-child(n + 4) {
  order: 1;
}
[data-barba-namespace="single-school-area"] .steps__notice {
  text-align: center;
  font-weight: 700;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .steps__notice {
    font-size: 20px;
  }
}
[data-barba-namespace="single-school-area"] .section__movie {
  background-color: #f6f7fb;
}
[data-barba-namespace="single-school-area"] .section__movie_inner {
  padding: 20px 15px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .section__movie_inner {
    position: relative;
    width: 1184px;
    margin: 0 auto;
    padding: 0 0 60px;
  }
}
[data-barba-namespace="single-school-area"] .section__movie_heading {
  position: relative;
  background-color: #0863c2;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 57px;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.14px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
  border-radius: 20px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .section__movie_heading {
    top: 0;
    height: 64px;
    padding: 0 128px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1.68px;
    border-radius: 10px;
    max-width: 660px;
  }
}
[data-barba-namespace="single-school-area"] .section__movie_heading:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .section__movie_heading:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-school-area"] .section__movie_video {
  position: relative;
  width: 860px;
  padding-top: 56.25%;
  margin: 20px auto 0;
}
[data-barba-namespace="single-school-area"] .section__movie_video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .school_tabs {
  display: block;
  height: 40px;
  padding: 0 24px;
  border-bottom: 2px solid #0c62c3;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .school_tabs {
    padding: 0;
    height: 80px;
  }
}
[data-barba-namespace="single-school-area"] .school_tabs .school_tabs_item--base {
  border-top: 2px solid #0c62c3;
  border-left: 2px solid #0c62c3;
  border-right: 2px solid #0c62c3;
}
[data-barba-namespace="single-school-area"] .school_tabs .school_tabs_item--course {
  border-bottom: 2px solid #0c62c3;
}
[data-barba-namespace="single-school-area"] .school_tabs.is-course {
  border-bottom: 2px solid var(--session-tab-color);
}
[data-barba-namespace="single-school-area"] .school_tabs.is-course .school_tabs_item--base {
  border: none;
  border-bottom: 2px solid var(--session-tab-color);
}
[data-barba-namespace="single-school-area"] .school_tabs.is-course .school_tabs_item--course {
  border: 2px solid var(--session-tab-color);
  border-bottom: none;
}
[data-barba-namespace="single-school-area"] .school_tabs_list {
  display: flex;
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 2px;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .school_tabs_list {
    width: 960px;
  }
}
[data-barba-namespace="single-school-area"] .school_tabs_item {
  width: 50%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .school_tabs_item {
    width: 470px;
    height: 100%;
    font-size: 28px;
  }
}
[data-barba-namespace="single-school-area"] .school_tabs_item--base {
  color: #0c62c3;
  background-color: #e4ecfb;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .school_tabs_item--base {
    margin-right: 20px;
  }
}
[data-barba-namespace="single-school-area"] .school_tabs_item--base.is-active {
  border-bottom: none;
}
[data-barba-namespace="single-school-area"] .school_tabs_item--course {
  color: #fff;
  background-color: var(--session-tab-color);
}
[data-barba-namespace="single-school-area"] .js-school_tab {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-school-area"] .school__contents_wrap {
  display: none;
}
[data-barba-namespace="single-school-area"] .school__contents_wrap.is-active {
  display: block;
}
[data-barba-namespace="single-school-area"] .page-2023-spring-container {
  opacity: 0;
  transition: opacity 0.5s linear;
}
[data-barba-namespace="single-school-area"] .interviews {
  background-image: none !important;
}
[data-barba-namespace="single-school-area"] .is-only-lp-text {
  display: none;
}
[data-barba-namespace="single-school-area"] .principals {
  width: calc(100% - 30px);
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals {
    margin: 28px auto 0;
    width: 1020px;
  }
}
[data-barba-namespace="single-school-area"] .principals__title {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  height: auto;
  background-color: #0863c2;
  width: 100%;
  background-image: url(../images/global/blue-border.png);
  color: #fcfbfa;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__title {
    height: 60px;
    font-size: 24px;
  }
}
[data-barba-namespace="single-school-area"] .principals__box {
  display: block;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 30px 20px;
  border-bottom: 2px solid #0c62c3;
  border-left: 2px solid #0c62c3;
  border-right: 2px solid #0c62c3;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__box {
    display: flex;
    padding: 30px 90px 25px;
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .principals__box_image {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__box_image {
    margin-right: 40px;
  }
}
[data-barba-namespace="single-school-area"] .principals__box_image img {
  width: 100%;
  height: 100%;
  border-radius: 64%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-barba-namespace="single-school-area"] .principals__box_text {
  flex-shrink: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__box_text {
    min-width: calc(100% - 180px);
  }
}
[data-barba-namespace="single-school-area"] .principals__box-title {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__box-title {
    font-size: 24px;
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .principals__box-btn {
  margin-top: 20px;
  margin-bottom: 20px;
}
[data-barba-namespace="single-school-area"] .principals__box-btn.is-active {
  display: none;
}
[data-barba-namespace="single-school-area"] .principals__box-btn p {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #0863c2;
  cursor: pointer;
  text-decoration: underline;
  transition: opacity 0.3s;
}
[data-barba-namespace="single-school-area"] .principals__box-btn p:hover {
  opacity: 0.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .principals__box-btn {
    margin-top: 0;
  }
  [data-barba-namespace="single-school-area"] .principals__box-btn p {
    font-size: 18px;
  }
}
[data-barba-namespace="single-school-area"] .principals__box-body {
  font-size: 16px;
  line-height: 1.5;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity 0.3s, visibility 0.3s, height 0.3s;
}
[data-barba-namespace="single-school-area"] .principals__box-body.is-active {
  opacity: 1;
  visibility: visible;
  height: auto;
}
[data-barba-namespace="single-school-area"] .nearby {
  background-color: #f5f6fa;
  padding: 0 0 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby {
    padding: 90px calc(50% - 478px);
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.92px;
  color: #0863c2;
  text-align: center;
  margin-bottom: 24px;
  padding: 30px calc(50% - 157.5px) 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin-bottom: 40px;
    padding: 0;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__heading-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 6px;
  color: #f97a14;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__heading-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 23px;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists {
  display: block;
  width: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__lists {
    display: flex;
    justify-content: space-around;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item {
  display: block;
  width: 100%;
  background: #fff;
  padding: 30px calc(50% - 157.5px) 35px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__lists-item {
    border-radius: 8px;
    width: 247px;
    padding: 15px;
    margin-top: 0;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body {
  width: 100%;
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-link {
  transition: color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__lists-item-link:hover
    .nearby__lists-item-body__heading {
    color: #0863c2;
  }
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__lists-item-link:hover
    .nearby__lists-item-body__heading-image {
    transform: scale(1.1);
  }
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__lists-item-link:hover
    .nearby__lists-item-body__content-list-body {
    color: #0863c2;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading {
    display: block;
    transition: color 0.3s;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading_image_wrap {
  width: 190px;
  margin: 0 auto 25px;
  height: auto;
  overflow: hidden;
  order: 2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading_image_wrap {
    width: 100%;
    max-height: 134px;
    order: 1;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s;
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.44px;
  margin-bottom: 16px;
  width: 100%;
  order: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__heading-title {
    margin-top: 10px;
    margin-bottom: 0;
    width: auto;
    font-size: 14px;
    line-height: inherit;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__content {
  width: 100%;
  margin: 20px 0 0;
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__content-list {
  display: flex;
  font-size: 14px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__lists-item-body__content-list:last-child {
    margin-bottom: 0;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__content-list-title {
  position: relative;
  padding-left: 10px;
  width: 56px;
  font-weight: 700;
  font-size: 14px;
  margin-right: 14px;
  flex-shrink: 0;
}
[data-barba-namespace="single-school-area"]
  .nearby
  .nearby__lists-item-body__content-list-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 16px;
  background-color: #38d0ea;
}
[data-barba-namespace="single-school-area"] .nearby .nearby__lists-item-body__content-list-body {
  transition: color 0.3s;
}
[data-barba-namespace="single-school-area"] .nearby .nearby__detail-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  margin: 30px auto 0;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__detail-button {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__detail-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__detail-button-icon {
    display: none;
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__back-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 60px;
  margin: 40px auto 0;
  border-radius: 30px;
  border: 1px solid #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
  background-color: #2b2d2e;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__back-button {
    width: 400px;
    height: 64px;
    margin: 30px auto 0;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__back-button
    .common_columun_link__back-button-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="single-school-area"] .nearby .nearby__back-button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="single-school-area"]
    .nearby
    .nearby__back-button:hover
    .common_columun_link__back-button-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-school-area"] .nearby .nearby__back-button-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-school-area"] .nearby .nearby__back-button-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-steps"] .article {
  padding: 0 0 40px;
  background-color: #dee7f8;
  background-size: 18px 18px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article {
    padding: 40px calc(50% - 512px);
  }
}
[data-barba-namespace="single-steps"] .article__inner {
  padding: 0 15px 40px;
  background-color: #dee7f8;
  background-size: 18px 18px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__inner {
    position: relative;
    padding: 40px calc(50% - 512px);
  }
}
[data-barba-namespace="single-steps"] .article__intro {
  padding-top: 30px;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro {
    padding-top: 0;
  }
}
[data-barba-namespace="single-steps"] .article__intro_title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #0c62c3;
  line-height: 1.5em;
  padding-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro_title {
    font-size: 36px;
    padding-top: 20px;
  }
}
[data-barba-namespace="single-steps"] .article__intro_title-line {
  background: linear-gradient(rgba(251, 238, 2, 0) 60%, #fbee02 0, #fbee02);
}
[data-barba-namespace="single-steps"] .article__intro_headline {
  margin-top: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
[data-barba-namespace="single-steps"] .article__intro__intro-cv {
  margin-top: 30px;
}
[data-barba-namespace="single-steps"] .article__intro__intro-cv-buttons {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro__intro-cv-buttons {
    display: flex;
    justify-content: center;
  }
}
[data-barba-namespace="single-steps"] .steps__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 3px;
  border-radius: 20px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #0863c2;
  color: #fff;
  background-color: #0863c2;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps__link {
    width: 360px;
    height: 60px;
    border-radius: 30px;
    font-size: 24px;
    letter-spacing: 1.8px;
    margin: 0 7px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-steps"] .steps__link:hover {
    color: #0863c2;
    background-color: #fff;
  }
  [data-barba-namespace="single-steps"] .steps__link:hover .steps__link-sub-icon {
    transform: translate(5px, -50%);
  }
  [data-barba-namespace="single-steps"] .steps__link:first-child {
    margin-right: 20px;
  }
}
[data-barba-namespace="single-steps"] .steps__link.steps__link-orange {
  background-color: #f97a14;
  border: 2px solid #f97a14;
}
[data-barba-namespace="single-steps"] .steps__link.steps__link-orange:hover {
  color: #f97a14;
  background-color: #fff;
}
[data-barba-namespace="single-steps"] .steps__link.steps__link-orange:hover .steps__link-sub-icon {
  transform: translate(5px, -50%);
}
[data-barba-namespace="single-steps"] .steps__link_small {
  font-size: 18px;
}
[data-barba-namespace="single-steps"] .steps__link-sub-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps__link-sub-icon {
    right: 16px;
    width: 14px;
    height: 9px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="single-steps"] .article__intro__intro-cv-tel {
  display: block;
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro__intro-cv-tel {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }
}
[data-barba-namespace="single-steps"] .article__intro__conversion__phone-number {
  display: flex;
  justify-content: flex-end;
  justify-content: center;
  align-items: center;
  height: 19px;
  margin-top: 7px;
  font-family: Roboto, sans-serif;
  font-size: 42px;
  letter-spacing: 0.96px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro__conversion__phone-number {
    height: 39px;
    margin-top: 7px;
    font-size: 47px;
    letter-spacing: 1.3px;
    margin-right: 20px;
    justify-items: legacy;
  }
  [data-barba-namespace="single-steps"] .article__intro__conversion__phone-number.tel-len13 {
    font-size: 47px;
  }
}
[data-barba-namespace="single-steps"] .conversion__phone-icon {
  width: 32px;
  height: 32px;
  margin-right: 6px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .conversion__phone-icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
}
[data-barba-namespace="single-steps"] .article__intro__conversion__phone-text {
  text-align: left;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .article__intro__conversion__phone-text {
    margin-top: 0;
    font-size: 14px;
  }
}
[data-barba-namespace="single-steps"] .article__intro__conversion__phone-info {
  background-color: #dbdbdb;
  padding: 6px 10px;
}
[data-barba-namespace="single-steps"] .article__intro__conversion__phone-info.\--white {
  background-color: transparent;
  margin-top: 7px;
  padding: 0;
}
[data-barba-namespace="single-steps"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="single-steps"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-steps"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-steps"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 3.08px;
  color: #fff;
  text-align: center;
  padding: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
    padding: 0;
  }
}
[data-barba-namespace="single-steps"] .principals {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .principals {
    margin-top: 28px;
  }
}
[data-barba-namespace="single-steps"] .principals__title {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  height: auto;
  background-color: #0863c2;
  width: 100%;
  background-image: url(../images/global/blue-border.png);
  color: #fcfbfa;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .principals__title {
    height: 60px;
    font-size: 24px;
  }
}
[data-barba-namespace="single-steps"] .principals__box {
  display: block;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 30px 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .principals__box {
    display: flex;
    padding: 30px 80px 40px;
    margin-top: 0;
  }
}
[data-barba-namespace="single-steps"] .principals__box_image {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .principals__box_image {
    margin-right: 40px;
  }
}
[data-barba-namespace="single-steps"] .principals__box_image img {
  width: 100%;
  height: auto;
  border-radius: 64%;
}
[data-barba-namespace="single-steps"] .principals__box_text {
  flex-shrink: 2;
}
[data-barba-namespace="single-steps"] .principals__box-title {
  font-size: 20px;
  margin-top: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .principals__box-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
[data-barba-namespace="single-steps"] .principals__box-body {
  font-size: 16px;
  line-height: 1.5;
}
[data-barba-namespace="single-steps"] .schools {
  margin: 0;
  background-color: #e4ecfb;
}
[data-barba-namespace="single-steps"] .steps_title {
  width: 100%;
  height: auto;
  min-height: 68px;
  display: flex;
  justify-items: center;
  background-image: url(../images/global/blue-border.png);
  text-align: center;
  align-items: center;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  line-height: 1.3;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps_title {
    min-height: 120px;
    font-size: 40px;
  }
}
[data-barba-namespace="single-steps"] .schools__body {
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__body {
    margin-top: 0;
    padding-bottom: 60px;
  }
}
[data-barba-namespace="single-steps"] .common_content h3 {
  background-color: #d9edfc;
  font-size: 24px;
  font-weight: 700;
  color: #0863c2;
  padding: 15px 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .common_content h3 {
    font-size: 28px;
    padding: 30px 40px;
  }
}
[data-barba-namespace="single-steps"] .common_content p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
[data-barba-namespace="single-steps"] .common_content h4 {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 700;
  padding-left: 20px;
  margin-top: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .common_content h4 {
    margin-top: 20px;
    font-size: 24px;
  }
}
[data-barba-namespace="single-steps"] .common_content h4:before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: #35c3e2;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
}
[data-barba-namespace="single-steps"] .common_content h4:after {
  content: "";
  bottom: -8px;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0c62c3;
}
[data-barba-namespace="single-steps"] .common_content_sub_title {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  padding-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .common_content_sub_title {
    padding-left: 42px;
    font-size: 22px;
  }
}
[data-barba-namespace="single-steps"] .common_content_sub_title:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .common_content_sub_title:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/views/single-steps/check.png);
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
  }
}
[data-barba-namespace="single-steps"] .common_content_sub_title span {
  display: inline;
  padding: 4px;
  background: linear-gradient(rgba(251, 238, 2, 0), #fbee02, #fbee02);
}
[data-barba-namespace="single-steps"] .schools__content {
  display: block;
  background-color: #fff;
  padding: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__content {
    border-radius: 22px;
    padding: 50px 70px;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-list {
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__contents-data-list {
    margin-top: 30px;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-item {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__contents-data-item {
    display: flex;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-item:nth-child(2n) {
  background-color: #fff;
}
[data-barba-namespace="single-steps"] .schools__contents-data-item:nth-child(odd) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-steps"] .schools__contents-data-label {
  padding: 10px 20px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__contents-data-label {
    text-align: center;
    padding: 31px 38px;
    flex: 0 0 180px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-body {
  padding: 0 20px 10px;
  flex: 1 1 auto;
  font-size: 16px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
  font-weight: 400;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__contents-data-body {
    padding: 30px 50px;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-body a {
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .schools__contents-data-body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-steps"] .schools__contents-data-body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-steps"] .schools__contents-data-body strong {
  font-weight: 700;
}
[data-barba-namespace="single-steps"] .steps {
  margin: 0;
  background-color: #e4ecfb;
}
[data-barba-namespace="single-steps"] .steps__body {
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps__body {
    margin-top: 0;
    padding-bottom: 60px;
  }
}
[data-barba-namespace="single-steps"] .steps__content {
  display: block;
  background-color: #fff;
  border-radius: 22px;
  padding: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps__content {
    padding: 50px 70px;
  }
}
[data-barba-namespace="single-steps"] .steps__content :first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .steps__content :first-child {
    margin-top: 0;
  }
}
[data-barba-namespace="single-steps"] .pr {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 20px 68px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr {
    min-height: 353px;
    padding: 0;
  }
}
[data-barba-namespace="single-steps"] .pr2 {
  padding-bottom: 227px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr2 {
    padding: 0;
  }
}
[data-barba-namespace="single-steps"] .pr-title-box {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr-title-box {
    padding: 50px 0;
  }
}
[data-barba-namespace="single-steps"] .pr-title-headline {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  position: relative;
  display: inline-block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr-title-headline {
    font-size: 24px;
    padding: 20px 40px;
  }
}
[data-barba-namespace="single-steps"] .pr-title-headline.is-notice:after {
  content: "\203B";
  color: #fff;
  font-size: 8px;
  position: absolute;
}
[data-barba-namespace="single-steps"] .pr-title-headline2 {
  font-weight: 700;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 8px;
  line-height: 1.6;
  font-size: 28px;
  margin-top: 20px;
}
[data-barba-namespace="single-steps"] .pr-title-headline2 .bg-color-yerow {
  color: #fbee02;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr-title-headline2 {
    font-size: 44px;
    margin-top: 24px;
  }
}
[data-barba-namespace="single-steps"] .pr-title-notice {
  color: #fff;
  font-size: 12px;
  margin-top: 24px;
}
[data-barba-namespace="single-steps"] .pr-image {
  position: absolute;
}
[data-barba-namespace="single-steps"] .pr1-image-1 {
  width: 76px;
  height: auto;
  bottom: -73px;
  left: -18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr1-image-1 {
    bottom: -21px;
    width: 171px;
    left: 45px;
  }
}
[data-barba-namespace="single-steps"] .pr1-image-2 {
  width: 87px;
  height: auto;
  top: inherit;
  bottom: -52px;
  right: -26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr1-image-2 {
    bottom: inherit;
    top: -34px;
    right: 0;
    width: 195px;
  }
}
[data-barba-namespace="single-steps"] .pr2-image-1 {
  width: 189px;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr2-image-1 {
    width: 262px;
    height: auto;
    bottom: 0;
    left: 45px;
  }
}
[data-barba-namespace="single-steps"] .pr2-image-2 {
  width: 145px;
  bottom: 0;
  right: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .pr2-image-2 {
    width: 206px;
    height: auto;
    bottom: 0;
    right: 29px;
  }
}
[data-barba-namespace="single-steps"] .contents {
  margin: 0;
  background-color: #e4ecfb;
  padding-bottom: 100px;
}
[data-barba-namespace="single-steps"] .contents__body {
  padding-top: 20px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__body {
    padding-top: 92px;
  }
}
[data-barba-namespace="single-steps"] .contents__inner {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 30px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__inner {
    padding: 40px 70px;
  }
}
[data-barba-namespace="single-steps"] .contents__popuup {
  padding: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-image: url(../images/global/blue-border.png);
  text-align: center;
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: inherit;
  left: inherit;
}
[data-barba-namespace="single-steps"] .contents__popuup:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: -14px;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 14px 14px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__popuup {
    position: absolute;
    padding: 20px;
    font-size: 24px;
    width: 660px;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
}
[data-barba-namespace="single-steps"] .contents__title {
  font-size: 24px;
  font-weight: 700;
  color: #0863c2;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #d9edfc;
  text-align: center;
  line-height: 1.8;
  margin-top: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__title {
    font-size: 28px;
    padding: 30px 40px;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-steps"] .contents__date {
  text-align: center;
  color: #0863c2;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__date {
    font-size: 28px;
  }
}
[data-barba-namespace="single-steps"] .contents__text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__text {
    margin-top: 30px;
  }
}
[data-barba-namespace="single-steps"] .contents__data-list {
  margin-top: 20px;
  border-top: 1px solid #0c62c3;
  border-bottom: 1px solid #0c62c3;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__data-list {
    margin-top: 30px;
  }
}
[data-barba-namespace="single-steps"] .contents__data-item {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__data-item {
    display: flex;
  }
}
[data-barba-namespace="single-steps"] .contents__data-item:nth-child(2n) {
  background-color: #fff;
}
[data-barba-namespace="single-steps"] .contents__data-item:nth-child(odd) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-steps"] .contents__data-label {
  padding: 10px 15px 0;
  flex: 0 0 80px;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  text-align: left;
  color: #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__data-label {
    padding: 31px 38px;
    flex: 0 0 180px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1.6px;
    text-align: center;
  }
}
[data-barba-namespace="single-steps"] .contents__data-body {
  padding: 0 15px 10px;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
  font-weight: 400;
  text-align: left;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__data-body {
    padding: 30px 50px;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 1.6px;
    text-align: center;
  }
}
[data-barba-namespace="single-steps"] .contents__data-body a {
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__data-body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-steps"] .contents__data-body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-steps"] .contents_cv_link {
  text-align: center;
  margin: 26px auto 0;
}
[data-barba-namespace="single-steps"] .contents__list_item {
  margin-top: 40px;
}
[data-barba-namespace="single-steps"] .contents__list_title {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 57px;
  display: flex;
  align-items: center;
}
[data-barba-namespace="single-steps"] .contents__list_title:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #0c62c3;
  bottom: -18px;
  position: absolute;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__list_title {
    font-size: 24px;
  }
}
[data-barba-namespace="single-steps"] .contents__list_title_point {
  position: absolute;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  background-color: #35c5e2;
  left: 0;
  color: #fff;
}
[data-barba-namespace="single-steps"] .contents__list_title_point .contents__list_title_point_text {
  display: block;
  font-size: 9px;
  font-weight: 700;
  text-align: center;
  margin: 7px auto 0;
}
[data-barba-namespace="single-steps"]
  .contents__list_title_point
  .contents__list_title_point_number {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  display: block;
  margin: 1px auto 0;
}
[data-barba-namespace="single-steps"] .contents__list_label {
  margin-top: 35px;
}
[data-barba-namespace="single-steps"] .contents__list_body {
  margin-top: 20px;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__list_body {
    display: flex;
  }
}
[data-barba-namespace="single-steps"] .contents__list_body_image {
  max-width: 100%;
  width: auto;
  margin-right: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__list_body_image {
    width: 300px;
    margin-right: 40px;
  }
}
[data-barba-namespace="single-steps"] .contents__list_body_image img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-steps"] .contents__list_body_text {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .contents__list_body_text {
    width: calc(100% - 340px);
    margin-top: inherit;
  }
}
[data-barba-namespace="single-steps"] .contents__list_body_text.is-no-image {
  width: 100%;
}
[data-barba-namespace="single-steps"] .contents_video {
  margin-top: 20px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
[data-barba-namespace="single-steps"] .contents_video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-steps"] .contents_text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
[data-barba-namespace="single-steps"] .target_school {
  padding: 40px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .target_school {
    padding: 80px 0 115px;
  }
}
[data-barba-namespace="single-steps"] .profile {
  position: relative;
  padding-top: 44px;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile {
    padding: 70px 0 100px;
  }
}
[data-barba-namespace="single-steps"] .profile__heading {
  font-size: 25px;
  font-weight: 700;
  line-height: 33.5px;
  letter-spacing: 1.5px;
  text-align: center;
  color: #004ea2;
  padding: 0 calc(50% - 172.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__heading {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
    padding: 0 calc(50% - 592px);
  }
}
[data-barba-namespace="single-steps"] .profile__body {
  position: relative;
  margin-top: 34px;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__body {
    border: 4px solid #0863c2;
    border-radius: 20px;
    padding-bottom: 56px;
    width: 1000px;
    margin: 58px auto 0;
  }
}
[data-barba-namespace="single-steps"] .profile__name {
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 57px;
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.14px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
  border-radius: 5px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__name {
    top: -40px;
    height: 64px;
    padding: 0 128px;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.68px;
    border-radius: 10px;
  }
}
[data-barba-namespace="single-steps"] .profile__name:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__name:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="single-steps"] .profile__map {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__map {
    height: 464px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
[data-barba-namespace="single-steps"] .profile__map-body {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-steps"] .profile__wrapper {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__wrapper {
    display: flex;
  }
}
[data-barba-namespace="single-steps"] .profile__tel {
  margin-top: 20px;
  width: 100%;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__tel {
    margin-top: 60px;
    width: 25%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone-sub-icon {
    display: none;
  }
}
[data-barba-namespace="single-steps"] .profile__tel_notice {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__tel_notice {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone-circle {
    top: 62%;
    left: 52px;
  }
}
[data-barba-namespace="single-steps"] .regular-school__phone {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone {
    flex: 0 0 304px;
    height: 84px;
    padding: 20px 0 20px 85px;
    width: 304px;
    border-radius: 50px;
  }
}
[data-barba-namespace="single-steps"] .regular-school__phone-note {
  margin-top: 6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone-note {
    margin-top: 0;
    padding: 0 0 0 7px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone-number {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .regular-school__phone-main-icon {
    width: 22px;
    height: 22px;
  }
}
[data-barba-namespace="single-steps"] .profile__data-list {
  margin-top: 25px;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__data-list {
    margin-top: 60px;
    padding: 0;
    width: 54%;
    margin-right: 82px;
    margin-left: 40px;
  }
}
[data-barba-namespace="single-steps"] .profile__data-item {
  display: flex;
}
[data-barba-namespace="single-steps"] .profile__data-item:nth-child(2n) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-steps"] .profile__data-item:nth-child(odd) {
  background-color: #fff;
}
[data-barba-namespace="single-steps"] .profile__data-item:first-child {
  border-top: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__data-item:first-child {
    border-top: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-steps"] .profile__data-item:last-child {
  border-bottom: 3px solid #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__data-item:last-child {
    border-bottom: 4px solid #004ea2;
  }
}
[data-barba-namespace="single-steps"] .profile__data-term {
  padding: 15px 16px;
  flex: 0 0 80px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #004ea2;
  border-right: 1px dotted #004ea2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__data-term {
    padding: 31px 38px;
    flex: 0 0 180px;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1.6px;
    border-right: 2px dotted #004ea2;
  }
}
[data-barba-namespace="single-steps"] .profile__data-desc {
  padding: 15px 0 15px 36px;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 1.2px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__data-desc {
    padding: 30px 50px;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-steps"] .profile__decoration-bg-image {
  position: absolute;
  bottom: -56px;
  right: -7px;
  z-index: 2;
  transform: rotate(-18deg);
  width: 105px;
  height: 106px;
  opacity: 0;
  transform: translateX(30px);
}
[data-barba-namespace="single-steps"] .profile__decoration-bg-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0s;
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__decoration-bg-image {
    bottom: -71px;
    right: -20px;
    z-index: 2;
    transform: rotate(-18deg);
    width: 175px;
    height: 180px;
  }
}
[data-barba-namespace="single-steps"] .profile__decoration-text-image {
  position: absolute;
  bottom: -20px;
  right: 54px;
  z-index: 1;
  width: 130px;
  height: 61px;
  opacity: 0;
  transform: translateX(30px);
}
[data-barba-namespace="single-steps"] .profile__decoration-text-image.is-active {
  transition: opacity 0.2s ease-in-out, transform 0.5s cubic-bezier(0.14, 0.88, 0.6, 1.12);
  transition-delay: 0.4s;
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__decoration-text-image {
    bottom: 40px;
    right: 78px;
    width: 210px;
    height: 98px;
  }
}
[data-barba-namespace="single-steps"] .profile__links {
  margin: 0 auto 30px;
  color: #004ea2;
  display: flex;
  justify-content: space-between;
  width: 92%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__links {
    width: 660px;
    margin: 0 auto 60px;
  }
}
[data-barba-namespace="single-steps"] .profile__links .profile__links_item {
  background-color: #fff;
  border: 1px solid #004ea2;
  border-radius: 30px;
  position: relative;
  width: 48%;
  max-width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__links .profile__links_item {
    cursor: pointer;
    width: 320px;
    max-width: inherit;
    height: 60px;
    line-height: 60px;
    padding-left: 40px;
    font-size: 18px;
  }
}
[data-barba-namespace="single-steps"] .profile__links_item_link-main-icon-body--school-bag {
  position: absolute;
  width: 24px;
  height: 21px;
  top: 14px;
  left: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__links_item_link-main-icon-body--school-bag {
    width: 30px;
    height: 27px;
    top: 17px;
    left: 87px;
  }
}
[data-barba-namespace="single-steps"] .profile__links_item_link-main-icon-body--backpack {
  position: absolute;
  width: 17px;
  height: 22px;
  top: 14px;
  left: 19px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__links_item_link-main-icon-body--backpack {
    width: 19px;
    height: 25px;
    top: 17px;
    left: 92px;
  }
}
[data-barba-namespace="single-steps"] .profile__links_item_link-icon-angle-bottom {
  position: absolute;
  width: 15px;
  height: 6px;
  top: 52%;
  transform: translateY(-50%);
  right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .profile__links_item_link-icon-angle-bottom {
    width: 17px;
    height: 8px;
    top: 52%;
    transform: translateY(-50%);
    right: 17px;
  }
}
[data-barba-namespace="single-steps"] .slider {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider {
    padding: 0 40px;
  }
}
[data-barba-namespace="single-steps"] .slider__body {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  list-style: none;
  padding: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__body {
    overflow: hidden;
  }
}
[data-barba-namespace="single-steps"] .slider__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__list {
    z-index: 1;
    display: block;
    box-sizing: border-box;
  }
}
[data-barba-namespace="single-steps"] .slider__item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__item {
    width: auto;
    height: auto;
    position: relative;
  }
}
[data-barba-namespace="single-steps"] .slider__list,
[data-barba-namespace="single-steps"] .swiper-container-android .slider__item {
  transform: translateZ(0);
}
[data-barba-namespace="single-steps"] .swiper-container-free-mode > .slider__list {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
[data-barba-namespace="single-steps"] .swiper-slide-invisible-blank {
  visibility: hidden;
}
[data-barba-namespace="single-steps"] .slider {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__list {
    display: flex;
    margin: -22px 0;
  }
}
[data-barba-namespace="single-steps"] .slider__item {
  width: 322px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__item {
    width: 330px;
    margin: 22px 0;
    padding: 0 10px;
  }
}
[data-barba-namespace="single-steps"] .slider__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 207px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__image {
    height: 220px;
  }
}
[data-barba-namespace="single-steps"] .slider__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-steps"] .slider__caption {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.12px;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__caption {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
  }
}
[data-barba-namespace="single-steps"] .slider__next-button,
[data-barba-namespace="single-steps"] .slider__prev-button {
  position: absolute;
  top: 103px;
  z-index: 1;
  transform: translateY(-50%) rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #0a68ca;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__next-button,
  [data-barba-namespace="single-steps"] .slider__prev-button {
    width: 40px;
    height: 40px;
  }
}
[data-barba-namespace="single-steps"] .slider__prev-button {
  left: calc(50% - 166px);
  padding: 1px 1px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__prev-button {
    left: 30px;
  }
}
[data-barba-namespace="single-steps"] .slider__next-button {
  right: calc(50% - 166px);
  padding: 0 0 1px 1px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__next-button {
    right: 30px;
  }
}
[data-barba-namespace="single-steps"] .slider__next-button-icon,
[data-barba-namespace="single-steps"] .slider__prev-button-icon {
  width: 5.2px;
  height: 9.2px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .slider__next-button-icon,
  [data-barba-namespace="single-steps"] .slider__prev-button-icon {
    width: 10.2px;
    height: 14.2px;
  }
}
[data-barba-namespace="single-steps"] .covid {
  margin-top: 30px;
  position: relative;
  background-color: #fff;
  border: 1px solid #0863c2;
  border-radius: 30px;
  padding: 22px calc(50% - 132.5px);
  letter-spacing: 1.08px;
  color: #0863c2;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid {
    padding: 24px 50px;
    font-size: 24px;
    line-height: 1px;
    letter-spacing: 1.44px;
    cursor: pointer;
    transition: opacity 0.3s;
  }
}
[data-barba-namespace="single-steps"] .covid-item__header {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid-item__header {
    font-size: 24px;
    line-height: 1px;
    letter-spacing: 1.44px;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-steps"] .covid-item__header:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-steps"] .covid-item__body {
  height: 0;
  transition: height 0.3s;
  position: relative;
  z-index: 1;
}
[data-barba-namespace="single-steps"] .covid-item__content {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1.4px;
  color: #2d2d2d;
  transition: margin-top 0.3s, opacity 0.15s, visibility 0.15s;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  text-align: left;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid-item__content {
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
[data-barba-namespace="single-steps"] .covid-item__content a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid-item__content a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="single-steps"] .covid-item__content a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-steps"] .covid-item__content a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-steps"] .covid-item__content b,
[data-barba-namespace="single-steps"] .covid-item__content strong {
  font-weight: 700;
  color: #0863c2;
}
[data-barba-namespace="single-steps"] .covid-item__content em {
  background-color: #ffea06;
}
[data-barba-namespace="single-steps"] .covid-item__content small {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid-item__content small {
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 0;
  }
}
[data-barba-namespace="single-steps"] .covid-item__content .color-red {
  color: #f91414;
}
[data-barba-namespace="single-steps"] .covid-item__body[aria-hidden="false"] .covid-item__content {
  margin-top: 20px;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"]
    .covid-item__body[aria-hidden="false"]
    .covid-item__content {
    margin-top: 20px;
  }
}
[data-barba-namespace="single-steps"] .covid-item__sub-icon--plus {
  display: block;
}
[data-barba-namespace="single-steps"]
  .covid-item__header[aria-expanded="true"]
  .covid-item__sub-icon--plus,
[data-barba-namespace="single-steps"] .covid-item__sub-icon--minus {
  display: none;
}
[data-barba-namespace="single-steps"]
  .covid-item__header[aria-expanded="true"]
  .covid-item__sub-icon--minus {
  display: block;
}
[data-barba-namespace="single-steps"] .covid-item__sub-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  display: block;
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-steps"] .covid-item__sub-icon {
    top: 15px;
    right: 50px;
    width: 16px;
    height: 16px;
    transform: none;
  }
}
[data-barba-namespace="page-new-school-lp"] .access {
  position: relative;
  width: 100%;
  background: #e4ecfb;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .access {
    padding-bottom: 85px;
  }
}
[data-barba-namespace="page-new-school-lp"] .access__title {
  width: 100%;
}
[data-barba-namespace="page-new-school-lp"] .common-title {
  width: 100%;
  height: auto;
  min-height: 68px;
  display: flex;
  justify-items: center;
  background-image: url(../images/global/blue-border.png);
  text-align: center;
  align-items: center;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  line-height: 1.3;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .common-title {
    min-height: 120px;
    font-size: 40px;
  }
}
[data-barba-namespace="page-new-school-lp"] .access-inner {
  padding: 40px 15px 47px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .access-inner {
    padding: 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .access_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .access_map {
    width: 1000px;
    margin: 34px auto 0;
    padding-top: 320px;
  }
}
[data-barba-namespace="page-new-school-lp"] .access_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-new-school-lp"] .access__image {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .access__image {
    width: 1000px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-new-school-lp"] .banner {
  position: relative;
  width: 100%;
  background: #e4ecfb;
  padding: 24px 15px 29px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .banner {
    padding: 24px 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .banner__image {
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .banner__image {
    width: 1200px;
    height: auto;
  }
}
[data-barba-namespace="page-new-school-lp"] .banner__image-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-new-school-lp"] .banner_cv_button {
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .banner_cv_button {
    margin-top: 14px;
  }
}
[data-barba-namespace="page-new-school-lp"] .mv_cv_button {
  margin: 0 auto;
}
[data-barba-namespace="page-new-school-lp"] .cv__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 3px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #0863c2;
  color: #fff;
  background-color: #0863c2;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .cv__link {
    width: 423px;
    height: 60px;
    border-radius: 30px;
    font-size: 24px;
    letter-spacing: 1.8px;
    margin: 0 auto;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-new-school-lp"] .cv__link:hover {
    color: #0863c2;
    background-color: #fff;
  }
  [data-barba-namespace="page-new-school-lp"] .cv__link:hover .cv__link-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-new-school-lp"] .cv__link.cv__link-orange {
  background-color: #f97a14;
  border: 2px solid #f97a14;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .cv__link.cv__link-orange {
    margin-top: 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .cv__link.cv__link-orange:hover {
  color: #f97a14;
  background-color: #fff;
}
[data-barba-namespace="page-new-school-lp"] .cv__link.cv__link-orange:hover .cv__link-sub-icon {
  transform: translate(5px, -50%);
}
[data-barba-namespace="page-new-school-lp"] .cv__link_small {
  font-size: 18px;
}
[data-barba-namespace="page-new-school-lp"] .cv__link-sub-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 24px;
  height: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .cv__link-sub-icon {
    right: 30px;
    width: 24px;
    height: 17px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel {
  width: 88%;
  height: 28vw;
  padding: 1.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  background-color: #ff0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel {
    color: #fff;
    width: inherit;
    height: 120px;
    padding: 0;
    margin: 0 auto;
    background-color: transparent;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2.1333333333vw;
  background-color: #fff;
  box-shadow: 0 2px 5px hsla(0, 0%, 9%, 0.81);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__inner {
    background-color: transparent;
    box-shadow: none;
    padding-top: 19px;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__label {
  align-items: center;
  font-size: 4.2666666667vw;
  font-weight: 700;
  margin-left: -5.8666666667vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__label {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__label-icon {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: -0.5333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-barba-namespace="page-new-school-lp"] .button-tel__number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__number {
    margin-top: 8px;
    color: inherit;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__number-icon {
  width: 6.1333333333vw;
  height: 9.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__number-icon {
    width: 31px;
    height: 37px;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__number-text {
  font-size: 10.6666666667vw;
  font-weight: 700;
  margin-left: 1.0666666667vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__number-text {
    font-size: 40px;
    margin-left: 10px;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__time {
  font-size: 2.9333333333vw;
  margin-top: 0.5333333333vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel__time {
    font-size: 13.7px;
    margin-top: 8px;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel--outer-orange {
  background-color: #fdb800;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel--outer-orange {
    background-color: transparent;
  }
}
[data-barba-namespace="page-new-school-lp"] .button-tel__number--orange {
  color: #ff6520;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .button-tel--bg-white {
    background-color: #fff;
  }
  [data-barba-namespace="page-new-school-lp"] .button-tel__inner--white {
    color: #fff;
  }
  [data-barba-namespace="page-new-school-lp"] .button-tel__number--orange {
    color: inherit;
  }
  [data-barba-namespace="page-new-school-lp"] .button-tel__number--blue {
    color: #378af4;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign {
  position: relative;
  width: 100%;
}
[data-barba-namespace="page-new-school-lp"] .campaign__top {
  text-align: center;
  background-image: url(../images/views/page-new-school-lp/sp/section02/bg.png);
  padding: 23px 15px 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__top {
    padding: 0 0 30px;
    background-image: url(../images/views/page-new-school-lp/section03/bg.png);
    background-size: cover;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__top__image1 {
    width: 670px;
    padding-top: 27px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__top__image2 {
    width: 660px;
    margin: -12px auto 0;
    transform: translateX(15px);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__top__image3 {
    width: 612px;
    padding-top: 0;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-new-school-lp"] img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom {
  text-align: center;
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom_ttl-wrap {
  background-image: url(../images/views/page-new-school-lp/sp/section04/ttl-bg.png);
  padding: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom_ttl-wrap {
    padding: 0;
    background-image: url(../images/views/page-new-school-lp/section04/ttl-bg.png);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom_ttl {
    width: 620px;
    margin: 0 auto;
    padding: 44px 0 19px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom__list-wrap {
  background: linear-gradient(#fffaaf, #fdc23e);
  padding: 4px 15px 34px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom__list-wrap {
    padding: 0 0 60px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom__list {
  text-align: center;
  background-image: url(../images/views/page-new-school-lp/sp/section04/bg.png);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom__list {
    background-image: url(../images/views/page-new-school-lp/section04/bg.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding: 17px 0 20px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom__list-item {
  display: block;
  margin: 12px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom__list-item {
    margin: 19px auto 0;
    width: 640px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"]
    .campaign__bottom__list-item
    .campaign__bottom__list__image-3 {
    width: 655px;
    transform: translateX(7px);
  }
}
[data-barba-namespace="page-new-school-lp"]
  .campaign__bottom__list-item
  .campaign__bottom__list__image-5 {
  margin: -20px auto 0;
  width: 102%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"]
    .campaign__bottom__list-item
    .campaign__bottom__list__image-5 {
    margin-top: 15px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom__list__image {
  width: 100%;
  margin: 0 auto;
}
[data-barba-namespace="page-new-school-lp"] .campaign__bottom__list__txt {
  margin: 25px auto 0;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__bottom__list__txt {
    width: 100%;
    margin: 116px auto 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__button-tel {
  margin-top: 9px;
  width: 96%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign__button-tel {
    margin-top: 0;
    width: 450px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign-cv-buttons {
  display: block;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign-cv-buttons {
    display: flex;
    margin: 40px auto 0;
    width: 760px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign-cv-buttons .cv__link {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .campaign-cv-buttons .cv__link {
    width: 360px;
  }
}
[data-barba-namespace="page-new-school-lp"] .campaign__button-notice {
  margin-top: 38px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
[data-barba-namespace="page-new-school-lp"] .mv {
  position: relative;
  width: 100%;
  min-height: 540px;
  background-image: url(../images/views/page-new-school-lp/sp/mv/bg@2x.png);
  background-color: #0d66c2;
  background-size: cover;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .mv {
    padding: 0;
    min-height: 554px;
    background-image: url(../images/views/page-new-school-lp/mv/bg.png);
  }
}
[data-barba-namespace="page-new-school-lp"] .mv__ttl {
  text-align: center;
  width: 91%;
  padding-top: 81px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .mv__ttl {
    padding-top: 146px;
    width: 744px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-new-school-lp"] .mv__ttl2 {
  text-align: center;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .mv__ttl2 {
    width: 591px;
  }
}
[data-barba-namespace="page-new-school-lp"] .mv__ttl-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-new-school-lp"] .mv_cv_button {
  width: 98%;
  margin-top: 170px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .mv_cv_button {
    width: inherit;
    margin-top: 20px;
  }
}
[data-barba-namespace="page-new-school-lp"] .mv__button-tel {
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .mv__button-tel {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .kawaguchi .mv {
    min-height: 580px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow {
  padding-bottom: 64px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow {
    padding-bottom: 88px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow__image1 {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow__image1 {
    width: 900px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow_inner {
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow_inner {
    padding: 55px 0 88px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow-cv {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow-cv {
    display: block;
    margin: 16px auto 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow-cv-mobile {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow-cv-mobile {
    display: none;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow-cv-mobile_button {
  width: 88%;
  margin: 16px auto 0;
}
[data-barba-namespace="page-new-school-lp"] .flow-cv-text {
  display: none;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow-cv-text {
    display: block;
    font-size: 24px;
  }
}
[data-barba-namespace="page-new-school-lp"] .conversion {
  justify-content: center;
  margin: 0 auto;
}
[data-barba-namespace="page-new-school-lp"] .flow__image-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-new-school-lp"] .flow__image2 {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow__image2 {
    margin: 83px auto 0;
    width: 900px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow-cv2 {
  text-align: center;
  width: 88%;
  margin: 16px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow-cv2 {
    margin-top: 18px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow-cv2-text {
  display: none;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow-cv2-text {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow_cv_button {
    margin: 10px auto 0;
    width: 340px;
  }
  [data-barba-namespace="page-new-school-lp"] .flow_cv_button .cv__link {
    width: 100%;
  }
  [data-barba-namespace="page-new-school-lp"] .flow_cv_button .cv__link-sub-icon {
    right: 10px;
  }
}
[data-barba-namespace="page-new-school-lp"] .flow__image3 {
  width: 100%;
  margin: 16px auto 0;
  padding: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .flow__image3 {
    padding: 0;
    margin: 39px auto 0;
    width: 1025px;
  }
}
[data-barba-namespace="page-new-school-lp"] .voice {
  width: 100%;
  background: #e4ecfb;
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .voice {
    padding: 25px 0 78px;
  }
}
[data-barba-namespace="page-new-school-lp"] .voice__list-item {
  margin: 28px auto 0;
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .voice__list-item {
    padding: 0;
    width: 960px;
  }
}
[data-barba-namespace="page-new-school-lp"] .result {
  width: 100%;
  background: #e4ecfb;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result {
    padding-bottom: 60px;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__image1 {
  width: 100%;
  padding: 31px 16px 0 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__image1 {
    width: 988px;
    margin: 40px auto 0;
    transform: translateX(86px);
  }
}
[data-barba-namespace="page-new-school-lp"] .result__image2 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__image2 {
    width: 800px;
    margin: 30px auto 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__buttons {
  display: block;
  padding: 0 15px 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 0;
    padding: 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__button-link {
  display: block;
  position: relative;
  font-size: 15px;
  color: #fff;
  background: #04a8ff;
  text-align: center;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.3));
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin: 15px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__button-link {
    width: 375px;
    height: 70px;
    line-height: 70px;
    margin-right: 50px;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__button-link.color-dark-blue {
  background: #007aba;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__button-link.color-dark-blue {
    margin-right: 0;
    margin-top: 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__button-link:before {
  display: block;
  content: "";
  position: absolute;
  width: 3.6vw;
  height: 3.6vw;
  border: 2px solid #fff;
  border-radius: 50%;
  right: 2.7vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__button-link:before {
    width: 16px;
    height: 16px;
    right: 15px;
    top: 52%;
  }
}
[data-barba-namespace="page-new-school-lp"] .result__button-link:after {
  display: block;
  content: "";
  position: absolute;
  width: 1.0666666667vw;
  height: 1.0666666667vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 4.1vw;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .result__button-link:after {
    width: 5px;
    height: 5px;
    right: 21px;
    top: 52%;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps {
  position: relative;
  overflow: hidden;
  padding: 80px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps {
    padding: 40px 0 0;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__inner {
    position: relative;
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps__heading {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 0;
  text-align: center;
  color: #004ea2;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__heading {
    padding-bottom: 34px;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
[data-barba-namespace="page-new-school-lp"] .steps__list:after {
  content: "";
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__list:after {
    width: auto;
    display: block;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps__list_item {
  position: relative;
  padding: 8px 12px 8px 40px;
  color: #004ea2;
  background-color: #fff;
  border-radius: 26px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  line-height: 1.5;
  font-weight: 700;
  font-size: 12px;
  margin: 10px auto 0;
  width: 46%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__list_item {
    font-size: 16px;
    margin-bottom: 10px;
    width: auto;
    padding: 18px 40px 18px 50px;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps__list_item .results__link-icon {
  right: inherit;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__list_item .results__link-icon {
    left: 20px;
  }
}
[data-barba-namespace="page-new-school-lp"] .steps__list_item:nth-child(n + 4) {
  order: 1;
}
[data-barba-namespace="page-new-school-lp"] .steps__notice {
  text-align: center;
  font-weight: 700;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-new-school-lp"] .steps__notice {
    font-size: 20px;
  }
}
[data-barba-namespace="page-guidance"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page-guidance"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-guidance"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner {
  background-color: #f5f6fa;
  padding: 39px 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner {
    position: relative;
    padding: 106px 0 66px;
    width: 100%;
    min-width: 1280px;
    margin-left: -640px;
    left: 50%;
  }
}
@media (min-width: 1280px) {
  [data-barba-namespace="page-guidance"] .guidance-banner {
    margin-left: 0;
    left: auto;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__iamge-sp {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 39.3333333333%;
  margin-top: 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__iamge-sp {
    display: none;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__iamge-pc-1 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__iamge-pc-1 {
    position: absolute;
    top: 0;
    left: 6px;
    display: block;
    width: 411px;
    height: 380px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__iamge-pc-2 {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__iamge-pc-2 {
    position: absolute;
    bottom: 0;
    right: -45px;
    display: block;
    width: 405px;
    height: 286.5px;
    transition: width 0.15s, height 0.15s;
  }
}
@media (min-width: 1440px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__iamge-pc-2 {
    right: -60px;
    display: block;
    width: 540px;
    height: 382px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__iamge-body {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .guidance-banner__content {
  text-align: center;
  padding: 0 calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__content {
    padding: 0 20px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading {
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 6px;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading {
    margin-bottom: 27px;
    padding-bottom: 8px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading:before {
  content: "";
  background-image: url(../images/views/page-guidance/dot-sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 262px;
  height: 8px;
  width: 100%;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading:before {
    background-image: url(../images/views/page-guidance/dot.png);
    max-width: 449px;
    height: 8px;
    top: -17px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading:after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #0863c2;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading:after {
    left: 50%;
    transform: translateX(-50%);
    width: 538px;
    height: 4px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading img {
  display: inline-block;
  max-width: 100%;
  width: 295px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading img {
    width: 506px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading.sub {
  padding-bottom: 4px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading.sub {
    padding-bottom: 7px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading.sub:before {
  display: none;
}
[data-barba-namespace="page-guidance"] .guidance-banner__heading.sub img {
  width: 320px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__heading.sub img {
    width: auto;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__content-text {
  color: #2e2c2c;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  text-align: left;
  z-index: 1;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__content-text {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 1.08px;
    text-align: center;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__content-text .guidance-banner__span {
  display: block;
  margin-top: 8px;
  line-height: 1.6;
  font-size: 12px;
  letter-spacing: 0.14em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-banner__content-text .guidance-banner__span {
    width: 500px;
    margin: 13px auto 0;
    font-size: 13px;
    line-height: 1.4;
    -moz-text-align-last: left;
    text-align-last: left;
  }
}
[data-barba-namespace="page-guidance"]
  .guidance-banner__content-text
  .guidance-banner__span
  .margin {
  margin-top: 3px;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .guidance-banner__content-text
    .guidance-banner__span
    .margin {
    margin-top: 5px;
  }
}
[data-barba-namespace="page-guidance"]
  .guidance-banner__content-text
  .guidance-banner__span
  .pc-only {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .guidance-banner__content-text
    .guidance-banner__span
    .pc-only {
    display: block;
  }
}
[data-barba-namespace="page-guidance"] .guidance-banner__content-text .small {
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -0.4em;
}
[data-barba-namespace="page-guidance"] .differences {
  position: relative;
  background-color: #32bfe4;
  background-size: 37px 37px, 296.5px 246.5px, 0 0;
  background-repeat: repeat, no-repeat;
  background-position: 0 0, calc(50% + 98px) -26px, 0 0;
  padding: 64px 31px 100px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences {
    background-color: #35c5e2;
    padding: 73px 0 149px;
    background-size: 37px 37px, 544px 455px;
    background-repeat: repeat, no-repeat;
    background-position: 8px 0, calc(50% + 545px) -49px, right calc(50% + 442px) bottom -26px;
  }
}
[data-barba-namespace="page-guidance"] .differences__container {
  width: 313px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__container {
    width: 1116px;
  }
}
[data-barba-namespace="page-guidance"] .differences__question-body {
  position: absolute;
  left: calc(50% - 177px);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  top: -86px;
  width: 125px;
  height: 84px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-guidance"] .differences__question-body.is-active {
  opacity: 1;
  transform: rotate(0deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__question-body {
    top: -112px;
    left: calc(50% - 520px);
    width: 268px;
    height: 151px;
  }
}
[data-barba-namespace="page-guidance"] .differences__heading {
  font-size: 26px;
  letter-spacing: 0.03em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #fcfbfa;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__heading {
    font-size: 44px;
    letter-spacing: 0.08em;
    line-height: 60px;
  }
}
[data-barba-namespace="page-guidance"] .differences__list {
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 40px 0 0;
  }
}
[data-barba-namespace="page-guidance"] .differences__image-badge {
  position: absolute;
  top: -19px;
  right: -20px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 99px;
  height: 99px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__image-badge {
    top: -42px;
    right: -29px;
    width: 157px;
    height: 157px;
  }
}
[data-barba-namespace="page-guidance"] .differences__item {
  font-size: 21px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.2px;
  color: #fff;
}
[data-barba-namespace="page-guidance"] .differences__item:nth-child(2) .differences__image-badge {
  top: -23px;
  right: -36px;
  width: 103px;
  height: 103px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__item:nth-child(2) .differences__image-badge {
    top: -42px;
    right: -29px;
    width: 157px;
    height: 157px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__item {
    width: 523px;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 3px;
  }
}
[data-barba-namespace="page-guidance"] .differences__image {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__image {
    width: 100%;
    margin-bottom: 28px;
  }
}
[data-barba-namespace="page-guidance"] .differences__image.differences__image--2:before {
  background-image: url(../images/views/page-guidance/txt_02.png);
  width: 234px;
  height: 158px;
  top: -17px;
  left: -26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__image.differences__image--2:before {
    width: 380px;
    height: 266px;
    top: -26px;
    left: -42px;
  }
}
[data-barba-namespace="page-guidance"] .differences__image-inner {
  display: block;
  width: 100%;
  height: 170px;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__image-inner {
    height: 294px;
    margin: 37px 0 0;
  }
}
[data-barba-namespace="page-guidance"] .differences__image-inner--second {
  margin: -10px 0 0;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__image-inner--second {
    margin: 22px 0 0;
    width: 93%;
  }
}
[data-barba-namespace="page-guidance"] .differences__text {
  margin-bottom: 23px;
  text-align: center;
}
[data-barba-namespace="page-guidance"] .differences__image-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .differences__listNote {
  margin: -20px 0 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__listNote {
    margin: 0;
    font-size: 13px;
  }
}
[data-barba-namespace="page-guidance"] .differences__listNote-item {
  margin: 0 0 5px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__listNote-item {
    line-height: 1;
  }
}
[data-barba-namespace="page-guidance"] .differences__listNote-item:last-child {
  margin: -5px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__listNote-item:last-child {
    margin: -2px 50px 5px 1em;
    line-height: 1.3;
  }
}
[data-barba-namespace="page-guidance"] .differences__span {
  font-size: 12px;
  display: block;
  line-height: 1.9;
  margin-top: 8px;
  letter-spacing: 0.14em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__span {
    font-size: 13px;
    margin-top: 13px;
  }
}
[data-barba-namespace="page-guidance"] .differences__bottom-svg {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 60px);
  width: 163px;
  height: 66px;
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="page-guidance"] .differences__bottom-svg.is-active {
  opacity: 1;
  transform: rotate(0deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__bottom-svg {
    bottom: 43px;
    left: calc(50% + 300px);
    width: 268px;
    height: 107px;
  }
}
[data-barba-namespace="page-guidance"] .differences__bottom-image {
  position: absolute;
  bottom: 0;
  left: calc(50% + 82px);
  z-index: 1;
  width: 89px;
  height: 93px;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-guidance"] .differences__bottom-image.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .differences__bottom-image {
    left: calc(50% + 508px);
    width: 178px;
    height: 187px;
  }
}
[data-barba-namespace="page-guidance"] .strength {
  padding: 46px 0 40px;
  background-color: #dee7f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength {
    padding: 90px 0 80px;
  }
}
[data-barba-namespace="page-guidance"] .strength__heading {
  position: relative;
}
[data-barba-namespace="page-guidance"] .strength__heading.is-active .strength__heading-bg-image {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
[data-barba-namespace="page-guidance"] .strength__heading.is-active .strength__heading-sub-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-guidance"] .strength__heading-bg-image {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 63px;
  height: 84px;
  opacity: 0;
  transform: translate(-50%, 30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__heading-bg-image {
    top: 15px;
    width: 114px;
    height: auto;
  }
}
[data-barba-namespace="page-guidance"] .strength__heading-sub-image {
  position: relative;
  z-index: 1;
  width: 284px;
  height: 18px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
  transform-origin: center bottom;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__heading-sub-image {
    width: 437px;
    height: 27px;
  }
}
[data-barba-namespace="page-guidance"] .strength__heading-main-span {
  position: relative;
  z-index: 1;
  font-size: 24px;
  margin: 24px auto 0;
  color: #004ea1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-shadow: 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9, 0 0 3px #e2eaf9,
    0 0 3px #e2eaf9;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__heading-main-span {
    width: 100%;
    height: auto;
    font-size: 44px;
    margin: 55px auto 0;
  }
}
[data-barba-namespace="page-guidance"] .strength__child {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__child {
    margin: 90px auto 0;
    width: 1184px;
    border-radius: 14px;
    overflow: hidden;
  }
}
[data-barba-namespace="page-guidance"] .strength__key-visual {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.9333333333%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__key-visual {
    height: 382px;
    padding-top: 0;
  }
}
[data-barba-namespace="page-guidance"] .strength__key-visual-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .strength__child-inner {
  padding: 20px 30px 0;
  background-color: #fff;
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__child-inner {
    padding: 40px 80px 0;
    margin-bottom: -20px;
  }
}
[data-barba-namespace="page-guidance"] .strength__content-introduction {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 313px;
  height: 40px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.02px;
  color: #fff;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__content-introduction {
    width: 517px;
    height: 64px;
    border-radius: 10px;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 1.68px;
  }
}
[data-barba-namespace="page-guidance"] .strength__content-introduction:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #38d0ea transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__content-introduction:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="page-guidance"] .strength__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__item-main {
    display: flex;
    align-items: center;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="page-guidance"] .strength__item-main-thumbnail {
  flex-shrink: 0;
  width: 313px;
  height: 151px;
  margin: 0 auto 18px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__item-main-thumbnail {
    flex: 0 0 452px;
    height: 302px;
    margin: 0 50px 0 0;
  }
}
[data-barba-namespace="page-guidance"] .strength__item-main-thumbnail--height {
  height: 176px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .strength__item-main-thumbnail--height {
    height: 302px;
  }
}
[data-barba-namespace="page-guidance"] .strength__item-main-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-barba-namespace="page-guidance"] .class-features__inner {
  margin-top: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__inner {
    position: relative;
    width: 1184px;
    margin: 34px auto 0;
  }
}
[data-barba-namespace="page-guidance"] .class-features__list {
  width: 100%;
}
[data-barba-namespace="page-guidance"] .class-features__list img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-guidance"] .class-features__item {
  position: relative;
  margin-bottom: 40px;
}
[data-barba-namespace="page-guidance"] .class-features__item:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item {
    margin-bottom: 100px;
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item:nth-of-type(2n)
    .class-features__item-main {
    flex-direction: row-reverse;
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-01
  .class-features__item-heading-human {
  left: 50%;
  width: 62px;
  bottom: 1px;
  transform: translate(100px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-01
  .class-features__item-heading-human.is-active {
  transform: translate(100px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-01
    .class-features__item-heading-human {
    bottom: 0;
    left: 33px;
    width: 114px;
    transform: translate(110px, 30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-01
    .class-features__item-heading-human.is-active {
    transform: translate(110px) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-01
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-01
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-01
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-01
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-02
  .class-features__item-heading-human {
  left: 50%;
  width: 64px;
  bottom: 0;
  transform: translate(102px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-02
  .class-features__item-heading-human.is-active {
  transform: translate(102px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-02
    .class-features__item-heading-human {
    bottom: 0;
    left: 135px;
    width: 118px;
    transform: translateY(30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-02
    .class-features__item-heading-human.is-active {
    transform: translateY(0) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-02
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-02
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-02
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-02
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-03
  .class-features__item-heading-human {
  left: 50%;
  width: 76px;
  bottom: 0;
  transform: translate(104px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-03
  .class-features__item-heading-human.is-active {
  transform: translate(104px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-03
    .class-features__item-heading-human {
    bottom: 0;
    left: 122px;
    width: 133px;
    transform: translateY(30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-03
    .class-features__item-heading-human.is-active {
    transform: translateY(0) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-03
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-03
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-03
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-03
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-04
  .class-features__item-heading-human {
  left: 50%;
  width: 60px;
  bottom: 0;
  transform: translate(110px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-04
  .class-features__item-heading-human.is-active {
  transform: translate(110px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-04
    .class-features__item-heading-human {
    bottom: 0;
    left: 127px;
    width: 111px;
    transform: translateY(30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-04
    .class-features__item-heading-human.is-active {
    transform: translateY(0) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-04
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-04
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-04
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-04
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-05
  .class-features__item-heading-human {
  width: 99px;
  bottom: 0;
  transform: translate(125px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-05
  .class-features__item-heading-human.is-active {
  transform: translate(125px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-05
    .class-features__item-heading-human {
    bottom: 0;
    left: 102px;
    width: 181px;
    transform: translateY(30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-05
    .class-features__item-heading-human.is-active {
    transform: translateY(0) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-05
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-05
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-05
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-05
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-06
  .class-features__item-heading-human {
  left: 50%;
  width: 90px;
  bottom: 0;
  transform: translate(110px, 30%) scale(1.5, 0.5);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-06
  .class-features__item-heading-human.is-active {
  transform: translate(110px) scale(1);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-06
    .class-features__item-heading-human {
    bottom: 0;
    left: 111px;
    width: 181px;
    transform: translateY(30%) scale(1.5, 0.5);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-06
    .class-features__item-heading-human.is-active {
    transform: translateY(0) scale(1);
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-06
  .class-features__item-heading-number {
  left: auto;
  right: 50%;
  top: -10px;
  transform: translateX(-118px) rotate(-45deg);
}
[data-barba-namespace="page-guidance"]
  .class-features__item--strength-06
  .class-features__item-heading-number.is-active {
  transform: translateX(-118px) rotate(0);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-06
    .class-features__item-heading-number {
    top: -60px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
  }
  [data-barba-namespace="page-guidance"]
    .class-features__item--strength-06
    .class-features__item-heading-number.is-active {
    transform: rotate(0);
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading {
  position: relative;
  background-size: 37px 37px;
  background-repeat: repeat;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 99.9%;
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 13px 13.5px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-heading:before {
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 88px;
  padding: 14px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-heading-inner {
    width: 100%;
    min-height: 118px;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-number {
  position: absolute;
  width: 54px;
  height: 54px;
  opacity: 0;
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-heading-number {
    width: 98px;
    height: 98px;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-number.is-active {
  opacity: 1;
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-human {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-human.is-active {
  opacity: 1;
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-heading-title {
    font-size: 32px;
    letter-spacing: 0.12em;
    line-height: 1.3;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-title b,
[data-barba-namespace="page-guidance"] .class-features__item-heading-title em,
[data-barba-namespace="page-guidance"] .class-features__item-heading-title strong {
  color: #fff047;
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-title .color-red {
  color: #f91414;
}
[data-barba-namespace="page-guidance"] .class-features__item-heading-title span {
  display: block;
  letter-spacing: 0.064em;
  font-weight: 400;
  font-size: 13px;
}
[data-barba-namespace="page-guidance"] .class-features__item-main {
  padding: 35px 0 25px;
  background: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main {
    display: flex;
    padding: 60px 80px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-title {
    margin-top: -4px;
    margin-bottom: 19px;
    font-size: 27px;
    letter-spacing: 0.08em;
    line-height: 1.55;
    text-align: left;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title b,
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title em,
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title strong {
  padding: 0 0 3px;
  background-image: url(../images/global/yellow-border.png);
  background-size: 100% 6px;
  background-position: 0 100%;
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-title b,
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-title em,
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-title strong {
    padding: 0 0 4px;
    background-size: 100% 8px;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title .color-red {
  color: #f91414;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-title span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.064em;
  font-weight: 400;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-title span {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc {
  width: 315px;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-desc {
    width: auto;
    margin: 0;
    line-height: 1.875;
  }
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-desc a {
    transition: opacity 0.3s;
  }
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-desc a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page-guidance"]
  .class-features__item-main-content-desc
  a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc b,
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc strong {
  color: #0863c2;
  font-weight: 700;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc em {
  background-color: #ffea06;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc small {
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 0;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc .color-red {
  color: #f91414;
}
[data-barba-namespace="page-guidance"] .class-features__item-main-content-desc span {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.064em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .class-features__item-main-content-desc span {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
  }
}
[data-barba-namespace="page-guidance"] .annotation {
  position: relative;
  top: -0.4em;
  display: inline-block !important;
  vertical-align: top;
  font-size: 10px;
}
[data-barba-namespace="page-guidance"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="page-guidance"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #dee7f8 transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="page-guidance"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page-guidance"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-guidance"] .grades {
  position: relative;
  padding: 64px 0 32px;
  background-color: #dee7f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades {
    padding: 111px 0 80px;
  }
}
[data-barba-namespace="page-guidance"] .grades__inner {
  position: relative;
  z-index: 1;
  border-top: 2px solid #0863c2;
  border-bottom: 2px solid #0863c2;
  background-color: #fff;
  padding: 91px 0 27px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__inner {
    border: 4px solid #0863c2;
    border-radius: 20px;
    width: 1184px;
    margin: 0 auto;
    padding: 142px 0 42px;
  }
}
[data-barba-namespace="page-guidance"] .grades__heading {
  position: absolute;
  top: -26px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 312px;
  height: 40px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1.14px;
  color: #fff;
  border-radius: 5px;
  background-color: #065dca;
  background-size: 37px 37px;
  background-repeat: repeat;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__heading {
    top: -35px;
    width: 517px;
    height: 64px;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 0.13em;
    border-radius: 10px;
  }
}
[data-barba-namespace="page-guidance"] .grades__heading:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__heading:after {
    bottom: -14px;
    border-width: 14px 14px 0;
  }
}
[data-barba-namespace="page-guidance"] .grades__body-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 375px;
  height: 166px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__body-bg {
    width: 988px;
    height: 198px;
  }
}
[data-barba-namespace="page-guidance"] .grades__body-bg-body {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-guidance"] .grades__intro {
  position: relative;
  z-index: 1;
  width: 175px;
  height: 15px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__intro {
    display: none;
  }
}
[data-barba-namespace="page-guidance"] .grades__link-list {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__link-list {
    margin-top: 0;
  }
}
[data-barba-namespace="page-guidance"] .grades__link-body {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  margin: 0 7.5px;
  border-radius: 20px;
  border: 1px solid #2b2d2e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: left;
  color: #fff;
  background-color: #2b2d2e;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__link-body {
    width: 340px;
    height: 64px;
    margin: 0 15px;
    border-radius: 32px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    letter-spacing: 2.16px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-guidance"] .grades__link-body .grades__link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-guidance"] .grades__link-body:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-guidance"] .grades__link-body:hover .grades__link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-guidance"] .grades__link-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__link-icon {
    right: 22px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-guidance"] .grades__decoration {
  position: relative;
  z-index: 2;
}
[data-barba-namespace="page-guidance"] .grades__decoration .grades__decoration-0-bg-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-guidance"] .grades__decoration .grades__decoration-0-text-image {
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: left bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="page-guidance"] .grades__decoration .grades__decoration-1-bg-image {
  opacity: 0;
  transform: translateY(30%) scale(1.5, 0.5);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01);
}
[data-barba-namespace="page-guidance"] .grades__decoration .grades__decoration-1-text-image {
  opacity: 0;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: opacity 0.3s 0.15s, transform 0.3s cubic-bezier(0, 2.05, 0.59, 1.01) 0.15s;
}
[data-barba-namespace="page-guidance"]
  .grades__decoration.is-active
  .grades__decoration-0-bg-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-guidance"]
  .grades__decoration.is-active
  .grades__decoration-0-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="page-guidance"]
  .grades__decoration.is-active
  .grades__decoration-1-bg-image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-barba-namespace="page-guidance"]
  .grades__decoration.is-active
  .grades__decoration-1-text-image {
  opacity: 1;
  transform: rotate(0deg);
}
[data-barba-namespace="page-guidance"] .grades__decoration-0-bg-image {
  position: absolute;
  bottom: -102px;
  right: calc(50% + 130px);
  z-index: 1;
  width: 42px;
  height: 59px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__decoration-0-bg-image {
    bottom: -115px;
    right: calc(50% + 520px);
    width: 85px;
    height: 118px;
  }
}
[data-barba-namespace="page-guidance"] .grades__decoration-0-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__decoration-0-text-image {
    display: block;
    position: absolute;
    bottom: -78px;
    right: calc(50% + 302px);
    z-index: 1;
    width: 222px;
    height: 118px;
  }
}
[data-barba-namespace="page-guidance"] .grades__decoration-1-bg-image {
  position: absolute;
  bottom: -102px;
  left: calc(50% + 142px);
  z-index: 1;
  width: 24px;
  height: 59px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__decoration-1-bg-image {
    bottom: -112px;
    left: calc(50% + 520px);
    width: 51px;
    height: 118px;
  }
}
[data-barba-namespace="page-guidance"] .grades__decoration-1-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .grades__decoration-1-text-image {
    display: block;
    position: absolute;
    bottom: -97px;
    left: calc(50% + 406px);
    z-index: 1;
    width: 102px;
    height: 74px;
  }
}
[data-barba-namespace="page-guidance"] .button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 269px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .button {
    width: 360px;
    height: 64px;
    border-radius: 30px;
    border: 2px solid #2b2d2e;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 2.15px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="page-guidance"] .button .button-link-icon {
    transition: transform 0.3s;
  }
  [data-barba-namespace="page-guidance"] .button:hover {
    color: #2b2d2e;
    background-color: #fff;
  }
  [data-barba-namespace="page-guidance"] .button:hover .button-link-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="page-guidance"] .button .button-link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .button .button-link-icon {
    right: 30px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page-guidance"] .button.button-black {
  background-color: #2c2c2c;
  color: #fff;
  border: 2px solid transparent;
  width: 268px;
  height: 40px;
  font-size: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .button.button-black {
    width: 360px;
    height: 64px;
    font-size: 18px;
  }
  [data-barba-namespace="page-guidance"] .button.button-black:hover {
    background-color: #fff;
    border: 2px solid #2c2c2c;
    color: #2c2c2c;
  }
}
[data-barba-namespace="page-guidance"] .button.button-black .button-link-icon {
  right: 19px;
}
[data-barba-namespace="page-guidance"] .guidance-faq {
  background: #f6f7fb;
  padding: 51px 0 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-faq {
    background: #f5f6fa;
    padding: 89px 0 99px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-faq__container {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-faq__container {
    width: 1024px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-faq__title {
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  font-size: 23px;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-faq__title {
    font-size: 40px;
    letter-spacing: 0.06em;
    margin-bottom: 56px;
  }
}
[data-barba-namespace="page-guidance"] .guidance-faq__button {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-guidance"] .guidance-faq__button {
    margin-top: 60px;
  }
}
[data-barba-namespace="page-2021-spring-form"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form-heading {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form-heading {
    height: 700px;
    overflow: hidden;
  }
  [data-barba-namespace="page-2021-spring-form"] .contact-form-heading:after {
    content: "";
    display: block;
    width: 100%;
    height: 141.5px;
    background-repeat: repeat-x;
    background-image: url(../images/views/page-2021-spring-form/mv_bg-cover.png);
    position: absolute;
    bottom: 130px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form-heading__bg-body {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form-heading__bg-body {
    min-height: 515px;
    max-height: 555px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .mv_human_pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .mv_human_pc {
    display: block;
    margin: 0 auto;
    width: 945px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .mv_copy_pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .mv_copy_pc {
    display: block;
    margin: 0 auto;
    width: 744px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 250px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .act-form__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .act-form__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .act-form__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .act-form__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .cv-tel {
    position: relative;
    bottom: inherit;
    z-index: 1;
  }
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__link {
  display: block;
  background-image: url(../images/views/page-2021-spring-form/cv-button-bg-pink.jpg);
  background-size: contain;
  border-color: rgba(255, 155, 200, 0.7) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4)
    rgba(255, 155, 200, 0.7);
  border-style: solid;
  border-width: 6px;
  margin: 0 20px 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .cv-tel__link {
    margin: 0 0 10px;
    border: none;
    text-align: center;
    background: none;
  }
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__body {
  position: relative;
  background-color: #fff;
  margin: 6px;
  padding: 15px 0;
  text-align: center;
  color: #000;
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__heading {
  display: flex;
  position: relative;
  justify-content: center;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__heading:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.264%22%20height%3D%2223.38%22%20viewBox%3D%220%200%2023.264%2023.38%22%3E%20%3Cg%20id%3D%22Group_676%22%20data-name%3D%22Group%20676%22%20transform%3D%22translate(23.264%2013.687)%20rotate(135)%22%3E%20%3Cpath%20id%3D%22Path_1632%22%20data-name%3D%22Path%201632%22%20d%3D%22M.516%2C0A.516.516%2C0%2C0%2C1%2C.738.05%2C2.868%2C2.868%2C0%2C0%2C0%2C3.171.074a.515.515%2C0%2C0%2C1%2C.427.938A3.893%2C3.893%2C0%2C0%2C1%2C.293.979.515.515%2C0%2C0%2C1%2C.516%2C0Z%22%20transform%3D%22translate(3.157%2019.65)%22%20fill%3D%22%23181818%22%2F%3E%20%3Cpath%20id%3D%22Path_1633%22%20data-name%3D%22Path%201633%22%20d%3D%22M.515%2C0A.514.514%2C0%2C0%2C1%2C.737.051%2C2.871%2C2.871%2C0%2C0%2C0%2C3.17.075.515.515%2C0%2C0%2C1%2C3.853.33a.517.517%2C0%2C0%2C1-.255.683A3.9%2C3.9%2C0%2C0%2C1%2C.293.98.515.515%2C0%2C0%2C1%2C.515%2C0Z%22%20transform%3D%22translate(3.157%2021.149)%22%20fill%3D%22%23181818%22%2F%3E%20%3Cpath%20id%3D%22Path_1634%22%20data-name%3D%22Path%201634%22%20d%3D%22M11.854%2C12.827a1.851%2C1.851%2C0%2C0%2C1-.6-.1%2C1.853%2C1.853%2C0%2C0%2C1-2.236.881%2C1.849%2C1.849%2C0%2C0%2C1-1.635.981%2C1.819%2C1.819%2C0%2C0%2C1-.432-.052c0%2C1.359%2C0%2C2.857%2C0%2C2.875v.022a1.854%2C1.854%2C0%2C0%2C1-3.706-.1V11.514a4.147%2C4.147%2C0%2C0%2C1-1.528.572A1.374%2C1.374%2C0%2C0%2C1%2C.59%2C11.761%2C1.706%2C1.706%2C0%2C0%2C1%2C0%2C10.476c0-.2%2C0-.8%2C2.479-3.371A8.8%2C8.8%2C0%2C0%2C0%2C3.938%2C3.2V2.624C3.938%2C1.153%2C5.8%2C0%2C8.181%2C0s4.243%2C1.152%2C4.243%2C2.623v.4A3.455%2C3.455%2C0%2C0%2C0%2C12.9%2C4.453a6.4%2C6.4%2C0%2C0%2C1%2C.811%2C2.973v3.545A1.858%2C1.858%2C0%2C0%2C1%2C11.854%2C12.827ZM5.132%2C3.276A9.8%2C9.8%2C0%2C0%2C1%2C3.42%2C7.843a.7.7%2C0%2C0%2C1-.052.063A15.862%2C15.862%2C0%2C0%2C0%2C1.2%2C10.517a.519.519%2C0%2C0%2C0%2C.167.334.182.182%2C0%2C0%2C0%2C.158.056%2C2.457%2C2.457%2C0%2C0%2C0%2C1.72-1.058V9.008a.6.6%2C0%2C1%2C1%2C1.2%2C0v8.329a.659.659%2C0%2C0%2C0%2C1.317.031v-6.9a.6.6%2C0%2C1%2C1%2C1.2%2C0v2.76a.659.659%2C0%2C0%2C0%2C1.092-.5V10.476a.6.6%2C0%2C0%2C1%2C1.2%2C0v1.91a.647.647%2C0%2C0%2C0%2C.381.126.661.661%2C0%2C0%2C0%2C.66-.661V9.6a.6.6%2C0%2C1%2C1%2C1.2%2C0v1.91a.652.652%2C0%2C0%2C0%2C.381.126.661.661%2C0%2C0%2C0%2C.66-.66V7.426a5.24%2C5.24%2C0%2C0%2C0-.691-2.45%2C4.368%2C4.368%2C0%2C0%2C1-.594-1.947v-.4c0-.6-1.16-1.428-3.048-1.428s-3.048.831-3.048%2C1.428v.607C5.134%2C3.246%2C5.133%2C3.261%2C5.132%2C3.276Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23181818%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .cv-tel__heading {
    display: none;
  }
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__heading.pc-onliy,
[data-barba-namespace="page-2021-spring-form"] .cv-tel__heading.pc-onliy:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .cv-tel__heading.pc-onliy {
    font-size: 18px;
    display: block;
    font-weight: 400;
    margin-bottom: 16px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .cv-tel__tel {
  padding: 0 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .cv-tel__tel svg {
    margin: 0 auto;
    transform: scale(1.2);
  }
}
[data-barba-namespace="page-2021-spring-form"] .svg-cv-tel__organic {
  display: block;
}
[data-barba-namespace="page-2021-spring-form"] .ad001 .svg-cv-tel__organic,
[data-barba-namespace="page-2021-spring-form"] .svg-cv-tel__ad {
  display: none;
}
[data-barba-namespace="page-2021-spring-form"] .ad001 .svg-cv-tel__ad {
  display: block;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__inner {
  margin-top: 60px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__inner {
    width: 800px;
    margin: 0 auto;
    padding: 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form_step {
    padding: 0 80px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #0019dd;
  font-size: 11px;
  color: #0019dd;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item.current {
  background-color: #0019dd;
  color: #fff;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../svg/views/page-2021-spring-form/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-spring-form"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-spring-form"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form_body {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__bottom {
    width: 560px;
    margin: 80px auto 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .inline-field {
    display: inline-block;
    width: auto;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__bottom-heading {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__bottom-desc {
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.75;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__notice {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__notice {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__notice a {
  color: #0019dd;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__field-wrapper {
    display: block;
    width: calc(100% - 260px);
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__field-wrapper.inline-field {
  display: inline-flex;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__field-wrapper.inline-field {
    width: auto;
  }
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__input {
  border-radius: 2px;
  border: 1px solid #d04;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__select {
  border-radius: 2px;
  border: 1px solid #d04;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-wp-form {
  margin-left: 0;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__group {
    margin-bottom: 30px;
    display: flex;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__group.contact-form-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__group.contact-form-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__group.confirm-form-group {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__group.confirm-form-group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__status {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  background-color: #0019dd;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__status {
    width: 37px;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__status.is-required {
  background-color: #d04;
  color: #fff;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__label {
  color: #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__label {
    font-size: 16px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled {
  position: relative;
  width: 460px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__styled {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled:before {
  content: "";
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  top: 22px;
  right: 18px;
  transform: rotate(135deg);
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #000;
  color: #fff;
  position: absolute;
  top: 18px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled.styled-1 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__styled.styled-1 {
    margin-right: 20px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled.styled-2 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__styled.styled-2,
  [data-barba-namespace="page-2021-spring-form"]
    .contact-form__styled.styled-2
    + .contact-form__styled {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__styled.contact-form__bottom-margin {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__styled.contact-form__bottom-margin {
    margin-bottom: 10px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__select {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #2b2d2e;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 19px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__input {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 0 17px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    width: 100%;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__input.input-styled-2 {
  width: 240px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__input.input-styled-2 {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__inform {
  color: #2d2d2b;
  display: block;
  font-size: 12px;
  letter-spacing: 0.72px;
  margin: 0 0 0 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__inform {
    flex: none;
    max-width: none;
    margin: 8px 0 0 8px;
    width: inherit;
    display: inline-block;
    font-size: 14px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__inform--only-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__inform--only-pc {
    display: inline-block;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact_form__label-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  background-color: #ffedf7;
  height: 40px;
  line-height: 40px;
  padding: 0 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact_form__label-wrapper {
    width: 240px;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact_form__label-wrapper.confirm-label-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"]
    .contact_form__label-wrapper.confirm-label-wrapper {
    margin-bottom: 16px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact_form__label-wrapper.any-label {
  background-color: #eff8ff;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__number:before {
    top: 50%;
    left: 20px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__number .contact-form__inform {
    margin-left: 25px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__number .input-styled-3 {
  width: 180px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__number .input-styled-3 {
    width: 190px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__label-radio {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  letter-spacing: 0.96px;
  margin-top: 14px;
  margin-right: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__label-radio {
    height: 24px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto;
  padding-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__label-radio.checkbox {
    margin: 20px 0 0;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 13px;
  height: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark:after {
    width: 10px;
    height: 10px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark.checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
  -webkit-appearance: checkbox;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-2021-spring-form"]
  .mwform-radio-field
  + .mwform-radio-field.mwform-radio-field {
  margin-left: 30px;
}
[data-barba-namespace="page-2021-spring-form"] .mwform-radio-field label {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
}
[data-barba-namespace="page-2021-spring-form"] .mwform-radio-field input {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .mwform-radio-field input {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-spring-form"]
  .mwform-radio-field
  input:checked
  + .mwform-radio-field-text:before {
  transform: translateY(-50%) scale(1);
}
[data-barba-namespace="page-2021-spring-form"] .mwform-radio-field .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0863c2;
  border-radius: 50%;
  transform-origin: center center;
  transition: transform 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"]
    .mwform-radio-field
    .mwform-radio-field-text:before {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .mwform-radio-field-text {
    font-size: 18px;
    letter-spacing: 1.08px;
    color: #2d2d2b;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark:after {
  display: block;
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__textarea {
  display: block;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 135px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f5f5;
  font-size: 16px;
  padding: 15px 18px;
  letter-spacing: 0.96px;
  line-height: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__textarea {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__error {
  color: #d04;
  font-size: 14px;
  flex: 0 0 100%;
  margin-top: 12px;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__error:first-child {
  display: none;
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact-form__label-point.flex-between {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__label-point.flex-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form__fields {
    padding: 0;
  }
}
[data-barba-namespace="page-2021-spring-form"]
  .contact-form__fields:nth-child(2)
  .contact-form__group {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"]
    .contact-form__fields:nth-child(2)
    .contact-form__group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .contact_form_notice {
  font-size: 12px;
  display: block;
  padding-left: 13px;
  font-weight: 700;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact_form_notice {
    font-weight: 400;
    padding-left: 0;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .contact-form-gender-value {
    display: flex;
    margin-top: 12px;
  }
}
[data-barba-namespace="page-2021-spring-form"] .button {
  width: 100%;
  display: block;
  position: relative;
  font-size: 16px;
  border: 4px solid #0019dd;
  color: #0019dd;
  height: 82px;
}
[data-barba-namespace="page-2021-spring-form"] .button:before {
  content: "";
  border-top: 1px solid #0019dd;
  border-right: 1px solid #0019dd;
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  top: 33px;
  right: 19px;
  transform: rotate(45deg);
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form"] .button:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #0019dd;
  color: #fff;
  position: absolute;
  top: 28px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form"] .button {
    margin: 80px auto 0;
    max-width: 400px;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form-confirm"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form-confirm"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form-confirm"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .confirm-text {
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .confirm-text {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__group {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #d8d8d8;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact_form__label-wrapper {
  display: block;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__status {
  text-indent: -999px;
  background-color: #0019dd;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  top: 1px;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__is-required {
  background-color: #d04;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__label {
  font-weight: 700;
  font-size: 16px;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact_form-confirm__label-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact_form-confirm__label-wrapper {
    margin-bottom: 0;
    padding-left: 20px;
    width: 205px;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__field-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__field-wrapper {
    margin-bottom: 0;
    width: calc(100% - 225px);
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__field-wrapper-flex {
  display: flex;
}
[data-barba-namespace="page-2021-spring-form-confirm"]
  .contact-form-confirm__field-wrapper-flex
  .contact-form-confirm__styled {
  margin-right: 0.5em;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__value {
  font-size: 16px;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__span,
[data-barba-namespace="page-2021-spring-form-confirm"] .contact_form_notice {
  display: none;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .confirm-is-only-sp-flex {
  margin-bottom: 0;
  display: none;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__bottom-button {
  display: block;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background-color: #0019dd;
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__bottom-button {
    max-width: 400px;
    margin: 0 auto 20px;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__bottom-button button {
  color: #fff;
  font-size: 18px;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__bottom-button:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 4px;
  height: 5px;
  top: 27px;
  right: 19px;
  transform: rotate(45deg);
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__bottom-button:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: 22px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__back-button {
  max-width: 200px;
  background-color: transparent;
  border: 2px solid #b1b1b1;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__back-button button {
  color: #181818;
  font-size: 16px;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__back-button:before {
  transform: rotate(230deg);
  right: inherit;
  top: 23px;
  left: 23px;
  width: 5px;
  border-top: 1px solid #b1b1b1;
  border-right: 1px solid #b1b1b1;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__back-button:after {
  right: inherit;
  top: 18px;
  left: 17px;
  border: 2px solid #b1b1b1;
  color: #b1b1b1;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form-confirm__hidden {
  display: none;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__inner {
  margin-top: 60px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__inner {
    width: 800px;
    margin: 0 auto;
    padding: 0;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step {
    padding: 0 80px;
    margin-top: 100px;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #0019dd;
  font-size: 11px;
  color: #0019dd;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item.current {
  background-color: #0019dd;
  color: #fff;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../svg/views/page-2021-spring-form/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_body {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__bottom {
    width: 480px;
    margin: 80px auto 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-confirm"] .inline-field {
    display: inline-block;
    width: auto;
  }
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__bottom-heading {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form__bottom-desc {
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.75;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-spring-form-confirm"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form__inner {
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form__inner {
    padding: 0;
    width: 640px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form_body {
    padding: 0 80px;
    width: 640px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step {
    padding-top: 100px;
  }
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #0019dd;
  font-size: 11px;
  color: #0019dd;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item.current {
  background-color: #0019dd;
  color: #fff;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../svg/views/page-2021-spring-form/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-spring-form-complete"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-title {
  font-size: 22px;
  font-weight: 700;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .complete-title {
    font-size: 22px;
    margin-top: 80px;
  }
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 30px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-spring-form-complete"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-link {
  display: block;
  width: 100%;
  margin-top: 45px;
  height: 62px;
  line-height: 62px;
  background-color: #0019dd;
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-size: 19px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-link button {
  color: #fff;
  font-size: 19px;
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-link:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  top: 28px;
  right: 19px;
  transform: rotate(45deg);
  pointer-events: none;
}
[data-barba-namespace="page-2021-spring-form-complete"] .complete-link:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: 23px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-spring-form-complete"] .complete-link {
    max-width: 400px;
    margin: 60px auto;
  }
}
[data-barba-namespace="page-2021-summer-form"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form-heading {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form-heading {
    height: 300px;
    overflow: hidden;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form-mv-human {
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form-mv-human {
    transform: translateY(-25px);
    width: 800px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form-mv {
  position: relative;
  text-align: center;
  background: #00baff;
  height: 100%;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form-mv-title {
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 90%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form-mv-title {
    width: inherit;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form-heading__bg-body {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form-heading__bg-body {
    min-height: 515px;
    max-height: 555px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .mv_human_pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .mv_human_pc {
    display: block;
    margin: 0 auto;
    width: 945px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .mv_copy_pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .mv_copy_pc {
    display: block;
    margin: 0 auto;
    width: 744px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 250px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .act-form__container {
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .act-form__container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .act-form__container.form-complete-container {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .act-form__container.form-complete-container {
    padding: 80px 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact__tel-button {
  text-align: center;
  border: 6px solid #ff0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact__tel-button {
    margin-top: 46px;
    border: none;
    padding: 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__inner {
  margin-top: 30px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__inner {
    width: 800px;
    margin: 0 auto;
    padding: 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form_step {
    margin-top: 60px;
    padding: 0 80px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #00a7ff;
  font-size: 11px;
  color: #00a7ff;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item.current {
  background-color: #00a7ff;
  color: #fff;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../images/lp/2021/summer/contact/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-summer-form"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-summer-form"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form_body {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__bottom {
    width: 560px;
    margin: 40px auto 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .inline-field {
    display: inline-block;
    width: auto;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__bottom-heading {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__bottom-desc {
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.75;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__notice {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__notice {
    margin-bottom: 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__notice a {
  color: #00a7ff;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__field-wrapper {
    display: block;
    width: calc(100% - 260px);
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__field-wrapper.inline-field {
  display: inline-flex;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__field-wrapper.inline-field {
    width: auto;
  }
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__input {
  border-radius: 2px;
  border: 1px solid #d04;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__field-wrapper
  .contact-form__error
  + .contact-form__select {
  border-radius: 2px;
  border: 1px solid #d04;
  background-color: #f7d3cc;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"]
    .contact-form__field-wrapper
    .contact-form__error
    + .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-wp-form {
  margin-left: 0;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__group {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__group {
    margin-bottom: 30px;
    display: flex;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__group.contact-form-group-margin {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__group.contact-form-group-margin {
    margin-bottom: 30px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__group.confirm-form-group {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__group.confirm-form-group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__group.confirm-form-group-margin {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__group.confirm-form-group-margin {
    margin-bottom: 46px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__status {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  background-color: #00a7ff;
  margin-right: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__status {
    width: 37px;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__status.is-required {
  background-color: #ff1945;
  color: #fff;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__label {
  color: #2b2d2e;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__label {
    font-size: 16px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled {
  position: relative;
  width: 460px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__styled {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled:before {
  content: "";
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  top: 22px;
  right: 18px;
  transform: rotate(135deg);
  pointer-events: none;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled:after {
  content: "";
  width: 15px;
  height: 15px;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #000;
  color: #fff;
  position: absolute;
  top: 18px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled.styled-1 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__styled.styled-1 {
    margin-right: 20px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled.styled-2 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__styled.styled-2,
  [data-barba-namespace="page-2021-summer-form"]
    .contact-form__styled.styled-2
    + .contact-form__styled {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled.styled-3 {
  width: 420px;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__styled.contact-form__bottom-margin {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__styled.contact-form__bottom-margin {
    margin-bottom: 10px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__select {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  color: #2b2d2e;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 19px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__select {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__input {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f6fa;
  font-size: 16px;
  padding: 0 17px;
  letter-spacing: 0.96px;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, -apple-system, sans-serif;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__input {
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    width: 100%;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__input.input-styled-2 {
  width: 240px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__input.input-styled-2 {
    width: 100%;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__input.input-styled-4 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__input.input-styled-4 {
    margin-top: 30px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__inform {
  color: #2d2d2b;
  display: block;
  font-size: 12px;
  letter-spacing: 0.72px;
  margin: 0 0 0 8px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__inform {
    flex: none;
    max-width: none;
    margin: 8px 0 0 8px;
    width: inherit;
    display: inline-block;
    font-size: 14px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__inform--only-pc {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__inform--only-pc {
    display: inline-block;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact_form__label-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  background-color: #ffedf0;
  height: 40px;
  line-height: 40px;
  padding: 0 11px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact_form__label-wrapper {
    width: 240px;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact_form__label-wrapper.confirm-label-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"]
    .contact_form__label-wrapper.confirm-label-wrapper {
    margin-bottom: 16px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact_form__label-wrapper.any-label {
  background-color: #e0f4ff;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__number {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__number:before {
  content: url(../svg/views/page-waseda_form/form-icon.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__number:before {
    top: 50%;
    left: 20px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__number .contact-form__inform {
    margin-left: 25px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__number .input-styled-3 {
  width: 180px;
  padding: 0 10px 0 47px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__number .input-styled-3 {
    width: 190px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__label-radio {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  letter-spacing: 0.96px;
  margin-top: 14px;
  margin-right: 28px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__label-radio {
    height: 24px;
    font-size: 18px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__label-radio.checkbox {
  font-weight: 700;
  margin: 22px auto;
  padding-left: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__label-radio.checkbox {
    margin: 20px 0 0;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 13px;
  height: 13px;
  background-color: #0863c2;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark:after {
    width: 10px;
    height: 10px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark.confirm:after {
  background-color: #2d2d2e;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark.checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: #fff;
  -webkit-appearance: checkbox;
  cursor: pointer;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark.checkbox {
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__checkmark.checkbox:after {
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  border-radius: 0;
}
[data-barba-namespace="page-2021-summer-form"]
  .mwform-radio-field
  + .mwform-radio-field.mwform-radio-field {
  margin-left: 30px;
}
[data-barba-namespace="page-2021-summer-form"] .mwform-radio-field label {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
}
[data-barba-namespace="page-2021-summer-form"] .mwform-radio-field input {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .mwform-radio-field input {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-summer-form"]
  .mwform-radio-field
  input:checked
  + .mwform-radio-field-text:before {
  transform: translateY(-50%) scale(1);
}
[data-barba-namespace="page-2021-summer-form"] .mwform-radio-field .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #0863c2;
  border-radius: 50%;
  transform-origin: center center;
  transition: transform 0.15s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"]
    .mwform-radio-field
    .mwform-radio-field-text:before {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .mwform-radio-field-text {
    font-size: 18px;
    letter-spacing: 1.08px;
    color: #2d2d2b;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark {
  background-color: #fff;
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark:after {
  display: block;
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__radio:checked
  ~ .contact-form__checkmark.checkbox {
  background-color: #0863c2;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__textarea {
  display: block;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 135px;
  border-radius: 2px;
  border: 1px solid #999;
  background-color: #f5f5f5;
  font-size: 16px;
  padding: 15px 18px;
  letter-spacing: 0.96px;
  line-height: 21px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__textarea {
    border-radius: 4px;
    border-width: 2px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__textarea.confirm-value {
  background: none;
  color: #002d2e;
  position: relative;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__textarea.confirm-value:after {
  content: "";
  background-image: url(../svg/views/page-waseda_form/mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 100%;
  position: absolute;
  bottom: auto;
  right: -19px;
  top: -37px;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__textarea.confirm-value:after {
    top: auto;
    bottom: -83px;
    width: 97px;
    height: 78px;
    right: -25px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__error {
  color: #d04;
  font-size: 14px;
  flex: 0 0 100%;
  margin-top: 12px;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__error:first-child {
  display: none;
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__label-point {
  justify-content: flex-end;
  flex: 0 0 100%;
  margin-top: 12px;
  font-size: 11px;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__label-point {
    font-size: 14px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact-form__label-point.flex-between {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__label-point.flex-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form__fields {
    padding: 0;
  }
}
[data-barba-namespace="page-2021-summer-form"]
  .contact-form__fields:nth-child(2)
  .contact-form__group {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"]
    .contact-form__fields:nth-child(2)
    .contact-form__group {
    margin-bottom: 32px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .contact_form_notice {
  font-size: 12px;
  display: block;
  padding-left: 13px;
  font-weight: 700;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact_form_notice {
    font-weight: 400;
    padding-left: 0;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .contact-form-gender-value {
    display: flex;
    margin-top: 12px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button {
  width: 100%;
  display: block;
  position: relative;
  font-size: 16px;
  border: 4px solid #00a7ff;
  color: #00a7ff;
  height: 82px;
}
[data-barba-namespace="page-2021-summer-form"] .button:before {
  content: "";
  border-top: 1px solid #00a7ff;
  border-right: 1px solid #00a7ff;
  position: absolute;
  z-index: 2;
  width: 1.3vw;
  height: 1.3vw;
  top: 34px;
  right: 20px;
  transform: rotate(45deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button:before {
    width: 5px;
    height: 5px;
    right: 21px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button:after {
  content: "";
  width: 4.5vw;
  height: 4.5vw;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #00a7ff;
  color: #fff;
  position: absolute;
  top: 28px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button:after {
    width: 17px;
    height: 17px;
    right: 14px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button {
    margin: 40px auto 0;
    max-width: 400px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--request {
  width: 89.3333333333vw;
  height: 16vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--request {
    width: 440px;
    height: 80px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--request__inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 86.6666666667vw;
  height: 13.3333333333vw;
  color: #00a7ff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  box-shadow: 0 0 2.6666666667vw -0.5333333333vw #262602;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--request__inner {
    width: 430px;
    height: 70px;
    font-size: 22px;
    box-shadow: 0 0 10px -2px #262602;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--request__inner:before {
  display: block;
  content: "";
  position: absolute;
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  border: 2px solid #00a7ff;
  border-radius: 50%;
  right: 4vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--request__inner:before {
    width: 17px;
    height: 17px;
    right: 14px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--request__inner:after {
  display: block;
  content: "";
  position: absolute;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  border-top: 2px solid #00a7ff;
  border-right: 2px solid #00a7ff;
  right: 5.76vw;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--request__inner:after {
    width: 5px;
    height: 5px;
    right: 21px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--tel {
  position: relative;
  width: 89.3333333333vw;
  height: 28vw;
  padding: 1.3333333333vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--tel {
    width: 430px;
    height: auto;
    padding: 0;
    background-color: transparent;
    margin: 0 auto;
    display: block;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--tel__inner {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 13px;
  box-shadow: 0 0 2.3vw -0.5333333333vw #262602;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--tel__inner {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--tel__inner-text {
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--tel__inner-text {
    color: #222;
    font-size: 21px;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--tel__inner-image {
  width: 100%;
  margin-top: 1.5vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form"] .button--tel__inner-image {
    margin: 10px auto;
  }
}
[data-barba-namespace="page-2021-summer-form"] .button--tel__inner-image img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="page-2021-summer-form"] .button__icon-tap {
  position: absolute;
  display: inline-block;
  width: 6.5vw;
  height: 6.5vw;
  margin-left: -6vw;
}
[data-barba-namespace="page-2021-summer-form-confirm"] ::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form-confirm"] ::-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form-confirm"] :-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form-confirm"] :-moz-placeholder {
  opacity: 1;
  color: #999;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .confirm-text {
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .confirm-text {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__group {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #d8d8d8;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact_form__label-wrapper {
  display: block;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__status {
  text-indent: -999px;
  background-color: #24b3ff;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  top: 1px;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__is-required {
  background-color: #ff1945;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__label {
  font-weight: 700;
  font-size: 16px;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact_form-confirm__label-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact_form-confirm__label-wrapper {
    margin-bottom: 0;
    padding-left: 20px;
    width: 205px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__field-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__field-wrapper {
    margin-bottom: 0;
    width: calc(100% - 225px);
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__field-wrapper-flex {
  display: flex;
}
[data-barba-namespace="page-2021-summer-form-confirm"]
  .contact-form-confirm__field-wrapper-flex
  .contact-form-confirm__styled {
  margin-right: 0.5em;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__value {
  font-size: 16px;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__span,
[data-barba-namespace="page-2021-summer-form-confirm"] .contact_form_notice {
  display: none;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .confirm-is-only-sp-flex {
  margin-bottom: 0;
  display: none;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__bottom-button {
  display: flex;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background-color: #24b3ff;
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__bottom-button {
    max-width: 440px;
    height: 80px;
    margin: 0 auto 20px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__bottom-button button {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  box-shadow: 0 2px 5px rgba(38, 38, 2, 0.7);
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"]
    .contact-form-confirm__bottom-button
    button {
    font-size: 28px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__bottom-button:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 1.3vw;
  height: 1.3vw;
  top: 50%;
  right: 29px;
  transform: rotate(45deg) translateY(-50%);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"]
    .contact-form-confirm__bottom-button:before {
    width: 5px;
    height: 5px;
    right: 23px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__bottom-button:after {
  content: "";
  width: 4.5vw;
  height: 4.5vw;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"]
    .contact-form-confirm__bottom-button:after {
    width: 17px;
    height: 17px;
    right: 14px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__back-button {
  max-width: 200px;
  background-color: transparent;
  border: 2px solid #b1b1b1;
  height: 50px;
  line-height: 48px;
  margin: 0 auto;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__back-button button {
  width: 100%;
  height: 100%;
  color: #181818;
  font-size: 16px;
  box-shadow: none;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__back-button:before {
  right: inherit;
  left: 25px;
  top: 42%;
  transform: rotate(230deg) translateY(-50%);
  width: 5px;
  border-top: 1px solid #b1b1b1;
  border-right: 1px solid #b1b1b1;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__back-button:after {
  right: inherit;
  top: 50%;
  transform: translateY(-50%);
  left: 17px;
  border: 2px solid #b1b1b1;
  color: #b1b1b1;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form-confirm__hidden {
  display: none;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__inner {
  margin-top: 60px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__inner {
    width: 800px;
    margin: 0 auto;
    padding: 0;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step {
    padding: 100px 80px 0;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #24b3ff;
  font-size: 11px;
  color: #24b3ff;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item.current {
  background-color: #24b3ff;
  color: #fff;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../images/lp/2021/summer/contact/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_body {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__bottom {
    width: 480px;
    margin: 80px auto 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-confirm"] .inline-field {
    display: inline-block;
    width: auto;
  }
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__bottom-heading {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form__bottom-desc {
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.75;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-summer-form-confirm"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form__inner {
  padding: 0 25px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form__inner {
    padding: 0;
    width: 640px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_body {
  margin-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form_body {
    padding: 0 80px;
    width: 640px;
    margin: 0 auto;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step {
    padding-top: 100px;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item {
  display: block;
  position: relative;
  width: 28%;
  height: 63px;
  border: 4px solid #24b3ff;
  font-size: 11px;
  color: #24b3ff;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item p {
  text-align: center;
  padding-top: 6px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item strong {
  font-size: 16px;
  font-weight: 700;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item.current {
  background-color: #24b3ff;
  color: #fff;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item:before {
  content: "";
  display: block;
  background-image: url(../../images/lp/2021/summer/contact/step-icon.svg);
  width: 8px;
  height: 12px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item.no-icon:before {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item {
    width: 30%;
    height: 120px;
  }
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item p {
    font-size: 16px;
    padding-top: 22px;
  }
  [data-barba-namespace="page-2021-summer-form-complete"] .contact-form_step_item strong {
    font-size: 29px;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-title {
  font-size: 22px;
  font-weight: 700;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .complete-title {
    font-size: 22px;
    margin-top: 80px;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 30px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_footer {
  margin-top: 60px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_footer_list {
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_footer_list li {
  font-size: 10px;
  margin-right: 19px;
  text-decoration: underline;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_footer_list li:last-child {
  margin-right: 0;
}
[data-barba-namespace="page-2021-summer-form-complete"] .contact-form_footer_bottom {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-align: center;
  background-color: #b1b1b1;
  color: #fff;
  margin-top: 20px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-link {
  display: block;
  width: 100%;
  margin-top: 45px;
  height: 62px;
  line-height: 62px;
  background-color: #24b3ff;
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-size: 19px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-link button {
  color: #fff;
  font-size: 19px;
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-link:before {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  z-index: 2;
  width: 1.3vw;
  height: 1.3vw;
  top: 29px;
  right: 20px;
  transform: rotate(45deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .complete-link:before {
    width: 5px;
    height: 5px;
    right: 21px;
  }
}
[data-barba-namespace="page-2021-summer-form-complete"] .complete-link:after {
  content: "";
  width: 4.5vw;
  height: 4.5vw;
  right: 13px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: 23px;
  z-index: 1;
  padding: 5px 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .complete-link:after {
    width: 17px;
    height: 17px;
    right: 14px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="page-2021-summer-form-complete"] .complete-link {
    max-width: 400px;
    margin: 60px auto;
  }
}
[data-barba-namespace="page"] .default {
  background: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .default {
    background-color: #dee7f8;
    background-size: 37px 37px;
    background-repeat: repeat;
    background-image: url(../images/global/gray-border.png);
  }
}
[data-barba-namespace="page"] .default.article-style .default__container {
  padding-top: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .default.article-style .default__container {
    padding-top: 60px;
  }
}
[data-barba-namespace="page"] .default.article-style .default__body {
  padding: 0 0 40px;
}
[data-barba-namespace="page"] .default__container {
  max-width: 1184px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .default__container {
    padding-top: 60px;
  }
}
[data-barba-namespace="page"] .default__body {
  padding: 14px 0 40px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .default__body {
    padding: 0 0 50px;
    margin: -10px 0 0;
  }
}
[data-barba-namespace="page"] .default__body img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.page-2021_03_soukaopen [data-barba-namespace="page"] .default__body {
  max-width: 950px;
  margin: -10px auto;
}
.page-2021_03_soukaopen [data-barba-namespace="page"] .default__body img {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
[data-barba-namespace="page"] .article__content {
  background-color: #fff;
  background-size: 18px 18px;
  background-repeat: repeat;
  padding: 20px calc(50% - 157.5px);
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content {
    padding: 90px calc(50% - 512px);
    font-size: 18px;
    line-height: 1.88;
  }
}
[data-barba-namespace="page"] .article__content img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content img {
    border-radius: 16px;
    margin: 42px 0;
  }
}
[data-barba-namespace="page"] .article__content a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="page"] .article__content a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page"] .article__content b,
[data-barba-namespace="page"] .article__content strong {
  font-weight: 700;
}
[data-barba-namespace="page"] .article__content em {
  background-color: #ffea06;
}
[data-barba-namespace="page"] .article__content h2 {
  padding: 18px 21px;
  margin: 38px 0 18px;
  border-radius: 7px;
  background-color: #d9edfc;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content h2 {
    padding: 22px 36px;
    margin: 62px 0 32px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1.53;
  }
}
[data-barba-namespace="page"] .article__content h3 {
  padding: 0 0 8px;
  border-bottom: 2px dashed #0863c2;
  margin: 32px 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.09em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content h3 {
    padding: 0 0 12px;
    margin: 54px 0 22px;
    font-size: 26px;
    letter-spacing: 0.08em;
    line-height: 1.53;
  }
}
[data-barba-namespace="page"] .article__content h4 {
  position: relative;
  padding-left: 20px;
  margin: 36px 0 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: 0.08em;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content h4 {
    margin: 56px 0 18px;
    padding-left: 28px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.36;
  }
}
[data-barba-namespace="page"] .article__content h4:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content h4:before {
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
}
[data-barba-namespace="page"] .article__content .table-wrapper {
  width: 100vw;
  margin: 0 calc(-50vw + 157.5px);
  overflow-x: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .table-wrapper {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="page"] .article__content table {
  width: calc(323px + 100vw);
  padding: 0 calc(50vw - 157.5px);
  margin: 40px 0;
  border-collapse: separate;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content table {
    width: 100%;
    padding: 0;
  }
}
[data-barba-namespace="page"] .article__content thead td,
[data-barba-namespace="page"] .article__content thead th {
  font-weight: 700;
  color: #fff;
  background-color: #3fc7e3;
  border-left: 1px solid #fff;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content thead td,
  [data-barba-namespace="page"] .article__content thead th {
    padding: 26px 30px;
    font-size: 20px;
    line-height: 1.3;
  }
}
[data-barba-namespace="page"] .article__content thead td:first-child,
[data-barba-namespace="page"] .article__content thead th:first-child {
  border-left: none;
}
[data-barba-namespace="page"] .article__content thead tr:first-child td:first-child,
[data-barba-namespace="page"] .article__content thead tr:first-child th:first-child {
  border-top-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content thead tr:first-child td:first-child,
  [data-barba-namespace="page"] .article__content thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
  }
}
[data-barba-namespace="page"] .article__content thead tr:first-child td:last-child,
[data-barba-namespace="page"] .article__content thead tr:first-child th:last-child {
  border-top-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content thead tr:first-child td:last-child,
  [data-barba-namespace="page"] .article__content thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
  }
}
[data-barba-namespace="page"] .article__content tbody td,
[data-barba-namespace="page"] .article__content tbody th {
  color: #2d2d2d;
  border-bottom: 1px solid #dddfeb;
  border-left: 1px solid #dddfeb;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content tbody td,
  [data-barba-namespace="page"] .article__content tbody th {
    padding: 22px 30px;
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="page"] .article__content tbody td:last-child,
[data-barba-namespace="page"] .article__content tbody th:last-child {
  border-right: 1px solid #dddfeb;
}
[data-barba-namespace="page"] .article__content tbody tr:last-child td:first-child,
[data-barba-namespace="page"] .article__content tbody tr:last-child th:first-child {
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content tbody tr:last-child td:first-child,
  [data-barba-namespace="page"] .article__content tbody tr:last-child th:first-child {
    border-bottom-left-radius: 12px;
  }
}
[data-barba-namespace="page"] .article__content tbody tr:last-child td:last-child,
[data-barba-namespace="page"] .article__content tbody tr:last-child th:last-child {
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content tbody tr:last-child td:last-child,
  [data-barba-namespace="page"] .article__content tbody tr:last-child th:last-child {
    border-bottom-right-radius: 12px;
  }
}
[data-barba-namespace="page"] .article__content blockquote,
[data-barba-namespace="page"] .article__content q {
  position: relative;
  font-size: 15px;
  line-height: 1.66;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  border-radius: 7px;
  background-color: #e8f4fc;
  margin: 26px 0 36px;
  padding: 40px 24px 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content blockquote,
  [data-barba-namespace="page"] .article__content q {
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.88;
    margin: 40px 0;
    padding: 62px 40px 36px;
  }
}
[data-barba-namespace="page"] .article__content blockquote:before,
[data-barba-namespace="page"] .article__content q:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 16px;
  height: 11px;
  background-image: url(../svg/global/double-quote.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content blockquote:before,
  [data-barba-namespace="page"] .article__content q:before {
    top: 30px;
    left: 40px;
    width: 26px;
    height: 18px;
  }
}
[data-barba-namespace="page"] .article__content blockquote cite,
[data-barba-namespace="page"] .article__content q cite {
  display: block;
  font-size: 13px;
  line-height: 1.61;
  letter-spacing: 0.1em;
  color: #999;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content blockquote cite,
  [data-barba-namespace="page"] .article__content q cite {
    font-size: 14px;
    line-height: 2.14;
    margin: 14px 0;
  }
}
[data-barba-namespace="page"] .article__content blockquote cite:last-child,
[data-barba-namespace="page"] .article__content q cite:last-child {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content blockquote cite:last-child,
  [data-barba-namespace="page"] .article__content q cite:last-child {
    margin: 14px 0 0;
  }
}
[data-barba-namespace="page"] .article__content blockquote cite a,
[data-barba-namespace="page"] .article__content q cite a {
  font-weight: 400;
  color: inherit;
}
[data-barba-namespace="page"] .article__content blockquote cite a[target="_blank"]:after,
[data-barba-namespace="page"] .article__content q cite a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-999999.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="page"] .article__content ol,
[data-barba-namespace="page"] .article__content ul {
  margin: 32px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ol,
  [data-barba-namespace="page"] .article__content ul {
    margin: 42px 0;
  }
}
[data-barba-namespace="page"] .article__content ol > li:before,
[data-barba-namespace="page"] .article__content ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ol > li:before,
  [data-barba-namespace="page"] .article__content ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="page"] .article__content ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="page"] .article__content ol > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ol > li > ol > li > ol > li:before,
  [data-barba-namespace="page"] .article__content ol > li > ol > li > ul > li:before,
  [data-barba-namespace="page"] .article__content ol > li > ul > li > ol > li:before,
  [data-barba-namespace="page"] .article__content ol > li > ul > li > ul > li:before,
  [data-barba-namespace="page"] .article__content ul > li > ol > li > ol > li:before,
  [data-barba-namespace="page"] .article__content ul > li > ol > li > ul > li:before,
  [data-barba-namespace="page"] .article__content ul > li > ul > li > ol > li:before,
  [data-barba-namespace="page"] .article__content ul > li > ul > li > ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="page"] .article__content ol > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ol > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ol > li > ul > li > ul > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="page"] .article__content ul > li > ul > li > ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="page"]
    .article__content
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="page"]
  .article__content
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="page"] .article__content ul > li {
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ul > li {
    padding-left: 28px;
  }
}
[data-barba-namespace="page"] .article__content ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ul > li:before {
    top: 8.96px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 4px solid #0863c2;
  }
}
[data-barba-namespace="page"] .article__content ol {
  counter-reset: ordered-list;
}
[data-barba-namespace="page"] .article__content ol > li {
  counter-increment: ordered-list;
  padding-left: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ol > li {
    padding-left: 25px;
  }
}
[data-barba-namespace="page"] .article__content ol > li:before {
  content: counter(ordered-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content ol > li:before {
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="page"] .article__content li {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content li {
    font-size: 18px;
    line-height: 1.44;
    margin: 14px 0;
  }
}
[data-barba-namespace="page"] .article__content li > ol,
[data-barba-namespace="page"] .article__content li > ul {
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content li > ol,
  [data-barba-namespace="page"] .article__content li > ul {
    margin: 14px 0;
  }
}
[data-barba-namespace="page"] .article__content .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
  padding-left: 28px;
  margin: 32px 0 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .question {
    font-size: 24px;
    line-height: 1.5;
    padding-left: 50px;
    margin: 64px 0 26px;
  }
}
[data-barba-namespace="page"] .article__content .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.5px;
  height: 22.5px;
  background-image: url(../svg/global/interview.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .question:before {
    top: -2px;
    width: 38px;
    height: 38px;
  }
}
[data-barba-namespace="page"] .article__content .answerer {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #3fc7e3;
  margin: 12px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .answerer {
    font-size: 22px;
    line-height: 1.54;
    margin: 24px 0 16px;
  }
}
[data-barba-namespace="page"] .article__content .pdf-link {
  padding: 24px 22px 30px;
  border-radius: 7px;
  background-color: #d9edfc;
  margin: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .pdf-link {
    padding: 40px 60px 50px;
    margin: 50px 0;
  }
}
[data-barba-namespace="page"] .article__content .pdf-link h2,
[data-barba-namespace="page"] .article__content .pdf-link h3,
[data-barba-namespace="page"] .article__content .pdf-link h4,
[data-barba-namespace="page"] .article__content .pdf-link h5,
[data-barba-namespace="page"] .article__content .pdf-link h6,
[data-barba-namespace="page"] .article__content .pdf-link p {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .pdf-link h2,
  [data-barba-namespace="page"] .article__content .pdf-link h3,
  [data-barba-namespace="page"] .article__content .pdf-link h4,
  [data-barba-namespace="page"] .article__content .pdf-link h5,
  [data-barba-namespace="page"] .article__content .pdf-link h6,
  [data-barba-namespace="page"] .article__content .pdf-link p {
    font-size: 24px;
    line-height: 1.79;
  }
}
[data-barba-namespace="page"] .article__content .pdf-link a {
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0863c2;
  background-color: #fff;
  border: 2px solid #0863c2;
  margin-top: 20px;
  border-radius: 20px;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .pdf-link a {
    width: 360px;
    height: 64px;
    font-size: 18px;
    margin: 20px auto 0;
    border-radius: 32px;
  }
  [data-barba-namespace="page"] .article__content .pdf-link a:hover {
    opacity: 1;
    color: #fff;
    background-color: #0863c2;
  }
  [data-barba-namespace="page"] .article__content .pdf-link a:hover .pdf-link__icon-arrow {
    transform: translateX(5px);
  }
}
[data-barba-namespace="page"] .article__content .pdf-link__icon-pdf {
  display: block;
  width: 17px;
  height: 19px;
  margin: 0 11px 0 -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .pdf-link__icon-pdf {
    width: 25px;
    height: 28px;
    margin: 0 15px 0 -20px;
  }
}
[data-barba-namespace="page"] .article__content .pdf-link__icon-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4.5px;
  display: block;
  width: 13px;
  height: 9px;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .article__content .pdf-link__icon-arrow {
    right: 21px;
    margin-top: -6.5px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="page"] .article__content > a:first-child,
[data-barba-namespace="page"] .article__content > blockquote:first-child,
[data-barba-namespace="page"] .article__content > dl:first-child,
[data-barba-namespace="page"] .article__content > h2:first-child,
[data-barba-namespace="page"] .article__content > h3:first-child,
[data-barba-namespace="page"] .article__content > h4:first-child,
[data-barba-namespace="page"] .article__content > img:first-child,
[data-barba-namespace="page"] .article__content > ol:first-child,
[data-barba-namespace="page"] .article__content > p:first-child,
[data-barba-namespace="page"] .article__content > q:first-child,
[data-barba-namespace="page"] .article__content > table:first-child,
[data-barba-namespace="page"] .article__content > ul:first-child {
  margin-top: 0;
}
[data-barba-namespace="page"] .article__content > a:last-child,
[data-barba-namespace="page"] .article__content > blockquote:last-child,
[data-barba-namespace="page"] .article__content > dl:last-child,
[data-barba-namespace="page"] .article__content > h2:last-child,
[data-barba-namespace="page"] .article__content > h3:last-child,
[data-barba-namespace="page"] .article__content > h4:last-child,
[data-barba-namespace="page"] .article__content > img:last-child,
[data-barba-namespace="page"] .article__content > ol:last-child,
[data-barba-namespace="page"] .article__content > p:last-child,
[data-barba-namespace="page"] .article__content > q:last-child,
[data-barba-namespace="page"] .article__content > table:last-child,
[data-barba-namespace="page"] .article__content > ul:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="page"] .article__content p {
  font-weight: 400;
}
[data-barba-namespace="page"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="page"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="page"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="page"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="single-new-building"] .access {
  position: relative;
  width: 100%;
  background: #e4ecfb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access {
    padding-bottom: 85px;
  }
}
[data-barba-namespace="single-new-building"] .access__title {
  width: 100%;
}
[data-barba-namespace="single-new-building"] .common-title {
  width: 100%;
  height: auto;
  min-height: 68px;
  display: flex;
  justify-items: center;
  background-image: url(../images/global/blue-border.png);
  text-align: center;
  align-items: center;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  line-height: 1.3;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .common-title {
    min-height: 120px;
    font-size: 40px;
  }
}
[data-barba-namespace="single-new-building"] .access-inner {
  padding: 40px 15px 47px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access-inner {
    padding: 0;
  }
}
[data-barba-namespace="single-new-building"] .access_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access_map {
    width: 1000px;
    margin: 34px auto 0;
    padding-top: 320px;
  }
}
[data-barba-namespace="single-new-building"] .access_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-new-building"] .access__info {
  display: flex;
  flex-flow: row wrap;
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__info {
    width: 1000px;
    padding: 25px 60px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .access__image {
  flex: 0 0 100%;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__image {
    flex: 0 0 263px;
    width: 263px;
    margin: 0 30px;
    padding: 0;
  }
}
[data-barba-namespace="single-new-building"] .access__data {
  background-color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__data {
    flex: 1 1 auto;
    text-align: left;
  }
}
[data-barba-namespace="single-new-building"] .access__name {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__name {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
[data-barba-namespace="single-new-building"] .access__list {
  border-top: 2px solid #c1d8f1;
  border-bottom: 2px solid #c1d8f1;
}
[data-barba-namespace="single-new-building"] .access__list-item {
  padding: 10px;
  font-size: 17px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__list-item {
    padding: 0;
  }
}
[data-barba-namespace="single-new-building"] .access__list-item .title {
  display: block;
  margin-bottom: 5px;
  color: #0d62c3;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__list-item .title {
    display: inline-block;
    width: 170px;
    padding: 10px 0 10px 30px;
    margin-bottom: 0;
  }
}
[data-barba-namespace="single-new-building"] .access__list-item .content {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__list-item .content {
    display: inline-block;
  }
}
[data-barba-namespace="single-new-building"] .access__list-item:nth-of-type(odd) {
  background-color: #f3f7fd;
}
[data-barba-namespace="single-new-building"] .access__movie {
  background: #fff;
  padding: 20px 0 30px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .access__movie {
    padding: 30px 0;
    width: 1000px;
  }
}
[data-barba-namespace="single-new-building"] .access__movie .iframe_box {
  width: 90%;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
[data-barba-namespace="single-new-building"] .access__movie .iframe_box iframe {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-new-building"] .banner {
  width: 100%;
  background: #e4ecfb;
  padding: 24px 15px 29px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner {
    padding: 24px 0;
  }
}
[data-barba-namespace="single-new-building"] .banner__info {
  display: flex;
  flex-flow: row wrap;
  padding: 20px;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__info {
    display: grid;
    grid-template-areas: "a b" "a c" "a d" "a e";
    grid-template-columns: 570px 1fr;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
}
[data-barba-namespace="single-new-building"] .banner__image {
  flex: 0 0 100%;
  order: 4;
  padding: 0 25px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__image {
    grid-area: a;
    width: 440px;
    height: auto;
    padding: 0 65px 0 25px;
    margin: 0 0 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .banner__image-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-new-building"] .banner__target {
  flex: 0 0 100%;
  order: 1;
  margin-bottom: 10px;
  color: #0d62c3;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__target {
    grid-area: b;
  }
}
[data-barba-namespace="single-new-building"] .banner__target-main {
  font-size: 18px;
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__target-main {
    display: inline;
  }
}
[data-barba-namespace="single-new-building"] .banner__target-sub {
  font-size: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__target-sub {
    display: inline;
    font-size: 18px;
  }
}
[data-barba-namespace="single-new-building"] .banner__name {
  flex: 0 0 100%;
  order: 2;
  margin-bottom: 10px;
  color: #0d62c3;
  font-size: 24px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__name {
    grid-area: c;
    font-size: 26px;
  }
}
[data-barba-namespace="single-new-building"] .banner__address {
  flex: 0 0 100%;
  order: 3;
  margin-bottom: 10px;
  font-size: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__address {
    grid-area: d;
    margin-bottom: 20px;
  }
}
[data-barba-namespace="single-new-building"] .banner__point {
  flex: 0 0 100%;
  order: 5;
}
[data-barba-namespace="single-new-building"] .banner__point p {
  padding: 0.75em 1em;
  background-color: #0d62c3;
  border-radius: 13px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner__point {
    grid-area: e;
    display: inline-block;
    position: relative;
  }
  [data-barba-namespace="single-new-building"] .banner__point:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #0d62c3;
    border-style: solid;
    border-width: 15px 0 15px 50px;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    z-index: 0;
    transform: translateX(-50%) scaleX(-1) rotate(-30deg);
  }
  [data-barba-namespace="single-new-building"] .banner__point p {
    display: inline-block;
    position: relative;
    z-index: 1;
  }
}
[data-barba-namespace="single-new-building"] .banner_cv_button {
  flex: 0 0 100%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .banner_cv_button {
    margin-top: 14px;
  }
}
[data-barba-namespace="single-new-building"] .mv_cv_button {
  margin: 0 auto;
}
[data-barba-namespace="single-new-building"] .cv__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 3px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.84px;
  text-align: center;
  border: 2px solid #0863c2;
  color: #fff;
  background-color: #0863c2;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .cv__link {
    width: 423px;
    height: 60px;
    border-radius: 30px;
    font-size: 24px;
    letter-spacing: 1.8px;
    margin: 0 auto;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="single-new-building"] .cv__link:hover {
    color: #0863c2;
    background-color: #fff;
  }
  [data-barba-namespace="single-new-building"] .cv__link:hover .cv__link-sub-icon {
    transform: translate(5px, -50%);
  }
}
[data-barba-namespace="single-new-building"] .cv__link.cv__link-orange {
  background-color: #f97a14;
  border: 2px solid #f97a14;
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .cv__link.cv__link-orange {
    margin-top: 0;
  }
}
[data-barba-namespace="single-new-building"] .cv__link.cv__link-orange:hover {
  color: #f97a14;
  background-color: #fff;
}
[data-barba-namespace="single-new-building"] .cv__link.cv__link-orange:hover .cv__link-sub-icon {
  transform: translate(5px, -50%);
}
[data-barba-namespace="single-new-building"] .cv__link_small {
  font-size: 18px;
}
[data-barba-namespace="single-new-building"] .cv__link-sub-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 24px;
  height: 17px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .cv__link-sub-icon {
    right: 30px;
    width: 24px;
    height: 17px;
    transition: transform 0.3s;
  }
}
[data-barba-namespace="single-new-building"] .button-tel {
  width: 88%;
  height: 28vw;
  padding: 1.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  background-color: #ff0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel {
    color: #fff;
    width: inherit;
    height: 120px;
    padding: 0;
    margin: 0 auto;
    background-color: transparent;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2.1333333333vw;
  background-color: #fff;
  box-shadow: 0 2px 5px hsla(0, 0%, 9%, 0.81);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__inner {
    background-color: transparent;
    box-shadow: none;
    padding-top: 19px;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__label {
  align-items: center;
  font-size: 4.2666666667vw;
  font-weight: 700;
  margin-left: -5.8666666667vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__label {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__label-icon {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: -0.5333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-barba-namespace="single-new-building"] .button-tel__number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__number {
    margin-top: 8px;
    color: inherit;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__number-icon {
  width: 6.1333333333vw;
  height: 9.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__number-icon {
    width: 31px;
    height: 37px;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__number-text {
  font-size: 10.6666666667vw;
  font-weight: 700;
  margin-left: 1.0666666667vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__number-text {
    font-size: 40px;
    margin-left: 10px;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__time {
  font-size: 2.9333333333vw;
  margin-top: 0.5333333333vw;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel__time {
    font-size: 13.7px;
    margin-top: 8px;
  }
}
[data-barba-namespace="single-new-building"] .button-tel--outer-orange {
  background-color: #fdb800;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel--outer-orange {
    background-color: transparent;
  }
}
[data-barba-namespace="single-new-building"] .button-tel__number--orange {
  color: #ff6520;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .button-tel--bg-white {
    background-color: #fff;
  }
  [data-barba-namespace="single-new-building"] .button-tel__inner--white {
    color: #fff;
  }
  [data-barba-namespace="single-new-building"] .button-tel__number--orange {
    color: inherit;
  }
  [data-barba-namespace="single-new-building"] .button-tel__number--blue {
    color: #378af4;
  }
}
[data-barba-namespace="single-new-building"] .campaign {
  position: relative;
  width: 100%;
}
[data-barba-namespace="single-new-building"] .campaign__top {
  text-align: center;
  background-image: url(../images/views/single-new-building/sp/section02/bg.png);
  padding: 23px 15px 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__top {
    padding: 0 0 30px;
    background-image: url(../images/views/single-new-building/section03/bg.png);
    background-size: cover;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__top__image1 {
    width: 670px;
    padding-top: 27px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__top__image2 {
    width: 660px;
    margin: -12px auto 0;
    transform: translateX(15px);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__top__image3 {
    width: 612px;
    padding-top: 0;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] img {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-new-building"] .campaign__bottom {
  text-align: center;
}
[data-barba-namespace="single-new-building"] .campaign__bottom a[href="#link_pos"] {
  transition: all 0.3s;
}
[data-barba-namespace="single-new-building"] .campaign__bottom a[href="#link_pos"]:hover {
  opacity: 0.75;
}
[data-barba-namespace="single-new-building"] .campaign__bottom_ttl-wrap {
  background-image: url(../images/views/single-new-building/sp/section04/ttl-bg.png);
  padding: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom_ttl-wrap {
    padding: 0;
    background-image: url(../images/views/single-new-building/section04/ttl-bg.png);
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom_ttl {
    width: 620px;
    margin: 0 auto;
    padding: 30px 0;
  }
}
[data-barba-namespace="single-new-building"] .campaign__bottom__list-wrap {
  background: linear-gradient(#fffaaf, #fdc23e);
  padding: 4px 15px 34px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom__list-wrap {
    padding: 0 0 60px;
  }
}
[data-barba-namespace="single-new-building"] .campaign__bottom__list {
  text-align: center;
  background-image: url(../images/views/single-new-building/sp/section04/bg.png);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom__list {
    background-image: url(../images/views/single-new-building/section04/bg.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding: 17px 0 20px;
  }
}
[data-barba-namespace="single-new-building"] .campaign__bottom__list-item {
  display: block;
  margin: 12px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom__list-item {
    margin: 19px auto 0;
    width: 640px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"]
    .campaign__bottom__list-item
    .campaign__bottom__list__image-3 {
    width: 655px;
    transform: translateX(7px);
  }
}
[data-barba-namespace="single-new-building"]
  .campaign__bottom__list-item
  .campaign__bottom__list__image-5 {
  margin: -20px auto 0;
  width: 102%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"]
    .campaign__bottom__list-item
    .campaign__bottom__list__image-5 {
    margin-top: 15px;
  }
}
[data-barba-namespace="single-new-building"] .campaign__bottom__list__image {
  width: 100%;
  margin: 0 auto;
}
[data-barba-namespace="single-new-building"] .campaign__bottom__list__txt {
  margin: 25px auto 0;
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__bottom__list__txt {
    width: 100%;
    margin: 116px auto 0;
  }
}
[data-barba-namespace="single-new-building"] .campaign__button-tel {
  margin-top: 9px;
  width: 96%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign__button-tel {
    margin-top: 0;
    width: 450px;
  }
}
[data-barba-namespace="single-new-building"] .campaign-cv-buttons {
  display: block;
  width: 96%;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign-cv-buttons {
    display: flex;
    margin: 40px auto 0;
    width: 760px;
  }
}
[data-barba-namespace="single-new-building"] .campaign-cv-buttons .cv__link {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .campaign-cv-buttons .cv__link {
    width: 360px;
  }
}
[data-barba-namespace="single-new-building"] .campaign__button-notice {
  margin-top: 38px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
[data-barba-namespace="single-new-building"] .mv {
  position: relative;
  width: 100%;
  min-height: 540px;
  background-image: url(../images/views/single-new-building/sp/mv/bg@2x.png);
  background-color: #0d66c2;
  background-size: cover;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .mv {
    padding: 0;
    min-height: 554px;
    background-image: url(../images/views/single-new-building/mv/bg.png);
  }
}
[data-barba-namespace="single-new-building"] .mv__ttl {
  text-align: center;
  width: 91%;
  padding-top: 40px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .mv__ttl {
    padding-top: 146px;
    width: 744px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .mv__ttl2 {
  text-align: center;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .mv__ttl2 {
    width: 591px;
  }
}
[data-barba-namespace="single-new-building"] .mv__ttl-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-new-building"] .mv_cv_button {
  width: 98%;
  margin-top: 200px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .mv_cv_button {
    width: inherit;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-new-building"] .mv__button-tel {
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .mv__button-tel {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .kawaguchi .mv {
    min-height: 580px;
  }
}
[data-barba-namespace="single-new-building"] .flow {
  padding-bottom: 64px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow {
    padding-bottom: 88px;
  }
}
[data-barba-namespace="single-new-building"] .flow__image1 {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__image1 {
    width: 900px;
  }
}
[data-barba-namespace="single-new-building"] .flow_inner {
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow_inner {
    padding: 55px 0 88px;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv {
    display: block;
    margin: 16px auto 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion {
    height: 218px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__phone {
    height: 100%;
    max-height: none;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv .conversion__links {
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__links {
    flex: 0 1 auto;
    justify-content: space-around;
    width: auto;
    margin: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__links a {
    width: 160px;
    height: auto;
    line-height: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__link {
    max-width: 160px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__link-main-icon,
  [data-barba-namespace="single-new-building"] .flow-cv .conversion__link-sub-icon {
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv-mobile {
  display: block;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv-mobile {
    display: none;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv-mobile_button {
  width: 88%;
  margin: 16px auto 0;
}
[data-barba-namespace="single-new-building"] .flow-cv-text {
  display: none;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv-text {
    display: block;
    font-size: 24px;
  }
}
[data-barba-namespace="single-new-building"] .conversion {
  justify-content: center;
  margin: 0 auto;
}
[data-barba-namespace="single-new-building"] .flow__image-body {
  width: 100%;
  height: auto;
}
[data-barba-namespace="single-new-building"] .flow__image2 {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__image2 {
    margin: 83px auto 0;
    width: 900px;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv2 {
  text-align: center;
  width: 88%;
  margin: 16px auto 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv2 {
    margin-top: 18px;
  }
}
[data-barba-namespace="single-new-building"] .flow-cv2-text {
  display: none;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow-cv2-text {
    display: block;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow_cv_button {
    margin: 10px auto 0;
    width: 340px;
  }
  [data-barba-namespace="single-new-building"] .flow_cv_button .cv__link {
    width: 100%;
  }
  [data-barba-namespace="single-new-building"] .flow_cv_button .cv__link-sub-icon {
    right: 10px;
  }
}
[data-barba-namespace="single-new-building"] .flow__image3 {
  width: 100%;
  margin: 16px auto 0;
  padding: 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__image3 {
    padding: 0;
    margin: 39px auto 0;
    width: 1025px;
  }
}
[data-barba-namespace="single-new-building"] .flow__step {
  width: 90%;
  margin: 20px auto;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__step {
    width: 860px;
  }
}
[data-barba-namespace="single-new-building"] .flow__step-head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 12px;
  border: 3px solid #0c64c4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #d8e5ff;
  text-align: left;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__step-head {
    justify-content: center;
    padding: 18px;
  }
}
[data-barba-namespace="single-new-building"] .flow__step-head-icon {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  flex: 0 0 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #0d62c3;
  text-align: center;
  color: #fff;
}
[data-barba-namespace="single-new-building"] .flow__step-head-icon .text {
  flex: 0 0 100%;
  font-size: 12px;
  position: relative;
  top: 4px;
}
[data-barba-namespace="single-new-building"] .flow__step-head-icon .number {
  flex: 0 0 100%;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: -5px;
}
[data-barba-namespace="single-new-building"] .flow__step-head-text {
  flex: 0 0 calc(100% - 50px);
  padding: 0 5px;
  font-size: 20px;
  font-weight: 700;
  color: #1b6bc7;
  line-height: 1.4;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__step-head-text {
    flex: 0 0 auto;
    padding-left: 15px;
    font-size: 28px;
  }
}
[data-barba-namespace="single-new-building"] .flow__step-body {
  padding: 8px;
  border: 3px solid #0c64c4;
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}
[data-barba-namespace="single-new-building"] .flow__step-body-text {
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .flow__step-body-text {
    font-size: 24px;
  }
}
[data-barba-namespace="single-new-building"] .mt-40 {
  margin-top: 40px;
}
[data-barba-namespace="single-new-building"] .voice {
  width: 100%;
  background: #e4ecfb;
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice {
    padding: 25px 0 78px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list {
    width: 1000px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-item {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 18px;
  background-color: #fff;
}
[data-barba-namespace="single-new-building"] .voice__list-item:not(:first-of-type) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-item {
    display: grid;
    grid-template-areas: "a b" "a c" "a d";
    grid-template-columns: 210px 1fr;
    padding: 30px;
    margin-bottom: 28px;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-image {
  flex: 0 0 25%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-image {
    grid-area: a;
    padding: 0;
    margin-top: 18px;
    margin-right: 24px;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-title {
  flex: 0 0 75%;
  display: flex;
  padding: 10px;
  color: #ff641f;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-title {
    grid-area: b;
    padding: 0;
    font-size: 30px;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-title .svg-icon-interview {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-title .svg-icon-interview {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-name {
  flex: 0 0 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-name {
    grid-area: c;
  }
}
[data-barba-namespace="single-new-building"] .voice__list-content {
  flex: 0 0 100%;
  padding: 10px 0;
  border-top: 2px solid #ff641f;
  line-height: 1.8;
}
[data-barba-namespace="single-new-building"] .voice__list-content strong {
  background-color: #ff0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .voice__list-content {
    grid-area: d;
  }
}
[data-barba-namespace="single-new-building"] .result {
  width: 100%;
  background: #e4ecfb;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result {
    padding-bottom: 60px;
  }
}
[data-barba-namespace="single-new-building"] .result__image {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__image {
    width: 988px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .result__image1 {
  width: 100%;
  padding: 31px 16px 0 24px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__image1 {
    width: 988px;
    margin: 40px auto 0;
    transform: translateX(86px);
  }
}
[data-barba-namespace="single-new-building"] .result__image2 {
  width: 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__image2 {
    width: 800px;
    margin: 30px auto 0;
  }
}
[data-barba-namespace="single-new-building"] .result__buttons {
  display: block;
  padding: 0 15px 31px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 60px auto 0;
    padding: 0;
  }
}
[data-barba-namespace="single-new-building"] .result__button-link {
  display: block;
  position: relative;
  font-size: 15px;
  color: #fff;
  background: #04a8ff;
  text-align: center;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.3));
  width: 100%;
  height: 60px;
  margin-top: 1em;
  line-height: 60px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__button-link {
    width: 375px;
    height: 70px;
    margin-top: 0;
    line-height: 70px;
  }
}
[data-barba-namespace="single-new-building"] .result__button-link.color-dark-blue {
  background: #007aba;
}
[data-barba-namespace="single-new-building"] .result__button-link:before {
  display: block;
  content: "";
  position: absolute;
  width: 3.6vw;
  height: 3.6vw;
  border: 2px solid #fff;
  border-radius: 50%;
  right: 2.7vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__button-link:before {
    width: 16px;
    height: 16px;
    right: 15px;
    top: 52%;
  }
}
[data-barba-namespace="single-new-building"] .result__button-link:after {
  display: block;
  content: "";
  position: absolute;
  width: 1.0666666667vw;
  height: 1.0666666667vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 4.1vw;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .result__button-link:after {
    width: 5px;
    height: 5px;
    right: 21px;
    top: 52%;
  }
}
[data-barba-namespace="single-new-building"] .movie {
  width: 100%;
  background: #e4ecfb;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .movie {
    padding-bottom: 60px;
  }
}
[data-barba-namespace="single-new-building"] .movie_box {
  width: 90%;
  height: auto;
  max-width: 820px;
  margin: 30px auto 0;
  aspect-ratio: 16/9;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .movie_box {
    margin: 60px auto 0;
  }
}
[data-barba-namespace="single-new-building"] .movie_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[data-barba-namespace="single-new-building"] .steps {
  position: relative;
  overflow: hidden;
  padding: 80px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps {
    padding: 40px 0 0;
  }
}
[data-barba-namespace="single-new-building"] .steps img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__inner {
    position: relative;
    width: 1184px;
    margin: 0 auto;
  }
}
[data-barba-namespace="single-new-building"] .steps__heading {
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 0;
  text-align: center;
  color: #004ea2;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__heading {
    padding-bottom: 34px;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.64px;
  }
}
[data-barba-namespace="single-new-building"] .steps__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
[data-barba-namespace="single-new-building"] .steps__list:after {
  content: "";
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__list:after {
    width: auto;
    display: block;
  }
}
[data-barba-namespace="single-new-building"] .steps__list_item {
  position: relative;
  padding: 8px 12px 8px 40px;
  color: #004ea2;
  background-color: #fff;
  border-radius: 26px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  line-height: 1.5;
  font-weight: 700;
  font-size: 12px;
  margin: 10px auto 0;
  width: 46%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__list_item {
    font-size: 16px;
    margin-bottom: 10px;
    width: auto;
    padding: 18px 40px 18px 50px;
  }
}
[data-barba-namespace="single-new-building"] .steps__list_item .results__link-icon {
  right: inherit;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 16px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__list_item .results__link-icon {
    left: 20px;
  }
}
[data-barba-namespace="single-new-building"] .steps__list_item:nth-child(n + 4) {
  order: 1;
}
[data-barba-namespace="single-new-building"] .steps__notice {
  text-align: center;
  font-weight: 700;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-new-building"] .steps__notice {
    font-size: 20px;
  }
}
[data-barba-namespace="archive-column"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="archive-column"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="archive-column"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="archive-column"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="archive-column"] .column__container {
  padding-top: 30px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__container {
    padding-top: 60px;
  }
}
[data-barba-namespace="archive-column"] .column__body {
  padding-bottom: 47px;
  width: 100%;
  margin: 0 auto;
  max-width: 375px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__body {
    padding-bottom: 60px;
    max-width: none;
    margin: 0;
  }
}
[data-barba-namespace="archive-column"] .column-card {
  border-radius: 0;
  margin-top: 23px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column-card {
    border-radius: 14px;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 49px;
  }
}
[data-barba-namespace="archive-column"] .column__link-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 6%;
  margin: 0 auto 60px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-wrapper {
    height: 4em;
    padding: 0;
  }
}
[data-barba-namespace="archive-column"] .column__link-wrapper:after,
[data-barba-namespace="archive-column"] .column__link-wrapper:before {
  content: "";
  display: block;
  flex: 1 0 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-wrapper:after,
  [data-barba-namespace="archive-column"] .column__link-wrapper:before {
    content: none;
  }
}
[data-barba-namespace="archive-column"] .column__link-list {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-list {
    flex: 0 0 80%;
    flex-wrap: nowrap;
    justify-content: stretch;
    margin-bottom: 0;
  }
}
[data-barba-namespace="archive-column"] .column__link-item {
  flex: 0 0 100%;
  height: 3em;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item {
    flex: 1 1 25%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
  }
}
[data-barba-namespace="archive-column"] .column__link-item:focus {
  border: none;
  outline: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:first-child .column__link-body {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
  }
}
[data-barba-namespace="archive-column"] .column__link-item:first-child .column__link-body:before {
  content: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:first-child .column__text {
    padding: 1em 1.5em 1em 4em;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:first-child .column__icon {
    left: 30px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:last-child .column__link-body {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:last-child .column__icon {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:first-child,
  [data-barba-namespace="archive-column"] .column__link-item:nth-child(2) {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:nth-child(2) .column__link-body {
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:nth-child(3) .column__link-body {
    border-bottom-left-radius: 0;
  }
}
[data-barba-namespace="archive-column"] .column__link-item:nth-child(2n) {
  border-left: 1px solid #e0e8f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:nth-child(2n) {
    border-left: none;
  }
}
[data-barba-namespace="archive-column"] .column__link-item:not(:first-child) {
  border-left: 1px solid #e0e8f8;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:not(:first-child) {
    border-left: 1px solid #e0e8f8;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-item:not(:last-child) {
    border-right: 1px solid #e0e8f8;
  }
}
[data-barba-namespace="archive-column"] .column__link-body {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.96px;
  text-align: center;
  background-color: #f6f7fb;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
    line-height: 1;
    letter-spacing: 1.3px;
    transition: color 0.3s, background-color 0.3s;
  }
  [data-barba-namespace="archive-column"] .column__link-body:hover {
    background-color: #0863c2;
    stroke: #fff;
    color: #fff;
  }
  [data-barba-namespace="archive-column"] .column__link-body:hover .column__icon {
    fill: #fff;
    color: #fff;
    stroke: #fff;
  }
  [data-barba-namespace="archive-column"] .column__link-body:hover .stroke {
    stroke: #fff;
  }
  [data-barba-namespace="archive-column"] .column__link-body:hover .column__select-text,
  [data-barba-namespace="archive-column"] .column__link-body:hover .column__text--link {
    cursor: pointer;
    color: #fff;
  }
  [data-barba-namespace="archive-column"] .column__link-body:hover:before {
    border-color: #fff;
  }
  [data-barba-namespace="archive-column"] .column__link-body:focus {
    border: none;
    outline: none;
  }
  [data-barba-namespace="archive-column"] .column__link-body:before {
    top: 50%;
    right: 30px;
  }
}
[data-barba-namespace="archive-column"] .column__link-body:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #0863c2;
  border-right: 2px solid #0863c2;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(135deg) translateY(100%);
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__link-body:before {
    right: 10px;
  }
}
[data-barba-namespace="archive-column"] .column__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27.5px;
  height: 19.5px;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: #0863c2;
  fill: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__icon {
    width: 35px;
    height: 32px;
    left: 20px;
  }
}
[data-barba-namespace="archive-column"] .column__text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1em 3em 1em 4em;
  border: none;
  background-color: transparent;
  position: relative;
  z-index: 2;
  text-align: center;
  text-align: -webkit-center;
  font-size: 16px;
  font-weight: 700;
  color: #0863c2;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
[data-barba-namespace="archive-column"] .column__text::-ms-expand {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__text {
    padding: 0;
  }
}
[data-barba-namespace="archive-column"] .column__text.barba-active {
  pointer-events: auto;
}
[data-barba-namespace="archive-column"] .column__text:focus {
  border: none;
  outline: none;
}
[data-barba-namespace="archive-column"] .column__text option {
  background-color: #0863c2;
  color: #fff;
  padding: 0;
}
[data-barba-namespace="archive-column"] .column__text--link {
  opacity: 1;
}
[data-barba-namespace="archive-column"] .column__select-text {
  display: block;
  width: 100%;
  padding: 1em 3em 1em 4.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 700;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__select-text {
    padding: 1em 2em 1em 3em;
    line-height: 1.5em;
  }
}
[data-barba-namespace="archive-column"] .column__button-wrap {
  flex: 0 0 100%;
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__button-wrap {
    flex: 0 0 18.5%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
  }
}
[data-barba-namespace="archive-column"] .column__button-wrap .button-clear {
  display: inline-block;
  width: 100%;
  position: relative;
  top: -1.5em;
  text-align: center;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__button-wrap .button-clear {
    position: absolute;
    top: auto;
    bottom: -1.5em;
    left: 50%;
    transform: translateX(-50%);
  }
}
[data-barba-namespace="archive-column"] .column {
  background-color: #dee7f8;
  background-size: 37px 37px;
  background-repeat: repeat;
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="archive-column"] .column__container {
  position: relative;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column__container {
    width: 1184px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column-card__list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 48px);
    margin: -24px;
    overflow: visible;
  }
}
[data-barba-namespace="archive-column"] .column-card__list-item {
  width: 321px;
  height: 352px;
  margin: 30px auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column-card__list-item {
    width: 362px;
    height: 419px;
    margin: 24px;
  }
}
[data-barba-namespace="archive-column"] .column-card__list-item:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column-card__list-item:first-child {
    margin-top: 24px;
  }
}
[data-barba-namespace="archive-column"] .column-card__list-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="archive-column"] .column-card__list-item:last-child {
    margin-bottom: 24px;
  }
}
[data-barba-namespace="single-column"] .page-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .page-heading {
    height: 220px;
  }
}
[data-barba-namespace="single-column"] .page-heading__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-column"] .page-heading__bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-column"] .page-heading__text {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 3.08px;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .page-heading__text {
    font-size: 36px;
    line-height: 60px;
    letter-spacing: 4.32px;
  }
}
[data-barba-namespace="single-column"] .content-wrap {
  background-image: url(../images/global/gray-border.png);
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"] .content-wrap .content-wrap-inner {
    display: block;
    padding: 40px 0;
  }
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner main {
  width: calc(100% - 340px);
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"] .content-wrap .content-wrap-inner main {
    width: 100%;
  }
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside {
  width: 300px;
  background: #fff;
  padding: 30px 20px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside {
    width: 100%;
    padding: 30px calc(50% - 157.5px);
    border-radius: 0;
  }
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside img {
  max-width: 100%;
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside h2 {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-top: 40px;
  margin-bottom: 15px;
}
[data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside h2:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"] .content-wrap .content-wrap-inner aside .sp-rev {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    .sp-rev
    .column-news {
    order: 2;
  }
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  .column-news
  ul
  li {
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  .column-news
  ul
  li
  a {
  font-size: 14px;
  line-height: 1.7;
  transition: color 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (hover) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    .sp-rev
    .column-news
    ul
    li
    a:hover {
    color: #0863c2;
  }
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    .sp-rev
    .column-news
    ul
    li
    a {
    font-size: 14px;
  }
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  .column-news
  ul
  li:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    .sp-rev
    ul.column-banner {
    order: 1;
    margin: 0 0 40px;
  }
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner
  li {
  margin-top: 20px;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner
  li:first-child {
  margin-top: 0;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner
  li
  a {
  transition: opacity 0.3s;
}
@media (hover) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    .sp-rev
    ul.column-banner
    li
    a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner
  li
  a
  span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  .sp-rev
  ul.column-banner
  li
  a
  img {
  margin-top: 8px;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li {
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  position: relative;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:first-child:before {
  content: "1";
  background-color: #e1c403;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:nth-child(2):before {
  content: "2";
  background-color: #848580;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:nth-child(3):before {
  content: "3";
  background-color: #d17d06;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:nth-child(4):before {
  content: "4";
  background-color: #0863c2;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li:nth-child(5):before {
  content: "5";
  background-color: #00b000;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li
  a {
  font-size: 14px;
  line-height: 1.7;
  transition: color 0.3s;
  display: flex;
  justify-content: space-between;
}
@media (hover) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    ul.column-ranking
    li
    a:hover {
    color: #0863c2;
  }
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    ul.column-ranking
    li
    a:hover
    img {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  [data-barba-namespace="single-column"]
    .content-wrap
    .content-wrap-inner
    aside
    ul.column-ranking
    li
    a {
    font-size: 14px;
  }
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li
  a
  .img {
  width: 80px;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li
  a
  .img
  img {
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: opacity 0.3s;
}
[data-barba-namespace="single-column"]
  .content-wrap
  .content-wrap-inner
  aside
  ul.column-ranking
  li
  a
  p {
  width: calc(100% - 100px);
  font-size: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 5em;
}
[data-barba-namespace="single-column"] .article {
  padding: 40px 0;
  background-size: 37px 37px;
  background-repeat: repeat;
  box-shadow: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article {
    padding: 0 calc(50% - 512px);
  }
}
[data-barba-namespace="single-column"] .article__header {
  position: relative;
  padding: 20px calc(50% - 157.5px);
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__header {
    box-shadow: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 40px 60px 44px;
  }
}
[data-barba-namespace="single-column"] .article__header:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #0863c2 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__header:after {
    bottom: -15px;
    border-width: 30px 30px 0;
  }
}
[data-barba-namespace="single-column"] .article__category {
  display: flex;
  align-items: center;
}
[data-barba-namespace="single-column"] .article__category-icon {
  margin-right: 4px;
  width: 13px;
  height: 13px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__category-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}
[data-barba-namespace="single-column"] .article__category-main-data {
  position: relative;
  flex: 0 0 auto;
}
[data-barba-namespace="single-column"] .article__decoration-bg-image {
  position: absolute;
  bottom: calc(100% - 8px);
  left: 0;
  width: 27px;
  height: 58px;
}
[data-barba-namespace="single-column"] .article__decoration-bg-image.comic {
  width: 32px;
  height: 43px;
}
[data-barba-namespace="single-column"] .article__decoration-bg-image.knowhow {
  width: 46px;
  height: 45px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__decoration-bg-image {
    bottom: 100%;
    left: 24px;
    width: 49px;
    height: 112px;
  }
  [data-barba-namespace="single-column"] .article__decoration-bg-image.comic {
    width: 64px;
    height: 86px;
  }
  [data-barba-namespace="single-column"] .article__decoration-bg-image.knowhow {
    width: 93px;
    height: 91px;
  }
}
[data-barba-namespace="single-column"] .article__decoration-text-image {
  display: none;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__decoration-text-image {
    position: absolute;
    bottom: calc(100% + 54px);
    left: 76px;
    display: block;
    width: 154px;
    height: 56px;
  }
  [data-barba-namespace="single-column"] .article__decoration-text-image.knowhow {
    left: 115px;
  }
}
[data-barba-namespace="single-column"] .article__category-main-data-body {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.32px;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__category-main-data-body {
    height: 38px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 20px;
    letter-spacing: 2px;
  }
}
[data-barba-namespace="single-column"] .article__category-main-data-body.type-experience {
  color: #ed55b7;
}
[data-barba-namespace="single-column"] .article__category-sub-data {
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 1.3px;
  color: #fff;
  margin-left: 14px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__category-sub-data {
    font-size: 20px;
    letter-spacing: 2px;
    margin-left: 20px;
  }
}
[data-barba-namespace="single-column"] .article__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: 13px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__title {
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 3.6px;
    margin-top: 20px;
  }
}
[data-barba-namespace="single-column"] .article__body {
  padding: 30px calc(50% - 157.5px);
  background-color: #fff;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body {
    position: relative;
    z-index: 1;
    padding: 56px 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    line-height: 1.88;
  }
}
[data-barba-namespace="single-column"] .article__body img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body img {
    border-radius: 16px;
    margin: 42px 0;
  }
}
[data-barba-namespace="single-column"] .article__body a {
  font-weight: 700;
  color: #0863c2;
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body a:hover {
    opacity: 0.6;
  }
}
[data-barba-namespace="single-column"] .article__body a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-065dca.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-column"] .article__body b,
[data-barba-namespace="single-column"] .article__body strong {
  font-weight: 700;
}
[data-barba-namespace="single-column"] .article__body em {
  background-color: #ffea06;
}
[data-barba-namespace="single-column"] .article__body h2 {
  padding: 18px 21px;
  margin: 38px 0 18px;
  border-radius: 7px;
  background-color: #0863c2;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0.1em;
  color: #fff;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h2 {
    padding: 22px 36px;
    margin: 62px 0 32px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-column"] .article__body h3 {
  padding: 0 0 8px;
  border-bottom: 2px solid #0863c2;
  margin: 32px 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.09em;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h3 {
    padding: 0 0 12px;
    margin: 54px 0 22px;
    font-size: 26px;
    letter-spacing: 0.08em;
    line-height: 1.53;
  }
}
[data-barba-namespace="single-column"] .article__body h4 {
  position: relative;
  padding-left: 20px;
  margin: 36px 0 15px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: 0.08em;
  text-align: left;
  color: #2d2d2d;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h4 {
    margin: 56px 0 18px;
    padding-left: 28px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.36;
  }
}
[data-barba-namespace="single-column"] .article__body h4:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1.5px;
  background-color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h4:before {
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
}
[data-barba-namespace="single-column"] .article__body h5 {
  font-weight: 700;
  font-size: 15px;
  border-bottom: 2px dashed #0863c2;
  margin: 18px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h5 {
    font-size: 20px;
    margin: 30px 0 10px;
  }
}
[data-barba-namespace="single-column"] .article__body h6 {
  position: relative;
  font-weight: 700;
  padding-left: 24px;
  margin: 15px 0 10px;
  font-size: 13.3333333333px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h6 {
    font-size: 18px;
    padding-left: 30px;
    margin: 15px 0 10px;
  }
}
[data-barba-namespace="single-column"] .article__body h6:before {
  content: "";
  position: absolute;
  top: 6.65px;
  left: 0;
  display: block;
  width: 14px;
  height: 13.7px;
  background-image: url(../svg/global/check-circle.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body h6:before {
    top: 6.2178571429px;
    left: 0;
    display: block;
    width: 20px;
    height: 19.6px;
  }
}
[data-barba-namespace="single-column"] .article__body .table-wrapper {
  width: 100vw;
  margin: 0 calc(-50vw + 157.5px);
  overflow-x: auto;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .table-wrapper {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
[data-barba-namespace="single-column"] .article__body table {
  width: calc(323px + 100vw);
  padding: 0 calc(50vw - 157.5px);
  margin: 40px 0;
  border-collapse: separate;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body table {
    width: 100%;
    padding: 0;
  }
}
[data-barba-namespace="single-column"] .article__body thead td,
[data-barba-namespace="single-column"] .article__body thead th {
  font-weight: 700;
  color: #fff;
  background-color: #3fc7e3;
  border-left: 1px solid #fff;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body thead td,
  [data-barba-namespace="single-column"] .article__body thead th {
    padding: 26px 30px;
    font-size: 20px;
    line-height: 1.3;
  }
}
[data-barba-namespace="single-column"] .article__body thead td:first-child,
[data-barba-namespace="single-column"] .article__body thead th:first-child {
  border-left: none;
}
[data-barba-namespace="single-column"] .article__body thead tr:first-child td:first-child,
[data-barba-namespace="single-column"] .article__body thead tr:first-child th:first-child {
  border-top-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body thead tr:first-child td:first-child,
  [data-barba-namespace="single-column"] .article__body thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
  }
}
[data-barba-namespace="single-column"] .article__body thead tr:first-child td:last-child,
[data-barba-namespace="single-column"] .article__body thead tr:first-child th:last-child {
  border-top-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body thead tr:first-child td:last-child,
  [data-barba-namespace="single-column"] .article__body thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
  }
}
[data-barba-namespace="single-column"] .article__body tbody td,
[data-barba-namespace="single-column"] .article__body tbody th {
  color: #2d2d2d;
  border-bottom: 1px solid #dddfeb;
  border-left: 1px solid #dddfeb;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: 0.1em;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body tbody td,
  [data-barba-namespace="single-column"] .article__body tbody th {
    padding: 22px 30px;
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-column"] .article__body tbody td:last-child,
[data-barba-namespace="single-column"] .article__body tbody th:last-child {
  border-right: 1px solid #dddfeb;
}
[data-barba-namespace="single-column"] .article__body tbody tr:last-child td:first-child,
[data-barba-namespace="single-column"] .article__body tbody tr:last-child th:first-child {
  border-bottom-left-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body tbody tr:last-child td:first-child,
  [data-barba-namespace="single-column"] .article__body tbody tr:last-child th:first-child {
    border-bottom-left-radius: 12px;
  }
}
[data-barba-namespace="single-column"] .article__body tbody tr:last-child td:last-child,
[data-barba-namespace="single-column"] .article__body tbody tr:last-child th:last-child {
  border-bottom-right-radius: 7px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body tbody tr:last-child td:last-child,
  [data-barba-namespace="single-column"] .article__body tbody tr:last-child th:last-child {
    border-bottom-right-radius: 12px;
  }
}
[data-barba-namespace="single-column"] .article__body blockquote,
[data-barba-namespace="single-column"] .article__body q {
  position: relative;
  font-size: 15px;
  line-height: 1.66;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  border-radius: 7px;
  background-color: #e8f4fc;
  margin: 26px 0 36px;
  padding: 40px 24px 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body blockquote,
  [data-barba-namespace="single-column"] .article__body q {
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.88;
    margin: 40px 0;
    padding: 62px 40px 36px;
  }
}
[data-barba-namespace="single-column"] .article__body blockquote:before,
[data-barba-namespace="single-column"] .article__body q:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 16px;
  height: 11px;
  background-image: url(../svg/global/double-quote.svg);
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body blockquote:before,
  [data-barba-namespace="single-column"] .article__body q:before {
    top: 30px;
    left: 40px;
    width: 26px;
    height: 18px;
  }
}
[data-barba-namespace="single-column"] .article__body blockquote cite,
[data-barba-namespace="single-column"] .article__body q cite {
  display: block;
  font-size: 13px;
  line-height: 1.61;
  letter-spacing: 0.1em;
  color: #999;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body blockquote cite,
  [data-barba-namespace="single-column"] .article__body q cite {
    font-size: 14px;
    line-height: 2.14;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-column"] .article__body blockquote cite:last-child,
[data-barba-namespace="single-column"] .article__body q cite:last-child {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body blockquote cite:last-child,
  [data-barba-namespace="single-column"] .article__body q cite:last-child {
    margin: 14px 0 0;
  }
}
[data-barba-namespace="single-column"] .article__body blockquote cite a,
[data-barba-namespace="single-column"] .article__body q cite a {
  font-weight: 400;
  color: inherit;
}
[data-barba-namespace="single-column"] .article__body blockquote cite a[target="_blank"]:after,
[data-barba-namespace="single-column"] .article__body q cite a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin: 0 0.363em;
  width: 0.863em;
  height: 0.681em;
  background-position: 100%;
  background-size: 100% 100%;
  background-image: url(../svg/global/target-blank-999999.svg);
  background-repeat: no-repeat;
}
[data-barba-namespace="single-column"] .article__body ol,
[data-barba-namespace="single-column"] .article__body ul {
  margin: 32px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ol,
  [data-barba-namespace="single-column"] .article__body ul {
    margin: 42px 0;
  }
}
[data-barba-namespace="single-column"] .article__body ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ol > li:before,
  [data-barba-namespace="single-column"] .article__body ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-column"] .article__body ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ul > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ol > li > ol > li > ol > li:before,
  [data-barba-namespace="single-column"] .article__body ol > li > ol > li > ul > li:before,
  [data-barba-namespace="single-column"] .article__body ol > li > ul > li > ol > li:before,
  [data-barba-namespace="single-column"] .article__body ol > li > ul > li > ul > li:before,
  [data-barba-namespace="single-column"] .article__body ul > li > ol > li > ol > li:before,
  [data-barba-namespace="single-column"] .article__body ul > li > ol > li > ul > li:before,
  [data-barba-namespace="single-column"] .article__body ul > li > ul > li > ol > li:before,
  [data-barba-namespace="single-column"] .article__body ul > li > ul > li > ul > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ol > li > ul > li > ul > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ol > li > ul > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ol > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ol > li > ul > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ul > li > ol > li:before,
[data-barba-namespace="single-column"] .article__body ul > li > ul > li > ul > li > ul > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 3px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li
    > ul
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ol
    > li:before,
  [data-barba-namespace="single-column"]
    .article__body
    ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li
    > ul
    > li:before {
    border-width: 4px;
  }
}
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li
  > ul
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ol
  > li:before,
[data-barba-namespace="single-column"]
  .article__body
  ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:before {
  border-width: 1px;
}
[data-barba-namespace="single-column"] .article__body ul > li {
  padding-left: 15px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ul > li {
    padding-left: 28px;
  }
}
[data-barba-namespace="single-column"] .article__body ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 3px solid #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ul > li:before {
    top: 8.96px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 4px solid #0863c2;
  }
}
[data-barba-namespace="single-column"] .article__body ol {
  counter-reset: ordered-list;
}
[data-barba-namespace="single-column"] .article__body ol > li {
  counter-increment: ordered-list;
  padding-left: 22px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ol > li {
    padding-left: 25px;
  }
}
[data-barba-namespace="single-column"] .article__body ol > li:before {
  content: counter(ordered-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body ol > li:before {
    font-size: 18px;
    line-height: 1.44;
  }
}
[data-barba-namespace="single-column"] .article__body li {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2d2d2d;
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body li {
    font-size: 18px;
    line-height: 1.44;
    margin: 14px 0;
  }
}
[data-barba-namespace="single-column"] .article__body li > ol,
[data-barba-namespace="single-column"] .article__body li > ul {
  margin: 10px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body li > ol,
  [data-barba-namespace="single-column"] .article__body li > ul {
    margin: 14px 0;
  }
}
[data-barba-namespace="single-column"] .article__body .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #0863c2;
  padding-left: 28px;
  margin: 32px 0 12px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .question {
    font-size: 24px;
    line-height: 1.5;
    padding-left: 50px;
    margin: 64px 0 26px;
  }
}
[data-barba-namespace="single-column"] .article__body .question:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22.5px;
  height: 22.5px;
  background-image: url(../svg/global/interview.svg);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .question:before {
    top: -2px;
    width: 38px;
    height: 38px;
  }
}
[data-barba-namespace="single-column"] .article__body .answerer {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #3fc7e3;
  margin: 12px 0 10px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .answerer {
    font-size: 22px;
    line-height: 1.54;
    margin: 24px 0 16px;
  }
}
[data-barba-namespace="single-column"] .article__body .pdf-link {
  padding: 24px 22px 30px;
  border-radius: 7px;
  background-color: #d9edfc;
  margin: 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .pdf-link {
    padding: 40px 60px 50px;
    margin: 50px 0;
  }
}
[data-barba-namespace="single-column"] .article__body .pdf-link h2,
[data-barba-namespace="single-column"] .article__body .pdf-link h3,
[data-barba-namespace="single-column"] .article__body .pdf-link h4,
[data-barba-namespace="single-column"] .article__body .pdf-link h5,
[data-barba-namespace="single-column"] .article__body .pdf-link h6,
[data-barba-namespace="single-column"] .article__body .pdf-link p {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0863c2;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .pdf-link h2,
  [data-barba-namespace="single-column"] .article__body .pdf-link h3,
  [data-barba-namespace="single-column"] .article__body .pdf-link h4,
  [data-barba-namespace="single-column"] .article__body .pdf-link h5,
  [data-barba-namespace="single-column"] .article__body .pdf-link h6,
  [data-barba-namespace="single-column"] .article__body .pdf-link p {
    font-size: 24px;
    line-height: 1.79;
  }
}
[data-barba-namespace="single-column"] .article__body .pdf-link a {
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #0863c2;
  background-color: #fff;
  border: 2px solid #0863c2;
  margin-top: 20px;
  border-radius: 20px;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .pdf-link a {
    width: 360px;
    height: 64px;
    font-size: 18px;
    margin: 20px auto 0;
    border-radius: 32px;
  }
  [data-barba-namespace="single-column"] .article__body .pdf-link a:hover {
    opacity: 1;
    color: #fff;
    background-color: #0863c2;
  }
  [data-barba-namespace="single-column"] .article__body .pdf-link a:hover .pdf-link__icon-arrow {
    transform: translateX(5px);
  }
}
[data-barba-namespace="single-column"] .article__body .pdf-link__icon-pdf {
  display: block;
  width: 17px;
  height: 19px;
  margin: 0 11px 0 -6px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .pdf-link__icon-pdf {
    width: 25px;
    height: 28px;
    margin: 0 15px 0 -20px;
  }
}
[data-barba-namespace="single-column"] .article__body .pdf-link__icon-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4.5px;
  display: block;
  width: 13px;
  height: 9px;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .article__body .pdf-link__icon-arrow {
    right: 21px;
    margin-top: -6.5px;
    width: 20px;
    height: 13px;
  }
}
[data-barba-namespace="single-column"] .article__body > a:first-child,
[data-barba-namespace="single-column"] .article__body > blockquote:first-child,
[data-barba-namespace="single-column"] .article__body > dl:first-child,
[data-barba-namespace="single-column"] .article__body > h2:first-child,
[data-barba-namespace="single-column"] .article__body > h3:first-child,
[data-barba-namespace="single-column"] .article__body > h4:first-child,
[data-barba-namespace="single-column"] .article__body > img:first-child,
[data-barba-namespace="single-column"] .article__body > ol:first-child,
[data-barba-namespace="single-column"] .article__body > p:first-child,
[data-barba-namespace="single-column"] .article__body > q:first-child,
[data-barba-namespace="single-column"] .article__body > table:first-child,
[data-barba-namespace="single-column"] .article__body > ul:first-child {
  margin-top: 0;
}
[data-barba-namespace="single-column"] .article__body > a:last-child,
[data-barba-namespace="single-column"] .article__body > blockquote:last-child,
[data-barba-namespace="single-column"] .article__body > dl:last-child,
[data-barba-namespace="single-column"] .article__body > h2:last-child,
[data-barba-namespace="single-column"] .article__body > h3:last-child,
[data-barba-namespace="single-column"] .article__body > h4:last-child,
[data-barba-namespace="single-column"] .article__body > img:last-child,
[data-barba-namespace="single-column"] .article__body > ol:last-child,
[data-barba-namespace="single-column"] .article__body > p:last-child,
[data-barba-namespace="single-column"] .article__body > q:last-child,
[data-barba-namespace="single-column"] .article__body > table:last-child,
[data-barba-namespace="single-column"] .article__body > ul:last-child {
  margin-bottom: 0;
}
[data-barba-namespace="single-column"] .article__body p {
  font-weight: 400;
}
[data-barba-namespace="single-column"] .trial {
  position: relative;
  padding: 37px calc(50% - 157.5px);
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .trial {
    padding: 87px calc(50% - 592px) 72px;
  }
}
[data-barba-namespace="single-column"] .trial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: #e5edfa transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .trial:before {
    border-width: 30px 46px 0;
  }
}
[data-barba-namespace="single-column"] .trial__conversion-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-barba-namespace="single-column"] .trial__conversion-bg-body {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
  height: 100%;
}
[data-barba-namespace="single-column"] .trial__heading {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  [data-barba-namespace="single-column"] .trial__heading {
    font-size: 40px;
    letter-spacing: 2.4px;
    margin-bottom: 39px;
  }
}
[data-barba-namespace="page-dreamscometalk"] {
  --c_black: #000;
  --c_white: #fff;
  --c_blue: #0963c3;
  --c_sky: #5aa6df;
  --c_yellow: #ffe400;
  --c_gray: #707070;
  --c_pattern01: #005cd1;
  --c_pattern02: #0b62cb;
  --fz_xs: 12px;
  --fz_sm: 14px;
  --fz_md: 16px;
  --fz_lg: 18px;
  --fz_xl: 20px;
}
@media screen and (max-width: 1023px) {
  [data-barba-namespace="page-dreamscometalk"] {
    --fz_xs: 10px;
    --fz_sm: 12px;
    --fz_md: 14px;
    --fz_lg: 16px;
    --fz_xl: 18px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk {
  width: 100%;
  height: auto;
  letter-spacing: 0.075em;
  line-height: 1.15;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt";
  font-weight: 500;
  color: var(--c_black);
  overflow: hidden;
  padding-bottom: 200px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk {
    padding-bottom: 150px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv {
  width: 100%;
  height: auto;
  background: var(--c_sky);
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv {
    width: 100%;
    height: auto;
    aspect-ratio: 2/1;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__inner {
    height: 100%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__bg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__bg {
    width: 100%;
    height: 100%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__bg img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80% top;
    object-position: 80% top;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title h1 {
  width: 42.73%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title h1 {
    width: 50%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title h1 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title h1 img {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p {
  width: 42.73%;
  height: auto;
  display: grid;
  grid-template-columns: 0.5fr auto 0.5fr;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 50px auto 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--c_white);
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p {
    width: 70%;
    margin: 5vw auto 0;
    font-size: 4vw;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p:after,
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--c_white);
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p:after,
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .mv__title p:before {
    height: 1px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about {
  width: 100%;
  height: auto;
  margin: 120px auto 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about {
    margin: 60px auto 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__inner {
  width: 90%;
  height: auto;
  max-width: 1100px;
  margin: 0 auto;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__ttl {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__ttl h2 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4375;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__ttl h2 {
    font-size: 20px;
    letter-spacing: 0.05em;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__ttl h2 span {
  display: inline;
  text-decoration: underline;
  text-underline-offset: -5px;
  text-decoration-thickness: 15px;
  -webkit-text-decoration-color: #ffe400;
  text-decoration-color: #ffe400;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__ttl h2 span {
    text-decoration-thickness: 10px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text {
  width: 100%;
  max-width: 700px;
  margin: 70px auto 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text {
    margin: 30px auto 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text p {
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text p {
    font-size: 14px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text p:nth-child(n + 2) {
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .about__text p:nth-child(n + 2) {
    margin: 20px auto 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie {
  width: 100%;
  height: auto;
  margin: 150px auto 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie {
    margin: 80px auto 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__inner {
  width: 90%;
  height: auto;
  max-width: 1185px;
  margin: 0 auto;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 65px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list ul li {
  width: 100%;
  height: auto;
  position: relative;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list ul li.is_new:after {
  content: "NEW";
  position: absolute;
  top: -10px;
  left: 0;
  translate: 0 -100%;
  display: block;
  width: auto;
  height: auto;
  padding: 10px 15px;
  font-size: var(--fz_sm);
  color: var(--c_blue);
  background: var(--c_yellow);
  border-radius: 100vmax;
  letter-spacing: 0.05em;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list ul li.is_new:after {
    top: -5px;
    padding: 10px;
    font-weight: 700;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--iframe {
    border-radius: 20px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--iframe iframe {
  width: 100%;
  height: 100%;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--date {
  width: 100%;
  margin: 20px auto 0;
  font-size: var(--fz_md);
  font-weight: 600;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--date {
    margin: 10px auto 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--ttl {
  width: 100%;
  margin: 5px auto 0;
  font-size: var(--fz_lg);
  line-height: 1.4444444444;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .movie__list--ttl {
    margin: 0 auto;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive {
  width: 100%;
  height: auto;
  margin: 50px auto 0;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon {
  width: 90%;
  max-width: 1330px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--left {
  width: 34.36%;
  height: auto;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--left {
    width: 48%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--left img {
  width: 100%;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--right {
  width: 37.67%;
  height: auto;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--right {
    width: 48%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__icon--right img {
  width: 100%;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__inner {
  width: 90%;
  height: auto;
  max-width: 1185px;
  margin: 0 auto;
  border: 4px solid var(--c_blue);
  padding: 120px 10%;
  border-radius: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__inner {
    padding: 50px 5% 30px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  padding: 30px 150px;
  border-radius: 30px;
  font-size: 32px;
  color: var(--c_white);
  font-weight: 700;
  letter-spacing: 0.06em;
  background: var(--c_pattern01);
  background: repeating-linear-gradient(
    -45deg,
    var(--c_pattern01),
    var(--c_pattern01) 10px,
    var(--c_pattern02) 0,
    var(--c_pattern02) 20px
  );
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl h2:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  translate: -50% 100%;
  z-index: -1;
  width: 40px;
  height: auto;
  aspect-ratio: 2/1;
  background: var(--c_blue);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl h2:after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl h2 {
    font-size: 24px;
    padding: 20px 10%;
    border-radius: 20px;
    background: repeating-linear-gradient(
      -45deg,
      var(--c_pattern01),
      var(--c_pattern01) 5px,
      var(--c_pattern02) 0,
      var(--c_pattern02) 10px
    );
  }
}
@media screen and (max-width: 499px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__ttl h2 {
    font-size: 18px;
    padding: 15px 10%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px 20px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li {
    grid-template-columns: auto;
    grid-column: auto;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a {
  width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a {
    grid-template-columns: auto;
    grid-column: auto;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a i {
  position: absolute;
  top: 50%;
  left: -10px;
  translate: -100% -50%;
  width: 24px;
  height: auto;
  aspect-ratio: 1/1;
  background: var(--c_blue);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a i {
    width: 18px;
    left: 0;
    translate: 0 -35%;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a i:before {
  content: "";
  position: absolute;
  left: 55%;
  top: 50%;
  translate: -50% -50%;
  width: 10px;
  aspect-ratio: 1/1;
  background: var(--c_white);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list ul li a i:before {
    width: 8px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--date,
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--ttl {
  width: 100%;
  font-size: var(--fz_md);
  line-height: 1.625;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--date,
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--ttl {
    padding-left: 30px;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--date {
  color: var(--c_gray);
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--ttl {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__list--ttl {
    -webkit-line-clamp: 3;
  }
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__btn {
  width: 100%;
  height: auto;
  padding: 100px 0 0;
  margin: -100px auto 0;
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  background: #fff;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 50%, #fff);
}
[data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__btn p {
  width: 100%;
  height: auto;
  max-width: 330px;
  display: grid;
  place-items: center;
  background: #232323;
  padding: 15px 0;
  border-radius: 100vmax;
  color: var(--c_white);
  font-size: var(--fz_xl);
  font-weight: 600;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .dreamscometalk .archive__btn p {
    max-width: 250px;
    font-size: var(--fz_lg);
  }
}
[data-barba-namespace="page-dreamscometalk"] .pc {
  display: block;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .pc {
    display: none;
  }
}
[data-barba-namespace="page-dreamscometalk"] .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-dreamscometalk"] .sp {
    display: block;
  }
}
[data-barba-namespace="page-movie"] {
  --c_black: #000;
  --c_white: #fff;
  --c_blue: #0963c3;
  --c_sky: #5aa6df;
  --c_yellow: #ffe400;
  --c_gray: #707070;
  --c_pattern01: #005cd1;
  --c_pattern02: #0b62cb;
  --fz_xs: 12px;
  --fz_sm: 14px;
  --fz_md: 16px;
  --fz_lg: 18px;
  --fz_xl: 20px;
}
@media screen and (max-width: 1023px) {
  [data-barba-namespace="page-movie"] {
    --fz_xs: 10px;
    --fz_sm: 12px;
    --fz_md: 14px;
    --fz_lg: 16px;
    --fz_xl: 18px;
  }
}
[data-barba-namespace="page-movie"] .movie {
  width: 100%;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.15;
  font-family: Noto Sans JP, sans-serif;
  font-feature-settings: "palt";
  font-weight: 500;
  color: var(--c_black);
  overflow: hidden;
}
[data-barba-namespace="page-movie"] .movie .kv {
  width: 100%;
  height: 220px;
  background: url(../images/views/page-movie/kv_bg.jpg) no-repeat 50% / cover;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .kv {
    height: 120px;
  }
}
[data-barba-namespace="page-movie"] .movie .kv__title {
  font-size: 32px;
  color: var(--c_white);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .kv__title {
    font-size: 24px;
  }
}
[data-barba-namespace="page-movie"] .movie .about {
  width: 100%;
  height: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .about {
    height: 120px;
  }
}
[data-barba-namespace="page-movie"] .movie .about__bg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .about__bg {
    height: 100%;
  }
}
[data-barba-namespace="page-movie"] .movie .about__bg img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .about__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom center;
    object-position: bottom center;
  }
}
[data-barba-namespace="page-movie"] .movie .about__inner {
  width: 90%;
  height: 100%;
  max-width: 1185px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% 0;
}
[data-barba-namespace="page-movie"] .movie .about__icon--wasemaru {
  position: absolute;
  top: 0;
}
[data-barba-namespace="page-movie"] .movie .about__icon--wasemaru img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .about__icon--left {
  left: 7%;
  translate: 0 -25%;
  width: 13.5%;
  max-width: 160px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .about__icon--left {
    width: 20%;
  }
}
[data-barba-namespace="page-movie"] .movie .about__icon--right {
  right: 0;
  translate: 0 -40%;
  width: 27.34%;
  max-width: 324px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .about__icon--right {
    width: 30%;
  }
}
[data-barba-namespace="page-movie"] .movie .video {
  width: 100%;
  height: auto;
  position: relative;
  background: var(--c_blue);
  padding-bottom: 30px;
  box-shadow: 6px 6px 8px rgba(69, 69, 69, 0.4);
}
[data-barba-namespace="page-movie"] .movie .video__inner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
[data-barba-namespace="page-movie"] .movie .video__title {
  width: 80%;
  height: auto;
  max-width: 515px;
  margin: 0 auto;
  translate: 0 -40%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .video__title {
    max-width: 400px;
    translate: 0 -50%;
  }
}
[data-barba-namespace="page-movie"] .movie .video__title h2 img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .video__bg {
  width: 100%;
  height: 296px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: url(../images/views/page-movie/video_bg.jpg) repeat-x 0 0;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .video__bg {
    height: 150px;
  }
}
[data-barba-namespace="page-movie"] .movie .video__box {
  width: 100%;
  height: auto;
  margin: -30px auto 0;
}
[data-barba-namespace="page-movie"] .movie .bnr {
  width: 100%;
  height: 635px;
  margin: 200px auto 0;
  position: relative;
  background: url(../images/views/page-movie/bnr_bg.jpg) no-repeat bottom/cover;
  padding: 3vw 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr {
    background-position: top;
    height: auto;
    margin: 100px auto 0;
    padding: 8vw 0 10px;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__mask {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
[data-barba-namespace="page-movie"] .movie .bnr__mask img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .bnr__icon {
  width: 100%;
  height: auto;
  max-width: 1185px;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  translate: -50% 0;
}
[data-barba-namespace="page-movie"] .movie .bnr__icon img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .bnr__icon--left {
  width: 6.33%;
  max-width: 75px;
  position: absolute;
  left: 5%;
  top: 0;
  translate: 0 -50%;
  rotate: 45deg;
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__icon--left {
    width: 12%;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__icon--center {
  width: 4.81%;
  max-width: 57px;
  position: absolute;
  top: -200px;
  left: 50%;
  rotate: -120deg;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__icon--center {
    top: 0;
    translate: -50% -150%;
    width: 10%;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__icon--right {
  width: 4.39%;
  max-width: 52px;
  position: absolute;
  right: 5%;
  top: 0;
  rotate: -60deg;
  translate: 0 -100%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__icon--right {
    width: 8%;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__inner {
  width: 90%;
  height: auto;
  max-width: 1185px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__inner {
    flex-direction: column;
    justify-content: center;
    gap: 30px;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__contents {
  width: 50%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__contents {
    width: 100%;
    margin-top: 0;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__ttl img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .bnr__btn {
  width: 90%;
  max-width: 410px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__btn {
    width: 100%;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__btn a {
  transition: all 0.3s;
}
@media (hover) {
  [data-barba-namespace="page-movie"] .movie .bnr__btn a:hover {
    opacity: 0.7;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__btn a img {
  width: 100%;
}
[data-barba-namespace="page-movie"] .movie .bnr__img {
  width: 52%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__img {
    width: 100%;
  }
}
[data-barba-namespace="page-movie"] .movie .bnr__img img {
  width: 153.46%;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .movie .bnr__img img {
    width: 120%;
  }
}
[data-barba-namespace="page-movie"] .pc {
  display: block;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .pc {
    display: none;
  }
}
[data-barba-namespace="page-movie"] .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  [data-barba-namespace="page-movie"] .sp {
    display: block;
  }
}
.youtube {
  width: 80%;
  max-width: 799px;
  height: 500px;
  margin: 50px auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .youtube {
    width: 80%;
    max-width: 799px;
    height: 180px;
    margin: 50px auto;
  }
}