@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

:root {
  /* Font Sizes */
  --fs-body-m: 0.875rem;
  --fs-body: 0.875rem;
  --fs-body-s: 0.75rem;
  --fs-body-xs: 0.625rem;
  --fs-h2: 1.5rem;
  --fs-h3: 1.25rem;
  --fs-h4: 1.125rem;
  --fs-h5: 1rem;
  --fs-h6: 0.875rem;
  --fs-hero: 0.875rem;
  --fs-hero-l: 1.75rem;
  --fs-ttl: 1.75rem;
  --fs-32-r: 1.5rem;
  --fs-28-r: 1.25rem;
  --fs-24-r: 1.125rem;
  --fs-20-r: 1rem;
  --fs-18-r: 0.875rem;
  --fs-sectionTtl: 3.75rem;
  --fs-point: 2.375rem;
  --fs-price: 2.5rem;
  --fs-price-s: 1.5rem;
  --fs-lpcopy: 1.75rem;
  /* Layout Dimensions */
  --price-h: 34px;
  --header-h: 56px;
  --header-h-n: -56px;
  --hero-h: 400px;
  --header-sh: 56px;
  --header-slh: 96px;
  --lp-hero-h: 260px;
  /* Spacing (from Code 1) */
  --spc88-r: 24px;
  --spc64-r: 40px;
  --spc40-r: 24px;
  --spc24-r: 16px;
  /* Landing Page */
  --lp-fs-hero: 1rem;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff
}

h1 {
  font-size: 2em;
  margin: .67em 0
}


main {
  display: block
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

small {
  font-size: var(--fs-body-s)
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 1em;
  color: inherit
}

input, button {
  line-height: normal;
  vertical-align: inherit
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0
}


table {
  border-collapse: collapse
}

button {
  overflow: visible;
  text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  overflow: auto
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

mark {
  color: #000;
  background-color: #ff0
}

sub,
sup {
  font-size: .5em;
  line-height: 0
}

sub {
  vertical-align: 0px
}

sup {
  vertical-align: .8em
}

@font-face {
  font-family: 'icomoon';
  src: url(../icons/icomoon.ttf) format("truetype"),
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak-as: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-sample:before {
  content: "\e933"
}

.icon-apply:before {
  content: "\e931"
}

.icon-service:before {
  content: "\e932"
}

.icon-close:before {
  content: "\e92f"
}

.icon-menu2:before {
  content: "\e930"
}

.icon-triangle:before {
  content: "\e92e"
}

.icon-arrow-down-bold:before {
  content: "\e91c"
}

.icon-arrow-down:before {
  content: "\e91d"
}

.icon-arrow-left-bold:before {
  content: "\e91e"
}

.icon-arrow-left:before {
  content: "\e91f"
}

.icon-arrow-right-bold:before {
  content: "\e920"
}

.icon-arrow-right:before {
  content: "\e921"
}

.icon-arrow-up-bold:before {
  content: "\e922"
}

.icon-arrow-up:before {
  content: "\e923"
}

.icon-cancel:before {
  content: "\e924"
}

.icon-checked:before {
  content: "\e925"
}

.icon-cross:before {
  content: "\e926"
}

.icon-device:before {
  content: "\e927"
}

.icon-free:before {
  content: "\e928"
}

.icon-pair:before {
  content: "\e92a"
}

.icon-reserve:before {
  content: "\e92b"
}

.icon-speaker-off:before {
  content: "\e92c"
}

.icon-themes:before {
  content: "\e92d"
}

.icon-24:before {
  content: "\e900"
}

.icon-book:before {
  content: "\e901"
}

.icon-channel:before {
  content: "\e902"
}

.icon-earth:before {
  content: "\e903"
}

.icon-faq:before {
  content: "\e904"
}

.icon-file:before {
  content: "\e905"
}

.icon-grid:before {
  content: "\e906"
}

.icon-guide:before {
  content: "\e907"
}

.icon-hands:before {
  content: "\e908"
}

.icon-headphone-1:before {
  content: "\e909"
}

.icon-headphone-2:before {
  content: "\e90a"
}

.icon-inquiry-company:before {
  content: "\e90b"
}

.icon-inquiry:before {
  content: "\e90c"
}

.icon-interview:before {
  content: "\e90d"
}

.icon-learning:before {
  content: "\e90e"
}

.icon-level:before {
  content: "\e90f"
}

.icon-login:before {
  content: "\e910"
}

.icon-mail:before {
  content: "\e911"
}

.icon-menu:before {
  content: "\e912"
}

.icon-off:before {
  content: "\e913"
}

.icon-pen:before {
  content: "\e914"
}

.icon-plan:before {
  content: "\e915"
}

.icon-program:before {
  content: "\e916"
}

.icon-search:before {
  content: "\e917"
}

.icon-speaker:before {
  content: "\e918"
}

.icon-support:before {
  content: "\e919"
}

.icon-training:before {
  content: "\e91a"
}

.icon-video-lesson:before {
  content: "\e91b"
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

ul,
ol,
li {
  list-style-type: none;
  margin: 0;
  padding: 0
}

p {
  margin: 0
}

dl {
  margin: 0;
  padding: 0
}

dd {
  margin: 0
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  margin-top: 0px
}
em {
  font-style: normal
}

a {
  outline: none
}

a:link {
  text-decoration: none;
  outline: none;
  color: inherit;
}

a:visited {
  text-decoration: none;
  outline: none
}

a:hover {
  outline: none
}

a:active {
  text-decoration: none;
  outline: none
}

caption {
  text-align: left
}

body {
  overflow-y: scroll;
  line-break: normal;
  overflow-wrap: break-word;
  color: #141821;
  
  font-size: var(--fs-body);
  line-height: 1.5
}

body::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  left: 0px;
  top: 0px;
  background-color: #ebeef1;
  background-image: url("../img/bg_pattern_gray.webp");
  background-size: 96px 165.2px
}

a img {
  pointer-events: none
}

.l-body:not([data-page="top"]) {
  padding-top: 104px;
  position: relative
}

.l-body:not([data-page="top"])::before {
  content: '';
  width: 100%;
  height: 104px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0
}

.l-content.is-hidden {
  width: 0;
  overflow: hidden
}

.l-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0 24px;
  background: #fff;
  border-bottom: 1px solid #f2f4f5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform 0.8s cubic-bezier(.19, 1, .22, 1);
  transition: transform 0.8s cubic-bezier(.19, 1, .22, 1);
  transition: transform 0.8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 0.8s cubic-bezier(.19, 1, .22, 1)
}

.l-header[data-type="top"] {
  -webkit-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0)
}

.l-header[data-type="underlayer"].is-fixed {
  border: 0;
  -webkit-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0)
}

.l-header[data-type="underlayer"].is-fixed.is-visible {
  -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 40px rgba(0, 0, 0, .1)
}

.l-header.is-visible {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important
}

.l-header__title {
  display: block;
  color: inherit;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.l-header__title:hover {
  opacity: .5
}

.l-header__title p {
  padding: 1em 0 0;
  font-size: 10px;
  line-height: 1.6
}

.l-header__logo {
  display: inline-block;
  padding: 18px 0 0;
  border-top: 4px solid #1287cd;
  vertical-align: top
}

.l-header__logo img {
  width: 120px;
  height: 25px
}

.l-header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 4em;
  padding: 0 1em 0 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(20%, #f1f8fc), to(#f1f8fc));
  background-image: linear-gradient(to right, #fff 0%, #f1f8fc 20%, #f1f8fc 100%);
  font-size: 12px
}

.l-header__links>li {
  position: relative
}

.l-header__links>li:last-child {
  margin-left: 1.5em;
  position: relative
}

.l-header__links>li:last-child::before {
  content: '';
  width: 1px;
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: -1em;
  background: #c3cbd2
}

.l-header__links>li[aria-selected="true"]::after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1978b1
}

.p-banner[data-type="1"] {
    background-color: #f9fafb !important;
    background-image: url(../img/bnr_free1.jpg) !important;
}

.p-content__header[data-no-eyecatch]::before {
 content:'' !important;
 width:416px !important;
 height:220px !important;
 position:absolute !important;
 top:0 !important;
 right:0 !important;
 z-index:0 !important;
 background:url(../img/bg_header.jpg) 0 0 no-repeat !important;
 background-size:cover !important;
}

.l-header__links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1em;
  color: #1978b1;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.l-header__links a:hover {
  opacity: .5
}

.l-header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 4px 0 0;
  font-size: 13px;
  line-height: 1.53846
}

.l-header__navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding: 0 1.53846em;
  position: relative;
  color: inherit
}

.l-header__navigation a::before {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  background: #1884c4;
  top: 100%;
  left: 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform 0.4s cubic-bezier(.19, 1, .22, 1);
  transition: transform 0.4s cubic-bezier(.19, 1, .22, 1);
  transition: transform 0.4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 0.4s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}

.l-header__navigation a[aria-selected="true"]::before,
.l-header__navigation a:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.l-index {
  margin: -216px 0 0;
  padding: 216px 0 0
}

.l-index__block {
  margin: 0 0 80px
}

.l-lp__container {
  width: 1100px;
  margin: auto
}

.l-lp__container[data-cm] {
  margin-bottom: 24px
}

.l-lp__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0 24px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  -webkit-box-shadow: 0 0 9px rgba(204, 204, 204, .54);
  box-shadow: 0 0 9px rgba(204, 204, 204, .54)
}

.l-lp__heading {
  display: inline-block;
  padding: 24px 0 0;
  position: relative
}

.l-lp__heading::before {
  content: '';
  width: 100%;
  height: 4px;
  background: #1287cd;
  position: absolute;
  top: 0;
  left: 0
}

.l-lp__block {
  background: #fff
}

.l-lp__block:not(:last-child) {
  margin-bottom: 24px
}

.l-lp__inner {
  width: 980px;
  margin: auto;
  padding: 80px 0
}

.l-lp__inner[data-campaign] {
  padding-top: 0;
  padding-bottom: 0
}

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

.l-lp__buttons[data-type="cm"] {
  padding-top: 24px
}

.l-lp__buttons>li {
  width: 50%
}

.l-lp__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 203px;
  border-bottom: 3px solid;
  position: relative;
  font-weight: 700;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.l-lp__button:hover {
  opacity: .5
}

.l-lp__button[data-lesson] {
  background-color: #ffed56;
  border-color: #ccbf45;
  color: inherit
}

.l-lp__button[data-corp] {
  background-color: #1884c4;
  border-color: #1574ab;
  color: #fff
}

.l-lp__button dl {
  text-align: center
}

.l-lp__button dl>dt {
  font-size: 24px;
  line-height: 1.66667
}

.l-lp__button dl>dd {
  margin: .5em 0 0;
  font-size: 16px;
  line-height: 1.625
}

.l-lp__button i {
  height: 11px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  margin: auto;
  font-size: 11px
}

.l-lp__footer {
  background: #0b4368;
  color: #fff
}

.l-lp__sections {
  margin: 0 0 40px
}

.l-main {
  padding: 0 0 80px
}

.l-spHeader {
  display: none
}

.l-spNavigation {
  display: none
}

.c-audio {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  position: relative;
  background: #f1f8fc;
  color: #1978b1;
  cursor: pointer;
  outline: none;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-audio:hover {
  opacity: .5
}

.c-audio[data-size="small"] {
  height: 40px
}

.c-audio[data-size="large"] {
  height: 48px
}

.c-audio i {
  height: 22px;
  font-size: 24px
}

.c-bizmatesProgram {
  width: 157px;
  margin-top: -.1rem;
  padding-right: .5rem;
  vertical-align: middle
}

.c-button[data-ignore] {
  pointer-events: none
}

.c-button[data-type="default"] {
  color: #26455c;
  background-color: #deeef7
}

.c-button[data-type="default"]:hover {
  background-color: #bfddef
}

.c-button[data-type="primary"] {
  color: #fff;
  background-color: #1884c4
}

.c-button[data-type="primary"]:hover {
  background-color: #1978b1
}

.c-button[data-type="primary"][data-shadow] {
  -webkit-box-shadow: 0 3px 0 #1574ab;
  box-shadow: 0 3px 0 #1574ab
}

.c-button[data-type="secondary"] {
  color: #26455c;
  background-color: #f2f4f5;
  border: 1px solid #d1d4d7;
  color: #1978b1
}

.c-button[data-type="secondary"]:hover {
  background-color: #e7f3fa
}

.c-button[data-type="white"] {
  color: #26455c;
  background-color: #fff;
  border: 1px solid #d1d4d7
}

.c-button[data-type="white"]:hover {
  background-color: #e7f3fa
}

.c-button[data-type="strong"] {
  color: #26455c;
  background-color: #ffed56
}

.c-button[data-type="strong"]:hover {
  background-color: #ffea89
}

.c-button[data-type="strong"][data-shadow] {
  -webkit-box-shadow: 0 3px 0 #ccbf45;
  box-shadow: 0 3px 0 #ccbf45
}

.c-button[aria-disabled="true"],
.c-button[disabled] {
  color: #abaeb3 !important;
  background-color: #ebeef1 !important;
  cursor: default !important
}

.c-button[data-type="blue"] {
  color: #fff;
  background-color: #0885d5;
}

.c-button[data-type="blue"]:hover {
  background-color: #58b1ea;
}

.c-button[data-type="pink"] {
  color: #fff;
  background-color: #d34573;
}

.c-button[data-type="pink"]:hover {
  background-color: #ee749b;
}

.c-button[data-type="green"] {
  color: #fff;
  background-color: #51ab3a;
}

.c-button[data-type="green"]:hover {
  background-color: #6fc15a;
}

.c-button[data-type="orange"] {
  color: #fff;
  background-color: #fd9204;
}

.c-button[data-type="orange"]:hover {
  background-color: #fcb14d;
}

.c-button[data-width="auto"] {
  display: inline-block;
  width: auto;
  padding-right: 30px;
  padding-left: 30px
}

.c-button[data-width="auto"] .c-button__label {
  padding-right: 0;
  padding-left: 40px
}

.c-button[data-width="full"] {
  width: 100%
}

.c-button[data-width="full"] .c-button__inner {
  padding-right: 32px;
  padding-left: 32px
}

.c-button[data-width="full"] .c-button__label {
  width: 100%;
  padding-right: 0
}

.c-button[data-width="full"][data-align="center"] .c-button__label {
  width: auto
}

.c-button[data-height="tall"] {
  border-radius: 2.14286em
}

.c-button[data-height="tall"] .c-button__inner {
  height: 4.28571em
}

.c-button[data-text="long"] .c-button__label {
  padding-right: 0;
  padding-left: 1.5em
}

.c-button[data-font-size="large"] {
  font-size: 1.8rem
}

.c-button[data-font-size="large"] i {
  width: 7px;
  height: 11px;
  top: 0;
  font-size: 11px
}

.c-button__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3.42857em
}

.c-button__label {
  padding: 0 2.28571em;
  position: relative;
  line-height: 1.5
} */

.c-button__label i {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -.3rem;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 14px;
  font-weight: bold;
} 

.c-checkbox {
  position: relative
}

.c-checkbox__input {
  position: absolute;
  top: 100%;
  left: 100%;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.c-checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  border: 1px solid #d1d4d7;
  cursor: pointer;
  color: #1287cd;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear
}

.c-checkbox__icon {
  display: inline-block;
  padding: 0 0 0 38px;
  position: relative
}

.c-checkbox__icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear
}

.c-checkbox__icon::before {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #d1d4d7;
  background: #fff
}

.c-checkbox__input:checked+.c-checkbox__label {
  background-color: #e7f3fa
}

.c-checkbox__input:checked+.c-checkbox__label .c-checkbox__icon i {
  opacity: 1
}

.c-cmButton {
  margin-top: 24px
}

.c-cmButton .c-button__inner {
  padding-right: 0 !important;
  padding-left: 20px !important
}

.c-cmButton .c-button__label {
  padding-left: 16px !important
}

.c-heading {
  font-size: 32px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 1
}

.c-information {
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #bfddef;
  color: inherit;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-information:hover {
  opacity: .5
}

.c-information__content {
  padding: 16px 24px 88px
}

.c-information__content p {
  color: #26455c
}

.c-information__meta {
  position: absolute;
  bottom: 16px;
  left: 24px;
  color: #a4b1bb
}

.c-informationItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: inherit;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-informationItem:hover {
  opacity: .5
}

.c-informationItem.no-link:hover {
  opacity: 1
}

.c-informationItem__image {
  -ms-flex-preferred-size: 298px;
  flex-basis: 298px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 40px 0 0
}

.c-informationItem__image img {
  max-width: 100%;
  height: auto
}

.c-informationItem__description>dt {
  margin: 0 0 1em
}

.c-link {
  color: #1978b1;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-link:hover {
  opacity: .5
}

.c-link:hover {
  text-decoration: underline
}

.c-link[data-type="underline"] {
  text-decoration: underline
}

.c-link[data-type="underline"]:hover {
  text-decoration: none
}

.c-logo {
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-logo:hover {
  opacity: .5
}

.c-logo[data-type="bizmates"] {
  width: 120px;
  height: 24px;
  background-image: url(../images/logo/bizmates.svg)
}

.c-movie {
  display: block;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-movie:hover {
  opacity: .5
}

.c-movie[data-type="bizmates-program"] {
  color: #1978b1
}

.c-movie[data-type="other-program"] {
  color: #d14271
}

.c-movie__image {
  position: relative
}

.c-movie__image .c-playButton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.c-movie__description {
  margin: 1em 0 0;
  text-align: center;
  letter-spacing: 0
}

.c-movie__description>dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 .25em
}

.c-page__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 3rem;
  -ms-flex-preferred-size: 6.8rem;
  flex-basis: 6.8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1.6rem;
  text-align: center
}

.c-page__media img {
  max-width: 100%;
  height: auto
}

.c-page__media i {
  width: 2rem;
  height: 2rem;
  font-size: 2rem
}

.c-page__title {
  font-size: 1.4rem;
  line-height: 1.5
}

.c-pagetop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 7.2rem;
  height: 7.2rem;
  background: #fff;
  color: inherit;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.c-pagetop:hover {
  opacity: .5
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: sans-serif
}

.c-pagination>li:not(:last-child) {
  border-right: 1px solid #f2f4f5
}

.c-pagination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: #fff;
  color: #1884c4;
  font-size: 13px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear
}

.c-pagination__item:hover {
  background-color: #203a4d;
  color: #fff
}

.c-pagination__item[aria-selected="true"] {
  background-color: #203a4d;
  cursor: default;
  pointer-events: none;
  color: #fff
}

.c-pagination__item[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
  color: #203a4d
}
.p-banner:hover {
  opacity: .5
}

.p-banner[data-type="2"] {
  background-color: #fff;
  background-image: url(../images/banner/pc/bnr_free3.jpg)
}

.p-banner[data-type="3"] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  background-color: #fff;
  background-image: url(../images/banner/pc/bnr_free2.jpg);
  text-align: center;
  color: #fff
}

.p-features {
  position: relative
}

.p-features__item {
  position: absolute
}

.p-features__item:nth-child(1) {
  width: 320px;
  top: 0;
  right: 0
}

.p-features__item:nth-child(2) {
  width: 320px;
  top: 280px;
  right: 280px
}

.p-features__item:nth-child(3) {
  width: 320px;
  top: 560px;
  right: 280px
}

.p-features__item:nth-child(4) {
  width: 240px;
  top: 280px;
  right: 0
}

.p-features__label {
  display: block;
  padding: .25em .5em;
  background: #fff;
  font-size: 18px;
  line-height: 1.33333;
  position: absolute;
  bottom: 16px;
  left: 0
}

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

.p-flow>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20%;
  padding: 60px 20px 40px 20px;
  position: relative;
  background: #f1f8fc;
  counter-increment: flow
}

.p-flow>li::before {
  content: counter(flow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #deeef7;
  color: #26455c;
  font-size: 24px;
  position: absolute;
  top: -.75em;
  right: 0;
  left: 0;
  margin: auto
}

.p-flow>li:not(:last-child)::after {
  content: '';
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 90%;
  z-index: 1;
  background: url(../images/object/project/process_list/pc/arrow_default_border.svg) 100% 0 no-repeat;
  background-size: 100% 100%
}

.p-flow__description>dt {
  margin: 0 0 1em;
  font-size: 18px;
  line-height: 1.1;
  text-align: center
}

.p-flow__list>li {
  position: relative;
  padding: 0 0 0 1.5em
}

.p-flow__list>li::before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0
}

.p-following {
  position: fixed;
  right: 0;
  bottom: 10.8rem;
  z-index: 10;
  -webkit-transform: translate3d(120%, 0, 0);
  transform: translate3d(120%, 0, 0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(.23, 1, .32, 1);
  transition: -webkit-transform 0.6s cubic-bezier(.23, 1, .32, 1);
  transition: transform 0.6s cubic-bezier(.23, 1, .32, 1);
  transition: transform 0.6s cubic-bezier(.23, 1, .32, 1), -webkit-transform 0.6s cubic-bezier(.23, 1, .32, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.p-following.is-visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.p-following__content {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
  box-shadow: 0 0 40px rgba(0, 0, 0, .1)
}

.p-following__list {
  position: relative;
  z-index: 1
}

.p-following__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7.2rem;
  font-size: 0;
  color: inherit;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.p-following__item:hover {
  opacity: .5
}

.p-following__item[data-type="trial"] {
  background: #ffed56
}

.p-following__item[data-type="campaign"] {
  background: #1883c3
}

.p-lpCampaign {
  height: 100%;
  padding: 30px 5%;
  background: #fffcee;
  border: 1px solid #ffe156
}

.p-lpCampaign strong {
  color: #f33
}

.p-lpCampaign em {
  color: #ee9202
}

.p-lpCampaign[data-type="corp"] {
  background-color: #f1f8fc;
  border-color: #bfddef
}

.p-lpCampaign[data-type="corp"] strong {
  color: #f33
}

.p-lpCampaign[data-type="corp"] em {
  color: #1773ad
}

.p-lpCampaign__description {
  text-align: center
}

.p-lpCampaign__description>dt {
  margin: 0 0 .75em;
  line-height: 1
}

.p-lpCampaign__description>dd {
  line-height: 1
}

.p-lpCampaign__description>dd del {
  padding-left: .5em;
  font-size: 18px
}

.p-lpCampaign__description>dd:not(:last-child) {
  margin-bottom: 1rem;
  font-size: 32px
}

.p-lpCampaign__description>dd:last-child {
  line-height: 1.85714
}


.p-planMerit__image {
  margin: 0 0 20px
}

.p-planMerit__description>dt {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 700;
  text-align: center
}

.p-planMerit__description>dd em {
  background: #d8eaf5
}

.p-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear
}

.p-modal[aria-hidden="false"] {
  opacity: 1;
  visibility: visible
}

.p-modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  padding: 134px 0;
  position: relative
}

.p-modal__inner[data-type="trainer"] {
  padding-right: 160px;
  padding-left: 160px
}

.p-modal__inner[data-type="image"] {
  padding-right: 24px;
  padding-left: 24px
}

.p-modal__inner .icon-cross {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  pointer-events: none;
  font-size: 32px;
  color: #fff
}

.p-modal__inner .icon-cross[data-top] {
  top: 50px
}

.p-modal__inner .icon-cross[data-bottom] {
  bottom: 50px
}

.p-modal__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #26455c;
  cursor: pointer
}

.p-modal__section {
  max-width: 1600px;
  margin: 0;
  position: relative;
  z-index: 1
}

.p-modal__inner[data-type="trainer"] .p-modal__section {
  width: 100%
}

.p-modal__inner[data-type="movie"] .p-modal__section {
  max-width: 100%;
  margin: 0
}

.p-modal__heading {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.125;
  margin: 0 0 1em;
  color: #fff;
  -webkit-font-smoothing: antialiased
}

.p-modal__inner[data-type="image"] .p-modal__heading {
  margin-right: 70px;
  margin-left: 70px
}

.p-modal__content {
  position: relative;
  background: #fff
}

.p-modal__content iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: top
}

.p-modal__inner[data-type="movie"] .p-modal__content {
  width: 80vw;
  height: 45vw;
  margin: auto;
  background-color: transparent
}

.p-movie {
  display: block;
  height: 36vw;
  position: relative;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.p-movie:hover {
  opacity: .5
}

.p-movie[data-size="fixed"] {
  height: 460px
}

.p-movie[data-ignore]:hover {
  opacity: 1
}

.p-movie .c-playButton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.p-movie__label {
  padding: 24px 40px 16px;
  position: absolute;
  bottom: 0;
  left: 56px;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased
}

.p-movie__label[data-type="about"] {
  background-color: #26455c;
  color: #fff
}

.p-movie__label[data-type="quality"] {
  background-color: #1978b1;
  color: #fff
}

.p-movie__label[data-type="method"] {
  background-color: #f1f8fc;
  color: #0b4368
}

.p-movie__label[data-type="lp"] {
  padding: 25px 80px 25px 30px;
  background-color: #26455c;
  color: #fff
}

.p-movie__title:lang(en) {
  display: block;
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1
}

.p-movie__title:lang(ja) {
  display: block;
  font-size: 16px
}

.p-movie__interviewee:lang(en) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em 0 0;
  padding: 2.25em 0 0;
  position: relative;
  font-size: 16px
}

.p-movie__interviewee:lang(en)>dt {
  padding: 0 1em 0 0
}

.p-movie__interviewee:lang(en)::before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/slash_white.svg) 0 0 no-repeat;
  background-size: cover
}

.p-movie__interviewee:lang(ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5em 0 0;
  font-size: 12px
}

.p-movie__interviewee:lang(ja)>dt {
  padding: 0 1em 0 0
}

.p-movie__heading {
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 1
}

.p-movies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0
}

.p-movies>li {
  padding: 32px 16px 0
}

.p-movies[data-type="bizmates-program"]>li {
  width: 25%
}

.p-movies[data-type="other-program"]>li {
  width: 33.33333%
}

.p-price__notice>li {
  padding: 0 0 0 1em;
  text-indent: -1em
}

.p-price__notice>li::before {
  content: '・'
}

.p-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-process__image {
  display: block;
  width: 50%
}

li:nth-child(odd) .p-process__image {
  padding-right: 40px
}

li:nth-child(even) .p-process__image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-left: 40px
}

.p-process__description {
  width: 50%;
  padding: 85px 0 0
}

.p-process__description>dt {
  font-size: 32px;
  line-height: 1.6
}

.p-process__description>dd {
  margin: 1em 0 2em 0
}

li:nth-child(odd) .p-process__description {
  padding-right: 200px;
  padding-left: 50px
}

li:nth-child(even) .p-process__description {
  padding-right: 50px;
  padding-left: 200px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

li:nth-child(even) .p-process__description>dt {
  text-align: right
}

.p-processDetail>li {
  position: relative;
  counter-increment: process-detail
}

.p-processDetail>li::before {
  content: counter(process-detail);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #deeef7;
  color: #26455c;
  font-size: 24px;
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto
}

.p-processDetail>li:not(:last-child)::after {
  content: '';
  width: 4px;
  height: 100%;
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  margin: auto;
  background: #c3cbd2
}

.p-processList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 80px
}

.p-processList>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 14.28571%;
  height: 247px;
  padding: 56px 0 0;
  position: relative;
  background: #f1f8fc;
  counter-increment: process-list
}

.p-processList>li::before {
  content: counter(process-list);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #deeef7;
  color: #26455c;
  font-size: 24px;
  position: absolute;
  top: -.75em;
  right: 0;
  left: 0;
  margin: auto
}

.p-processList>li:not(:first-child) {
  padding-left: 20px
}

.p-processList>li:not(:first-child)::before {
  left: 20px
}

.p-processList>li:not(:last-child)::after {
  content: '';
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -40px;
  z-index: 1;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 101% 106%
}

.p-processList>li[data-recruit] {
  background: #3d98cd;
  color: #fff
}

.p-processList>li[data-recruit]::after {
  background-image: url(../img/arrow_blue.svg)
}

.p-processList>li:not([data-recruit])::after {
  background-image: url(../images/object/project/process_list/pc/arrow_default_border.svg)
}

.p-processList__item {
  height: 160px;
  position: relative;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 18px
}

.p-processList__item i {
  width: 32px;
  font-size: 32px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #1978b1
}

[data-recruit] .p-processList__item i {
  color: #fff
}

.p-profile {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.p-profile:nth-child(odd) {
  padding: 112px 50% 92px 136px
}

.p-profile:nth-child(even) {
  padding: 132px 136px 98px 50%
}

.p-profile[data-type="coo"] {
  background-image: url(../images/pages/trainer/interview/pc/profile1.jpg)
}

.p-profile[data-type="cqo"] {
  background-image: url(../images/pages/trainer/interview/pc/profile2.jpg)
}

.p-profile__description>dt {
  margin: 0 0 1.5em;
  font-size: 18px;
  line-height: 1.77778
}

.p-profile__description>dt em {
  display: block;
  padding: .25em 0 0;
  font-size: 26px;
  line-height: 1.23077
}

.p-profile__description>dd {
  text-align: justify
}

.p-program__name {
  margin: 0 0 1.5em
}

.p-program__name>dt {
  margin: 0 0 .5em
}

.p-program__name>dd {
  font-size: 0;
  letter-spacing: 0
}

.p-program__name>dd img {
  display: block
}

.p-program__row[data-type="discovery"] .p-program__name>dd img {
  height: 21px
}

.p-program__leadCell {
  padding: 0
}

.p-program__lead {
  font-size: 12px
}

.p-program__lead[data-type="other-program"] {
  padding-right: 1em
}

.p-program__vat {
  vertical-align: top
}

.p-program__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  padding: 0 1em 0 0;
  position: relative;
  background: #fcfdfd;
  border: 1px solid #d1d4d7;
  border-radius: 4px;
  color: #1884c4;
  line-height: 1.2;
  font-size: 12px;
  text-align: center;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  letter-spacing: 0
}

.p-program__button:hover {
  opacity: .5
}

.p-program__button[data-size="small"] {
  font-size: 10px
}

.p-program__button::before {
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  margin: auto;
  background: url("../img/plus_circle.svg") 0 0 no-repeat;
  background-size: cover;
  opacity: .35
}

.p-program__button:not(:last-child) {
  margin-bottom: 10px
}

.p-program__button [data-name] {
  font-size: 13px
}

.p-program__button [data-name][data-small] {
  font-size: 11px
}

.p-program__block {
  border: 1px solid #d1d4d7;
  border-radius: 4px;
  background: #fcfdfd;
  text-align: center
}

.p-requirement img {
  width: 100%
}

/* Button styles */
.Button.-cta {
  background-color: #ffed56;
  color: #141821;
  border-bottom: #e6d54e solid 4px;
  transition: border .2s, transform .2s
}

section.section_topics .Button.-SS {
  max-width: 186px;
  padding: 12px 0
}

.Button.-XS {
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-left: 14px;
  padding-right: 14px;
  height: 45px;
  line-height: 43px;
  white-space: nowrap
}

.Button.-posL {
  margin-left: 0px
}

.Button.-posR {
  margin-right: 0px
}

.Button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  border-radius: 8px;
  width: 100%;
  height: 53px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  
  font-size: .875rem;
  cursor: pointer
}

.Button.-fill {
  background-color: #0087d2;
  color: #fff;
  transition: background-color .3s
}

.Button.-outline {
  background-color: #fff;
  font-weight: 500;
  color: #0087d2;
  border: #0087d2 solid 1px;
  transition: background-color .3s
}

/* Section styles */
.section.-p0 {
  padding: 0
}

/* Card styles */
section.PageSection.-hasBg.section_topics #voice_slider .swiper-slide .Card__textBox {
  min-height: auto;
  height: auto
}

section.PageSection.-hasBg.section_topics #voice_slider .Slider__dots {
  display: flex;
  margin: 24px 0 0
}

.swiper-wrapper .swiper-slide .Card__img img {
  width: 100%
}

.swiper-wrapper .Card__textBox>*+* {
  margin-top: 8px
}

.swiper-wrapper .Card__img {
  outline: none
}

.swiper-wrapper .Card__img.Banner.-hoverBg::before {
  border-radius: 8px
}

.swiper-wrapper .Card__img>a {
  outline: none
}

.modaal-wrapper button.modaal-close {
  position: relative;
  top: auto !important;
  right: auto;
  background-image: url(../../ss_common/images/icon_cross_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px
}

.Card.-typeA .Card__textBox {
  padding: 32px 0px 32px 24px;
  min-height: 256px
}
.Card.-typeA .Card__avatar {
  top: 8px;
  height: calc(100% - 8px)
}

.Card.-typeB.swiper-slide {
  position: relative;
  height: auto;
  box-shadow: 0px 0px 20px 0px rgba(20, 24, 33, .04);
  overflow: hidden;
  width: 311px
}

.Card.-typeB.swiper-slide:hover {
  box-shadow: 0px 0px 20px 0px rgba(20, 24, 33, .2)
}

.Card.-typeB.swiper-slide:hover .Card__avatar img {
  transform: scale(1.2)
}

.Card.-typeB.swiper-slide .Card__body {
  height: 100%
}

.Card.-typeB.swiper-slide .Card__textBox {
  min-height: 374px
}

.Card.-typeB.swiper-slide .Card__textBox .PageSection__title span.square {
  margin-top: 0
}

.Card.-typeB.swiper-slide .Card__textBox .PageSection__title span.Text.-SS {
  font-weight: 400
}

.Card__textBox {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 16px 0 0;
  height: 100%
}

.Card__textBox>*+* {
  margin-top: 16px
}

#trainer-slider .Card__textBox,
#trainer_pc .Card__textBox {
  padding: 24px 24px 0
}

.Card__foot {
  margin-top: auto
}

.Card__title {
  font-size: var(--fs-body-s);
  display: block;
  font-size: 1.25rem;
  color: #0087d2
}

.Card__title.-normal {
  font-size: var(--fs-body-m)
}

.Card__text {
  font-size: var(--fs-body-s)
}

.Card__desc {
  height: 63px;
  margin: 12px 0 24px !important
}

.Card__lebel {
  
  font-size: 1.25rem;
  font-weight: 500
}

.Card__lebel.-hasIcon::after {
  content: "";
  display: inline-block;
  vertical-align: -0.2em
}

.Card__lebel.-lv0::after {
  width: 48px;
  height: 24px;
  background-image: url(../ss_common/images/icon_beginner.svg)
}

.Card__lebel.-lv1::after {
  width: 24px;
  height: 24px;
  background-image: url(../ss_common/images/icon_beginner_lv1.svg)
}

.Card__name {
  font-size: 1.125rem;
  color: #0087d2;
  font-weight: 500
}

.Card__name.-kana {
  font-size: .75rem;
  margin-left: 4px
}

.Card__userName {
  font-weight: 500
}

.Card__industry {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1.2px
}

.Card__industry mark {
  display: inline-block;
  background: none;
  background: linear-gradient(transparent 55%, #FFF288 55%)
}

.Card__avatar {
  text-align: right;
  position: absolute;
  z-index: 0;
  top: 0px;
  right: 0px;
  max-width: calc(100% - 8px);
  width: 100%;
  height: 100%;
  background-color: #fff
}

.Card__avatar img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 312px
}

.Card.-typeB.swiper-slide .Card__avatar {
  text-align: right;
  position: absolute;
  z-index: 0;
  top: auto;
  bottom: 0px;
  right: 0px;
  width: 213px;
  height: auto
}

.Card.-typeB.swiper-slide .Card__avatar img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .6s ease
}

#features #contents02 #trainer_pc .swiper-wrapper .Card__textBox .Card__foot {
  margin-top: 0
}

.Card.-typeC .Card__inner>*+* {
  margin-top: 16px
}

.PageSection__title {
  color: #0087d2;
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 8px
}

.PageSection__title span.square {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 0 6px 6px 6px;
  background: #0087d2;
  margin-top: 2.5px
}

#features .flex.-column {
  flex-direction: column;
  width: 100%
}

/* flex common */
.flex {
  display: flex;
  gap: 24px
}

.flex.-column {
  flex-direction: column
}

.flex.-row {
  flex-direction: row
}

.flex.-c_r {
  flex-direction: column
}

.flex.-r_c {
  flex-direction: row
}

.flex.-wrap {
  flex-wrap: wrap
}

.flex.-gap4 {
  gap: 4px
}

.flex.-gap8 {
  gap: 8px
}

.flex.-gap12 {
  gap: 12px
}

.flex.-gap16 {
  gap: 16px
}

.flex.-gap24 {
  gap: 24px
}

.flex.-gap36 {
  gap: 36px
}

.flex.-gap48 {
  gap: 48px
}

/* FAQ styles */
.section.-hasBg {
  background-color: #fff
}

.section.-hasBg.-blue {
  background-color: #e7f3fa
}

.section.-hasBg.-gray {
  background-color: #ebeef1
}

#faq .ToggleList .ToggleList__button {
  font-size: 1rem;
  padding: 32px 56px 32px 0
}

.ToggleList {
  display: flex;
  flex-direction: column
}

.ToggleList__item {
  width: 100%;
  border-left: none;
  border-bottom: #d1d4d7 solid 1px
}

.ToggleList__button {
  display: block;
  width: 100%;
  position: relative;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  padding: 40px 56px 40px 0px;
  background-color: rgba(0, 0, 0, 0);
  border: none
}

.ToggleList__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 40px;
  height: 40px;
  background-image: url(../img/icon_plus.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  pointer-events: none;
  transform: translateY(-50%)
}

.ToggleList__button.-opened::after {
  background-image: url(../img/icon_minus.svg)
}

.ToggleList__main {
  display: none;
  padding-bottom: 32px;
  max-width: 1080px;
}

.ToggleList__main.-opened {
  display: block
}

/* CTA Styles */
.Container {
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  width: 100%
}

.container_l {
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
  width: 100%
}

.Container.-large {
  max-width: 1200px
}

.Container.-medium {
  max-width: 1080px
}

.Container.-spFull {
  width: 100%
}

.CTASection {
  position: relative;
  padding-top: 40px;
  padding-bottom: 64px
}

.CTASection.-ptS {
  padding-top: 40px
}

.CTASection__banner {
  text-align: center
}

/******* 旧TOPページを復元 *******/
body.reprint_top {
  
  background: none;
}

body.reprint_top img {
  width: revert-layer;
}

body.reprint_top main.l-main {
  padding-bottom: 0;
}

/* header */
body.reprint_top .siteHeader_main>.flex>* {
  height: 54px !important;
}

/* FV */
body.reprint_top .l-body[data-page=top] {
  padding-top: 0 !important;
}

body.reprint_top .l-body[data-page=top] #header {
  background-color: #fff;
}

body.reprint_top .main-box {
  color: #141821;
}

body.reprint_top .siteHeader_main::after {
  display: none;
}

body.reprint_top .p-mv__ttl {
  font-weight: 700;
  color: #141821;
}

.w700{
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 100% !important;
  letter-spacing: 0.25px;
}

body.reprint_top .p-mv__txt {
  margin-bottom: 12px;
  font-weight: 500;
  color: #141821;
}

.tc{
  text-align: center !important;
}

.ls-n1{
    letter-spacing: 0px;
}

.light-blue{
  color: #0087d2 !important;
}

.s10{
  font-size: 10px !important;
  color : #7F8288;
}

.mt12{
  margin-top: 12px !important;
}

.mt16{
  margin-top: 16px !important;
}

.mb12{
  margin-bottom: 12px !important;
}

.mb16{
  margin-bottom: 16px !important;
}

.mb24{
  margin-bottom: 24px !important;
}

.mb96{
  margin-bottom: 96px !important;  
}



body.reprint_top .p-mv .p-mainvisual__button {
  margin: 0 auto;
}

body.reprint_top .p-mv .p-mainvisual__button .HeroArea__button {
  margin: 36px 0 0;
}

body.reprint_top .HeroArea__button button {
  width: 320px;
  height: 76px;
  max-width: 382px;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

body.reprint_top .box {
  opacity: 1;
}

body.reprint_top .p-mv {
  flex-direction: row;
  height: 600px;
  min-height: 600px;
}

body.reprint_top .p-mv__right-cont--pc {
  max-width: 100%;
}

body.reprint_top .p-mv__right-cont--pc img {
  height: auto;
  max-height: 560px;
  width: 100%;
  position: relative;
  top: 86px;
  
}

.blue-badge{
  background: #0087D2;
  color: #FFFFFF;
  gap: 4px;
  padding-left: 6px;
  padding-right: 6px;

}

.gold{
  color: #887D22;
  position: relative;
  top: 6px;
}

body.reprint_top .p-mv__left-cont {
  width: 50%;
  justify-content: center;
  padding: 0;
}

.badge-rate{
  width: 327px;
  margin-left: 32px;
}

body.reprint_top .p-mv__badge {
  margin-right: auto;
  margin-left: auto;
  opacity: 1 !important;
  cursor: auto;
}

body.reprint_top .p-mv__badge picture {
  display: block;
  margin-top: 12px;
}

.floating-circles {
  position: relative;     
  bottom: 120px;      
  right: 24px;         
  display: flex;    
  justify-content: flex-end; 
  margin-right: 40px; 
  gap: 20px;           
  z-index: 1000;    
}

.circle {
  color: white;
  width: 160px;
  height: 160px;
  border-radius: 80%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  background: linear-gradient(270deg, #887D22 0%, #AA9B1E 50%, #887D22 100%);
  font-family: Noto Sans JP;
  position: absolute;
}

.left-circle{
  right: 176px;
}


.b-circle{
  font-weight: 700;
  font-size: 18px;
}

.s14{
  font-weight: 500;
  font-size: 14px;
}
.yellow{
  color: #FFED56;
}

.siteHeader_button.-LPSiteTop.-resp {
  gap: 8px;
}

body.reprint_top .main-box .header-sub-ttl {
  margin-bottom: 4px;
  font-size: 18px;
}

body.reprint_top .main-box .bigger-blue {
  font-size: 24px;
  color: #0087D2;
}

body.reprint_top .main-box .header-ttl {
  font-size: 40px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}

body.reprint_top .main-box .section__header {
  gap: 64px;
  max-width: 100%;
  justify-content: center;
}

body.reprint_top .main-box .reasons .inner {
  padding-top: 91px;
  padding-bottom: 34px;
}


body.reprint_top .main-box .upper-area__number {
  font-size: 32px;
  height: 132px;
}

body.reprint_top .main-box .list-item a {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
}

body.reprint_top div.reasons span.yellow {
  font-weight: 800;
  font-family: YuMincho;
}

body.reprint_top ol.box-lists>*:first-child .lists-item {
  color: #3D98CD;
}

body.reprint_top ol.box-lists>*:nth-child(2) .lists-item {
  color: #1884C4;
}

body.reprint_top ol.box-lists>*:last-child .lists-item {
  color: #075989;
}

body.reprint_top .main-box .list-item__ttl {
  margin-bottom: 24px;
}

body.reprint_top .main-box .txt-lists {
  background-color: #fff;
  padding: 24px;
  margin-bottom: 0;
}

body.reprint_top .main-box .list-item .arrow {
  width: 16px;
  margin: 16px auto;
  height: 10px;
}

body.reprint_top .main-box .list-item .arrow img {
  vertical-align: bottom;
  vertical-align: top;
}

/* 導入実績スライダーエリア */
body.reprint_top .companies>.Container.-medium {
  margin-top: 16px;
}

body.reprint_top .companies>.Container.-medium p {
  font-size: 10px;
}

body.reprint_top .companies .inner {
  padding: 96px 0 120px;
}

body.reprint_top .companies .Slider {
  padding: 0;
}

body.reprint_top .companies .Slider .swiper-slide {
  margin: 0;
  width: calc(232 / 1440 * 100vw) !important;
}

body.reprint_top .companies h3.companies-ttl+p {
  margin-top: 12px;
  font-size: 10px;
  letter-spacing: 0.6px;
}

body.reprint_top .companies .companies__wrap {
  margin-bottom: 29px;
}

body.reprint_top .companies .HeroArea__button {
  margin: 96px 0 0;
}

body.reprint_top .companies .HeroArea__button button,
body.reprint_top li#reason-1 .HeroArea__button .Button.-posL,
body.reprint_top .box-contents.graduate .voice-box+.HeroArea__button .Button.-posL {
  max-width: 480px;
  height: 100px;
  width: 100%;
  font-size: 20px;
}

/* Bizmatesが選ばれる理由1 */
body.reprint_top .reason-box .box-ttl .pict-txt {
  font-size: 14px;
  font-weight: 600;
}

body.reprint_top .reason-box .box-ttl .pict-number {
  font-weight: 500;
  text-align: right;
  font-family: Noto Serif JP;
  font-size: 80px;
}

body.reprint_top .reason-box .box-ttl__txt {
  padding: 0;
  gap: 48px;
  justify-content: flex-start;
  margin-left: 80px;
}

body.reprint_top .reason-box .box-ttl__pict {
  margin-right: 0;
  width: 240px;
  height: 280px;
  padding: 40px 28px;
}

body.reprint_top .reason-box .box-ttl .pict-txt .slash {
  height: 231px;
  transform: rotate(31deg);
}

body.reprint_top .reason-box .box-ttl__pict .pict {
  top: auto;
  right: 28px;
  bottom: 40px;
}

body.reprint_top .box-contents .contents-main-txt {
  margin-bottom: 64px;
  font-size: 16px;
  line-height: 200%;
}

body.reprint_top .main-ttl {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 40px;
  z-index: 3;
  width: 540px;
  font-family: "Noto Serif JP", serif;
}

body.reprint_top .reason-box.first .trainer .box-contents__ttl {
  padding-top: 0;
}

body.reprint_top .box-contents .contents-ttl {
  margin-bottom: 16px;
}

body.reprint_top .box-contents:not(.trainer) .contents-ttl {
  margin-top: 96px;
}

body.reprint_top .box-contents .contents-ttl h4 {
  font-size: 28px;
  font-weight: 500;
}

body.reprint_top .box-contents .contents-ttl figure {
  margin-top: -10px;
  margin-right: 6px;
}

body.reprint_top .box-contents .contents-ttl figure {
  margin-top: -14px;
  margin-right: 24px;
}

body.reprint_top .search-banner__text-area .main-txt {
  font-size: 20px;
  margin-bottom: 0;
}

body.reprint_top .search-banner__image-area {
  width: max-content;
}

body.reprint_top .search-banner__text-area {
  padding: 0 0 0 64px;
  font-size: 16px;
  justify-content: center;
  gap: 24px;
}

body.reprint_top .p-processList>li[data-recruit] {
  background: #4CABDF;
}

body.reprint_top .under-line {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(transparent 49%, #FFF288 0%);
  width: max-content;
}

body.reprint_top ol.reason-lists li#reason-1 .Slider {
  padding: 48px 0;
}

body.reprint_top ol.reason-lists li#reason-1 #trainer_pc .swiper-wrapper {
  margin: 0 auto;
  gap: 24px;
}

body.reprint_top ol.reason-lists li#reason-1 #trainer_pc .swiper-wrapper .swiper-slide {
  margin: 0;
}

body.reprint_top ol.reason-lists li#reason-1 .reason-box.first .box-contents.trainer {
  margin-bottom: 0;
}

body.reprint_top ol.reason-lists li#reason-1 .box-contents {
  margin-bottom: 48px;
}

body.reprint_top .recruitment .process-list-wrap {
  margin-bottom: 48px;
}

body.reprint_top li#reason-1 .HeroArea__button {
  margin-top: 96px;
}

body.reprint_top .recruitment .process-list-wrap .p-processList__item i {
  color: #0087d2;
}

body.reprint_top .recruitment .process-list-wrap [data-recruit] .p-processList__item i {
  color: #fff;
}

li#reason-2,
li#reason-3,
li#reason-4 {
  margin-top: 80px;
}

/* Bizmatesが選ばれる理由2 */
body.reprint_top .reason-box .box-ttl__txt .pict_beginner {
  margin-right: 0;
}

body.reprint_top .reason-box .box-ttl__txt .pict_beginner {
  width: 27px;
  margin-top: 0;
  margin-right: 0;
}

li#reason-2 .reason-box .box-ttl {
  margin-bottom: 96px;
}

body.reprint_top .box-contents.level-up {
  margin-bottom: 24px;
}

body.reprint_top .box-contents .check {
  width: 27px;
}

body.reprint_top .reason-box.sec .box-contents .contents-main-txt {
  margin-bottom: 0;
}

body.reprint_top .reason-box.sec .level-up .box-contents__image {
  margin-top: 24px;
}

body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap,
body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap+p {
  font-size: 18px;
}

body.reprint_top .reason-box.sec .level-up .image-main-ttl {
  font-size: 24px;
}

body.reprint_top .reason-box.sec .level-up .ttl-area {
  margin-bottom: 24px;
}

body.reprint_top .reason-box.sec .level-up .box-contents__image {
  padding: 28px;
}

body.reprint_top .reason-box.sec .level-up .graph {
  margin-bottom: 0;
}

body.reprint_top .box-contents.graduate p.annotation,
body.reprint_top .reason-box.forth p.annotation {
  font-size: 10px;
}

body.reprint_top .box-contents.graduate p.annotation+a.Button.-fill {
  margin: 24px 0 96px auto;
}

body.reprint_top .box-contents.graduate .contents-ttl {
  margin-top: 0;
}

body.reprint_top .box-contents.graduate .box-contents__ttl p.annotation {
  margin: 24px 0;
  font-weight: 400;
}

body.reprint_top .box-contents.graduate .sub-title .under-line {
  line-height: 40px;
  background: linear-gradient(transparent 59%, #FFF288 0%);
  font-weight: 700;
}

body.reprint_top .reason-box.sec .graduate .box-contents__ttl {
  margin-bottom: 48px;
}

body.reprint_top .reason-box.sec .graduate .box-contents__image {
  background-color: #E7F3FA;
  padding: 40px;
  margin-bottom: 48px;
}

body.reprint_top .reason-2-section-2-container {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left a.Button.-fill {
  display: flex;
  margin-left: 0;
  max-width: 360px;
  height: 56px;
}

body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 349px;
}

body.reprint_top .reason-2-section-2b-contents__left>a.Button.-fill.sp {
  display: none;
}

body.reprint_top .reason-2-section-2b-contents__title--24px {
  color: #141821;
  font-weight: 500;
}

body.reprint_top .reason-2-section-2__subtext__container span {
  font-family: "Noto Serif JP";
}

body.reprint_top .reason-box.sec .reason-2-levels {
  flex-direction: row;
  align-items: center;
  gap: 50px;
}

body.reprint_top .reason-box.sec .reason-2-levels .reason-2b-sub-title {
  padding: 35px 0;
}

body.reprint_top .reason-box.sec .reason-2-title-number {
  position: inherit;
  width: max-content;
  color: #0087D2;
  opacity: 0.2;
}

body.reprint_top .reason-box.sec .reason-2-sub-title {
  padding: 35px 0;
}

body.reprint_top .reason-2-section-2__subtext .reason-2-section-2__subtext__container:last-child {
  margin-bottom: 16px;
}

.p-program__button::before {
  background: url("../img/plus_circle.svg") no-repeat;
  background-size: contain;
}

body.reprint_top .reason-box.sec .reason-2-section-2-contents+a.Button.-fill,
body.reprint_top .reason-box.sec .reason-2-section-2b-contents+a.Button.-fill {
  max-width: 480px;
  height: 56px;
  margin: 0 0 auto 0;
}

body.reprint_top .reason-2-section-2-contents__right .btn-sample {
  margin: 20px 0;
}

body.reprint_top .reason-2-section-2-contents,
body.reprint_top .reason-2-section-2b-contents {
  margin-left: 100px;
  margin-bottom: 0;
}

body.reprint_top .reason-2-section-2b-contents__left .reason-2-section-2__subtext {
  margin-left: 0;
  width: 100%;
}

body.reprint_top .box-contents.graduate .reason-2-section-2__subtext--yellow {
  background: none;
  background: linear-gradient(transparent 1%, #FFF288 0%);
  padding: 0 !important;
}

body.reprint_top .box-contents.graduate .voice-box {
  padding: 40px 64px;
  margin-bottom: 48px;
}

body.reprint_top .box-contents.graduate .voice-box .voice-box__lead:before {
  top: -20px;
  left: 48px;
}

body.reprint_top .box-contents.graduate .voice-box .voice-box__figure {
  margin: 0;
}

body.reprint_top .box-contents.graduate .voice-box .voice-box__lead {
  padding: 64px 0 0 48px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.5;
  color: #141821;
  font-weight: 500;
}

body.reprint_top .box-contents.graduate .voice-box .voice-box__name-wrapper {
  margin-bottom: 0;
  line-height: 1;
}

body.reprint_top .box-contents.graduate .voice-box .voice-box__name-wrapper .voice-box__name {
  line-height: 1;
}

body.reprint_top .box-contents.graduate .voice-box .Button.-fill {
  background-color: #0087d2;
  color: #fff;
  transition: background-color .3s;
  height: 56px;
  margin-right: 0;
  margin-top: 48px;
}

body.reprint_top .box-contents.graduate .voice-box+.HeroArea__button {
  margin-top: 48px;
}

/* Bizmatesが選ばれる理由3 */
body.reprint_top .reason-box .box-ttl {
  margin-bottom: 96px;
}

body.reprint_top .reason-box.third .lessons .lists-item .caption {
  font-size: 18px;
  margin-bottom: 20px;
  white-space: nowrap;
  letter-spacing: -0.3px;
}

body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__image,
body.reprint_top .reason-box.third .details .about-lesson .image {
  height: 140px;
}

body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__logo {
  text-align: center;
}

body.reprint_top .box-contents.lessons,
body.reprint_top .box-contents.details.bizmates,
body.reprint_top .box-contents.details.bizmates+.box-contents,
body.reprint_top .box-contents.details.assist {
  margin-bottom: 96px;
}

body.reprint_top .reason-box.third .details .contents-ttl {
  padding-bottom: 32px;
  margin-bottom: 24px;
}

body.reprint_top .reason-box.third .details .caution {
  margin-top: 24px;
  font-size: 10px;
  line-height: 1.5;
}

body.reprint_top .reason-box.third .details .about-lesson .txt>p:not(.caution) {
  line-height: 200%;
}

body.reprint_top .reason-box.third .details .about-lesson {
  margin-bottom: 24px;
}

body.reprint_top .reason-box.third .bizmates .samples .level-lists {
  margin: 0 auto -8px;
}

body.reprint_top .box-contents.details.bizmates a.Button.-fill {
  margin-right: 0;
}

body.reprint_top .p-blockButtons>li:last-child {
  max-width: 456px;
}

body.reprint_top .reason-box.third .taiken_movie_description {
  padding: 0;
  margin-left: 64px;
}

body.reprint_top .reason-box.third .taiken_movie .description-txt {
  margin: 24px 0;
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 1.5;
}

body.reprint_top div#taiken_movie .HeroArea__button .Button.-posL {
  margin-left: 0;
}

body.reprint_top div#taiken_movie .HeroArea__button {
  margin-top: 0;
}

body.reprint_top .reason-box.third .details.other .contents-ttl,
body.reprint_top .reason-box.third .details.assist .contents-ttl,
body.reprint_top .reason-box.third .details.discovery .contents-ttl {
  border-bottom: 2px solid #1287cd;
}

body.reprint_top .reason-box.third .other .item-ttl,
body.reprint_top .reason-box.third .assist .example-ttl,
body.reprint_top .reason-box.third .samples .samples-ttl {
  font-weight: 600;
  font-size: 24px;
}

body.reprint_top .reason-box.third .c-button__label {
  font-family: "Noto Serif JP", serif;
}

body.reprint_top .reason-box.third .other .lists-item {
  margin-bottom: 0;
}

body.reprint_top .reason-box.third li.lists-item.forth .caution {
  margin-top: 0;
}

body.reprint_top .reason-box.third .assist .example-ttl {
  height: 192px;
}

body.reprint_top .reason-box.third .assist .lists-item {
  height: 192px;
  padding: 16px;
  margin-bottom: 24px;
}

body.reprint_top .reason-box.third .assist .list-ttl {
  margin-right: 8px;
}

body.reprint_top .reason-box.third .assist .lists-item:nth-child(n + 3) {
  margin-bottom: 0;
}

body.reprint_top .reason-box.third .discovery .lists-item {
  padding: 0;
  margin-bottom: 12px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.reprint_top .reason-box.third .discovery .lists-item:last-child {
  margin-bottom: 0;
}

body.reprint_top .reason-box.third .main-ttl>div.pc {
  display: flex;
}

body.reprint_top .reason-box.third .main-ttl>div.sp {
  display: none;
}

/* Bizmatesが選ばれる理由4 */
body.reprint_top .reason-box.forth h3.main-ttl span.under-line {
  margin-bottom: 16px;
}

body.reprint_top .box-contents-inner span.-red.-serif {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #D03086;
}

body.reprint_top .reason-box.forth .box-contents.txt-box {
  margin-bottom: 24px;
}

body.reprint_top .reason-box.forth>p.Text.-center {
  margin-bottom: 48px;
}

body.reprint_top .reason-box.forth p.annotation {
  margin-top: 24px;
}

body.reprint_top .reason-box.forth .box-contents.table-area {
  max-width: 1080px;
  margin-bottom: 94px;
}

body.reprint_top .reason-box.forth .table-area .box-contents-inner {
  padding-left: 0;
  padding-right: 0;
}

body.reprint_top .reason-box.forth .box-contents .table-ttl {
  color: #0087D2;
  background-color: #E7F3FA;
  font-weight: 700;
  letter-spacing: 0.84px;
}

body.reprint_top .reason-box.forth .box-contents .table-ttl {
  margin-bottom: 48px;
}

body.reprint_top .reason-box.forth .table .column .box.terms-name {
  color: #0087D2;
  background-color: #E7F3FA;
  font-size: 12px;
}

body.reprint_top .reason-box.forth .table .column .box.terms-name.nonvisual {
  background-color: #fff;
}

body.reprint_top .reason-box.forth .table .column .box.company-name {
  background-color: #EBEEF1;
}

body.reprint_top .reason-box.forth .table .column.bizmates .box.company-name {
  background-color: #0087D2;
}

body.reprint_top .reason-box.forth .table .column.bizmates .box {
  border-right: none;
  border-left: none;
  background-color: #4CABDF;
}

body.reprint_top .reason-box.forth .table .column .box.strong {
  background-color: #006EAC;
}

body.reprint_top .reason-box.forth .table .column.terms {
  width: 180px;
}

body.reprint_top .reason-box.forth .table .column.bizmates,
body.reprint_top .reason-box.forth .table .column.other-company {
  width: 300px;
}

body.reprint_top .reason-box.forth .table .column.other-company .answer-txt {
  color: #141821;
}

body.reprint_top .reason-box.forth .table .column .box {
  background-color: rgba(235, 238, 241, 0.40);
}

body.reprint_top .reason-box.forth .table .answer-txt.yellow,
body.reprint_top .reason-box.forth .table .answer-txt {
  font-size: 12px;
  font-weight: 400;
}

body.reprint_top .reason-box.forth .table .price {
  font-size: 24px;
}

body.reprint_top .reason-box.forth .table .price span.en_txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

body.reprint_top .reason-box.forth .table .answer-txt a {
  text-decoration: underline;
}

body.reprint_top .reason-box.forth .column.other-company span.small {
  color: #7F8288;
}

body.reprint_top .reason-box.forth .lessons-card .wrap {
  padding: 38px 22px;
  border: 18px solid #0087D2;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area .turn-red {
  color: #D03086;
  font-weight: 500;
  line-height: 1;
  margin: 0 8px;
}

body.reprint_top .reason-box.forth .lessons-card .circle {
  width: 128px;
  height: 128px;
  border-radius: 64px;
  line-height: 1.5;
  margin-right: 48px;
  font-size: 18px;
  background: #FFED56;
  color: #141821;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area__ttl {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 16px;
  color: #141821;
  text-align: left;
  width: 100%;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area .number {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area__contents .price {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 4px;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area .per-lesson {
  text-align: right;
  font-weight: 500;
  margin-bottom: 4px;
}

body.reprint_top .reason-box.forth .lessons-card .txt-area .tax {
  font-size: 18px;
  color: #141821;
  margin-bottom: 16px;
  text-align: right;
  font-weight: 500;
}


body.reprint_top .lessons-card a.Button.-fill {
  margin: 48px 0 48px auto;
}


/* CTAエリア */
body.reprint_top li.banner {
  margin: 0;
}

body.reprint_top li.banner .p-banner {
  height: 320px;
  font-family: "Noto Serif JP", serif;
  padding: 0;
}

body.reprint_top li.banner .p-banner .p-banner__content {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding-left: 540px;
}

body.reprint_top li.banner .p-banner__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 1.44px;
  padding: 0;
  margin: 0;
}

body.reprint_top li.banner .HeroArea__button {
  margin-top: 24px;
}

body.reprint_top li.banner .HeroArea__button .Button.-posL {
  margin-left: 0;
}

body.reprint_top .CTASection .Stack.-spc2>*+* {
  margin-top: 24px;
}

body.reprint_top .CTASection .gw-banner-footer {
  margin-bottom: 0;
}

/* MEDIA INFO */
body.reprint_top .PageSection.-hasBg.-grayHarf {
  padding: 120px 0;
  background: #fff;
  font-family: "Noto Serif JP", serif;
}

body.reprint_top #media-slider {
  padding: 0;
}

body.reprint_top #media-slider .swiper-slide {
  margin: 0;
}

body.reprint_top #media-slider .swiper-pagination {
  position: initial;
}

/* よくある質問 */
body.reprint_top #faq .PageSection__heading {
  font-weight: 500;
  line-height: 1.5;
}

/** start top-php  **/
.c-button[data-type="tertiary"] {
  background-color: #fff;
  border: 1px solid #1978b1;
  color: #1978b1;
  -webkit-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.c-button[data-type="tertiary"]:hover {
  background-color: #1978b1 !important;
  color: #fff !important;
}

.c-button[data-type="red"] {
  background-color: #d14271;
  color: #fff;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

.c-button[data-type="red"]:hover {
  opacity: 0.8;
}

.c-button[data-type="deep-blue"] {
  background-color: #1884C4;
  color: #fff;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

.c-button[data-type="deep-blue"]:hover {
  opacity: 0.8;
}

.is-sp {
  display: none;
}

#reason-1 .teachers-lists {
  margin-bottom: 40px;
}

#reason-1 .redir-button {
  display: block;
  height: 50px;
  margin-bottom: 20px;
}

#reason-1 .redir-button .c-button {
  float: right;
}

#reason-1 .redir-button .c-button i {
  top: 0;
  right: 210px;
}

.header .header__nav .header__lists li {
  font-weight: bold;
}

.is-pc {
  display: block;
}

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

.is-pc-narrow {
  display: none;
}

.yellow {
  color: #ffed56;
  font-weight: 500;
}

.under-line {
  display: inline-block;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, transparent), color-stop(0%, #ffed56));
  background: linear-gradient(transparent 53%, #ffed56 0%);
}

.inner {
  padding-right: 13.51351vw;
  padding-left: 13.51351vw;
}

figure {
  margin: 0;
}

.l-main {
  overflow: hidden;
}

.p-top-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px 13%;
}

.p-top-banner img,
.p-top-banner a:nth-child(1) img {
  width: 100%;
}

.p-top-banner a:nth-child(1) {
  margin-bottom: 0;
}

.mini-banner .p-top-banner__link {
  margin: 0 5px;
}

.p-top-banner__link {
  width: 48%;
}

.btn_free-lesson {
  position: fixed;
  bottom: 0.8%;
  z-index: 2;
  right: 2%;
  max-width: 250px;
  width: 10%;
}

.main-box {
  color: #26455c;
  background-color: #fff;
  line-height: 1.5;
  position: relative;
  margin-bottom: 80px;
}

.main-box .deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
}

.main-box .reasons .inner {
  padding-bottom: 65px;
  padding-top: 120px;
}

.main-box .section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 695px;
  margin: 0 auto;
}

.main-box .header-ttl {
  font-size: 4rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}

.main-box .header-sub-ttl {
  font-size: 1.8rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}

.main-box .bigger-blue {
  color: #1978b1;
  font-size: 2.4rem;
  font-weight: 600;
}

.main-box .image-area {
  width: 200px;
  margin-left: 15px;
}

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

.main-box .list-item {
  width: 25%;
  background-color: #3d98cd;
  border-right: 1px solid #fff;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

.main-box .list-item.sec {
  background-color: #1884c4;
}

.main-box .list-item.third {
  background-color: #1470a7;
}

.main-box .list-item.forth {
  background-color: #075989;
}

.main-box .list-item a {
  display: block;
  padding: 24px 24px 16px 24px;
}

.main-box .list-item__ttl {
  font-weight: 500;
  font-size: 2.1vw;
  letter-spacing: 0.03em;
  color: #fff;
  margin-bottom: 28px;
}

.main-box .list-item__ttl .smaller {
  font-size: 1.5rem;
  vertical-align: top;
}

.main-box .list-item .arrow {
  width: 15px;
  margin: 0 auto;
}

.main-box .list-item .arrow img {
  vertical-align: bottom;
}

.main-box .list-item:hover {
  opacity: 0.8;
}

.main-box .upper-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-box .upper-area__number {
  font-weight: 500;
  font-size: 3.2rem;
  position: relative;
  color: #fff;
}

.main-box .upper-area__number span {
  width: 1px;
  height: 66px;
  background: #fff;
  position: absolute;
  top: 16px;
  left: 45px;
  z-index: 1;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.main-box .upper-area__image {
  max-width: 132px;
}

.main-box .txt-lists {
  background-color: #fff;
  padding: 24px;
  margin-bottom: 40px;
  height: 175px;
}

.main-box .txt-lists .lists-item {
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 16px;
  color: #1470a7;
  padding-left: 1.6em;
  background: url(../img/check__blue.svg) left 0px top 0.3em no-repeat;
  background-size: 0.8em auto;
}


.main-box .txt-lists .lists-item:last-child {
  margin-bottom: 0;
}

.main-box .c-button {
  max-width: 630px;
  width: auto;
  margin: 0 auto;
  font-size: 2rem;
  border-radius: 3em;
}

.main-box .c-button__inner {
  height: 5em;
}

.companies .inner {
  padding: 120px 7vw;
}

.companies__wrap {
  margin-bottom: 40px;
}

.companies-ttl {
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.swiper-container {
  margin-bottom: 100px;
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.swiper-slide img {
  width: auto;
}

.swiper-slide {
  margin: 0 20px;
}

.main-ttl {
  font-size: 2.5vw;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.reason-lists__items {
  width: calc(100% - 24px);
  max-width: 1280px;
  margin: 0 auto;

}

.reason-lists__items:not(:first-child) {
  margin-top: 40px;
}

.reason-lists__items:last-child {
  margin-bottom: 80px;
}

.box-contents {
  margin-bottom: 120px;
}

.box-contents__ttl {
  top: 0;
  left: 0;
  position: absolute;
  position: relative;
  z-index: 1;
}

.box-contents .contents-ttl {
  line-height: 1.1;
  font-size: 2.8rem;
  margin-bottom: 2.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-contents .contents-ttl figure {
  margin-right: 15px;
  margin-top: 5px;
}

.box-contents .contents-ttl h4 {
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1.5;
}

.box-contents .contents-main-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 2.5;
}

#reason-2 .box-contents .contents-main-txt {
  padding-right: 25px;
  margin-right: 86px;
}

.box-contents .check {
  width: 32px;
}

.box-contents .contents-main-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  margin-bottom: 60px;
}

.reason-box {
  padding-bottom: 120px;
  background-color: #fff;
}

.reason-box .box-ttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 120px;
  font-size: 13px;
}

.reason-box .box-ttl .deco {
  position: absolute;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  top: 0;
  right: 0;
  width: 19vw;
}

.reason-box .box-ttl__pict {
  margin-right: 3%;
  position: relative;
  background-color: #3d98cd;
  color: #fff;
  width: 245px;
  padding: 3.3vw 1.25vw 3.3vw 3.3vw;
}

.reason-box .box-ttl__pict .pict {
  position: absolute;
  right: 18px;
  top: 9.7vw;
  width: 100px;
}

.reason-box .box-ttl .pict-txt {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
}

.reason-box .box-ttl .pict-txt .slash {
  width: 1px;
  height: 18vw;
  background: #fff;
  position: absolute;
  top: 0.7vw;
  left: 137px;
  z-index: 1;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.reason-box .box-ttl .pict-number {
  display: block;
  margin-top: 70px;
  margin-right: 28px;
  line-height: 1;
}

.reason-box .box-ttl__txt {
  padding-top: 67px;
  padding-right: 10vw;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.reason-box .box-ttl__txt .pict {
  width: 12.5vw;
  margin-right: 2vw;
}

.reason-box .box-ttl__txt .pict_beginner {
  display: inline-block;
  width: 27px;
  margin-top: 20px;
  margin-right: 15px;
}

.reason-box .c-button[data-type="strong"] {
  max-width: 630px;
  width: auto;
  margin: 0 auto;
  font-size: 2rem;
  border-radius: 3em;
}

.reason-box .c-button[data-type="strong"] .c-button__inner {
  height: 5em;
}

.reason-box.first .box-ttl {
  margin-bottom: 0;
}

.reason-box.sec .box-ttl__pict {
  background-color: #1884C4;
}

.reason-box.third .box-ttl__pict {
  background-color: #1470a7;
}

.reason-box.forth .box-ttl__pict {
  background-color: #075989;
}

.box-contents-inner {
  padding-left: 7.8%;
  padding-right: 7.8%;
}


.reason-box.first .box-contents.trainer {
  margin-bottom: 60px;
}


.reason-box.first .trainer .box-contents__ttl {
  padding-top: 5.5vw;
}

.reason-box.first .box-contents__image {
  margin-top: -13.8vw;
  display: block;
}

.teachers-lists {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 120px;
}

.teachers-lists .lists-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%;
}

.teachers-lists .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.teachers-lists .comment {
  font-family: "Noto Serif JP", serif;
  background-color: #f1f8fc;
  margin-bottom: 35px;
  padding: 24px;
  border-radius: 5px;
  position: relative;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.teachers-lists .comment.is-sp {
  display: none;
}

.teachers-lists .comment:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 20px solid #f1f8fc;
}

.teachers-lists .teacher-image {
  margin-bottom: 8px;
}

.teachers-lists .right {
  margin-top: auto;
}

.teachers-lists .tag-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto;
}

.teachers-lists .tag {
  font-family: "Noto Serif JP", serif;
  margin-right: 5px;
  border-radius: 2px;
  font-size: 1.3rem;
  text-align: center;
  width: 100px;
  margin-bottom: 10px;
}

.teachers-lists .for-advance {
  background-color: #26455c;
  color: #fff;
}

.teachers-lists .for-advance p {
  padding: 5px 10px;
}

.teachers-lists .for-beginner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #26455c;
}

.teachers-lists .for-beginner figure {
  width: 11px;
  display: inline-block;
  padding-top: 8px;
  margin-right: 5px;
  vertical-align: bottom;
}

.teachers-lists .lists-item__box {
  padding-top: 8px;
  padding-bottom: 20px;
  border-top: 1px solid #deeef7;
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
}

.teachers-lists .name {
  font-size: 17.7px;
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
}

.teachers-lists .yomi {
  font-size: 14px;
}

.btn-audio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-radius: 50px;
  padding: 15px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #1883c3;
  color: #fff;
  font-size: 1.5rem;
  border: none;
  cursor: pointer;
  outline: none;
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: auto;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
}

.btn-audio:hover {
  opacity: 0.8;
}

.btn-audio span {
  margin-right: 7px;
}

.search-banner .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search-banner__image-area {
  width: 330px;
}

.search-banner__text-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px 6%;
  color: #fff;
  background-color: #26455c;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search-banner__text-area .main-txt {
  font-size: 20px;
  margin-bottom: 10px;
}

.recruitment .p-processList__item {
  font-size: 20px;
  height: 250px;
}

.recruitment .p-processList__item i {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.recruitment .p-processList>li {
  padding-top: 35px;
  height: 313px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.recruitment .p-processList>li:after {
  background-image: none;
}

.recruitment .p-processList>li[data-recruit] .p-processList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}

.recruitment .p-processList>li[data-recruit] .recruitment-icon {
  margin-top: 30px;
  width: 72px;
}


.recruitment .p-processList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
}

.recruitment .p-processList>li:not(:first-child) {
  padding-left: 0;
}

.recruitment .p-processList>li:not(:first-child)::before {
  left: 0;
}

.recruitment .p-processList>li::before {
  width: 40px;
  height: 40px;
}

.recruitment .process-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 120px;
}

.recruitment .process-list-wrap .pict-box {
  font-family: "Noto Serif JP", serif;
  width: 120px;
  margin-top: 20px;
  margin-left: 15px;
}


.recruitment .process-list-wrap .pict-box>.pict {
  margin-bottom: 10px;
}

.recruitment .process-list-wrap .pict-box li {
  list-style-type: disc;
}

.reason-box.sec .main-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reason-box.sec .level-up .box-contents__image {
  margin-top: 60px;
  padding: 23px;
  border: 1px solid #deeef7;
}


.reason-box.sec .level-up .ttl-area {
  margin-bottom: 25px;
}

.reason-box.sec .level-up .image-sub-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reason-box.sec .level-up .image-sub-ttl .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reason-box.sec .level-up .logo {
  width: 140px;
  margin: 0 7px;
  margin-bottom: 3px;
}

.reason-box.sec .level-up .logo img {
  vertical-align: middle;
}

.reason-box.sec .level-up .image-main-ttl {
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  color: #26455c;
}

.reason-box.sec .level-up .graph {
  width: 100%;
  margin-bottom: 25px;
}

.reason-box.sec .level-up .c-button {
  width: 290px;
  margin-left: auto;
}

.reason-box.sec .graduate {
  margin-bottom: 0;
}

.reason-box.sec .graduate .box-contents__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 65px;
}

#reason-2 .reason-box.sec .graduate .box-contents__ttl {
  justify-content: flex-start;
}

.reason-box.sec .graduate .box-contents__image {
  background-color: #f1f8fc;
  padding: 40px 40px 60px;
  margin-bottom: 8px;
}

.reason-box.sec .graduate .wrap {
  width: 70%;
}

#reason-2 .reason-box.sec .graduate .wrap {
  /* adjusted for 50% image (Beginner Half image in top page) */
  width: unset;
}

.reason-box.sec .graduate .image__graph {
  width: 220px;
}

.reason-box.sec .graduate .image-main-ttl {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 40px;
}

.reason-box.sec .flow-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.reason-box.sec .flow-box .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
}

.reason-box.sec .flow-box .box-lists {
  width: 100%;
}

.reason-box.sec .flow-box .lists-image {
  background-color: #fff;
  padding: 5%;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}

.reason-box.sec .flow-box .arrow {
  width: 20%;
  min-width: 60px;
  margin: 0 5px;
  margin-top: 20%;
}

.reason-box.sec .flow-box .lists-caption {
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
}

.reason-box.sec .starter__document {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reason-box.sec .starter .document-image {
  width: 65%;
  margin-right: 3%;
}


.reason-box.sec .starter .document-image.is-sp {
  width: 100%;
  margin-bottom: 10px;
}

.reason-box.sec .starter .document-txt {
  margin-top: 5%;
}

.reason-box.sec .starter .txt-ttl {
  font-size: 28px;
  margin-bottom: 5%;
}

.reason-box.sec .starter .txt {
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 2.2;
  margin-bottom: 20%;
}

.reason-box.sec .starter .c-button {
  width: 100%;
}

.reason-box.sec .voice-box {
  padding: 32px 58px;
  border: 1px solid #deeef7;
  margin-bottom: 82px;
  margin-top: 100px;
}

.reason-box.third .lessons .lessons-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reason-box.third .lessons .lists-item {
  width: 24%;
  padding-bottom: 20px;
  border-bottom: 2px solid #1287cd;
}

.reason-box.third .lessons .lists-item__image {
  margin-bottom: 5px;
}

.reason-box.third .lessons .lists-item .caption {
  font-size: 17px;
  text-align: center;
  margin-bottom: 17px;
  line-height: 1.3;
  color: #1287CD;
}

.reason-box.third .lessons .lists-item__logo img {
  height: 28px;
}


.reason-box.third .lessons .lists-item.other {
  border-bottom: 2px solid #d14271;
}

.reason-box.third .lessons .lists-item.other .caption {
  color: #d14271;
}

.reason-box.third .lessons .lists-item.assist {
  border-bottom: 2px solid #54ae3f;
}

.reason-box.third .lessons .lists-item.assist .caption {
  color: #54ae3f;
}

.reason-box.third .lessons .lists-item.assist .lists-item__logo {
  width: 170px;
  margin: 0 auto;
}

.reason-box.third .lessons .lists-item.discovery {
  border-bottom: 2px solid #ff9000;
}

.reason-box.third .lessons .lists-item.discovery .caption {
  color: #ff9000;
}

.reason-box.third .details .contents-ttl {
  padding-bottom: 40px;
  border-bottom: 2px solid #1287cd;
  margin-bottom: 25px;
}

.reason-box.third .details .about-lesson {
  margin-bottom: 40px;
}

.reason-box.third .details .about-lesson .logo {
  width: 250px;
  margin-bottom: 24px;
}

.reason-box.third .details .about-lesson .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reason-box.third .details .about-lesson .image {
  margin-right: 24px;
  max-width: 250px;
}

.reason-box.third .details .about-lesson .txt {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.reason-box.third .details .about-lesson .caution {
  font-size: 14px;
}

.reason-box.third .details .btn-area {
  text-align: right;
}

.reason-box.third .details .btn-area a {
  display: inline-block;
}

.reason-box.third .details .caution {
  margin-top: 30px;
}

.reason-box.third .details.other .contents-ttl {
  border-bottom: 2px solid #d14271;
}

.reason-box.third .details.assist .contents-ttl {
  border-bottom: 2px solid #54ae3f;
}

.reason-box.third .details.discovery .contents-ttl {
  border-bottom: 2px solid #ff9000;
}

.reason-box.third .p-program__button {
  font-family: "Noto Serif JP", serif;
  border-radius: 26px;
  width: 190px;
  font-size: 14px;
  height: 52px;
}

.reason-box.third .p-program__button:before {
  right: 22px;
}

.reason-box.third .bizmates .samples {
  border: 1px solid #deeef7;
  padding: 32px;
  margin-bottom: 25px;
}

.reason-box.third .bizmates .samples .level-lists {
  margin: 0 auto;
}

.reason-box.third .bizmates .samples .level-lists .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reason-box.third .bizmates .samples .lists-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

.reason-box.third .bizmates .samples .lists-item.zero .item-ttl {
  background-color: #1784c4;
}

.reason-box.third .bizmates .samples .lists-item.sec .item-ttl {
  background-color: #cccc00;
}

.reason-box.third .bizmates .samples .lists-item.third .item-ttl {
  background-color: #db8336;
}

.reason-box.third .bizmates .samples .lists-item.forth .item-ttl {
  background-color: #e56a62;
}

.reason-box.third .bizmates .samples .lists-item.fifth .item-ttl {
  background-color: #996699;
}

.reason-box.third .bizmates .samples .item-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 24px;
  background-color: #339999;
  color: #fff;
  padding: 12px 0;
  line-height: 1;
  width: 220px;
  text-align: center;
}

.reason-box.third .bizmates .samples .rank {
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.reason-box.third .bizmates .samples .item-level-marker-container {
  position: absolute;
  margin-left: 161px;
}

.reason-box.third .bizmates .samples .item-level-marker {
  background: url(../img/Beginner.svg) center no-repeat;
  width: 25px;
  display: inline-block;
}

.reason-box.third .bizmates .samples .item-level-marker.squeeze {
  position: relative;
  left: -17px;
}

.reason-box.third .bizmates .samples .lists-item.one .item-level-marker-container {
  margin-left: 142px;
}

.reason-box.third .bizmates .samples .item-description {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  padding: 0 2.5%;
}

.reason-box.third .bizmates .samples .bold {
  font-weight: 600;
}

.reason-box.third .other .lists-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7px;
}

.reason-box.third .other .lists-item.sec .item-ttl {
  background-color: #dc7496;
}

.reason-box.third .other .lists-item.third .item-ttl {
  background-color: #d55780;
}

.reason-box.third .other .lists-item.forth {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.reason-box.third .other .lists-item.forth .item-ttl {
  background-color: #b13961;
}

.reason-box.third .other .lists-item.forth .btn__view-more {
  visibility: hidden;
}

.reason-box.third .other .item-ttl {
  font-size: 24px;
  background-color: #e396af;
  color: #fff;
  padding: 12px 0;
  width: 250px;
  text-align: center;
  margin-right: 2.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reason-box.third .other .lessons {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 2.3%;
  padding-bottom: 2.3%;
  margin-right: 2.3%;
}

.reason-box.third .other .lessons-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.reason-box.third .other .lessons-box:last-child {
  margin-bottom: 0;
}

.reason-box.third .other .lessons-name {
  margin-right: 2.3%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 14px 5px;
  text-align: center;
  border: 1px solid #d1d4d7;
}

.reason-box.third .other .en-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.reason-box.third .other .ja-name {
  font-family: "Noto Serif JP", serif;
  font-size: 12px;
}

.reason-box.third .other .btn__view-more {
  padding-right: 2.3%;
  padding-bottom: 3.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.reason-box.third .other .c-button {
  width: 180px;
  border-radius: 3rem;
}

.reason-box.third .other .c-button__inner {
  height: 48px;
}

.reason-box.third .other .p-program__button {
  color: #d14271;
}

.reason-box.third .other .p-program__button:before {
  background: url("../img/plus_circle_red.svg") no-repeat;
}

.reason-box.third .other .contact-box {
  margin: 2.3% 2.3% 2.3% 0;
  text-align: center;
  border: 1px solid #d1d4d7;
  padding: 14px 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.reason-box.third .other .caution {
  margin-top: 15px;
}

.reason-box.third .other .link-to-contact {
  display: block;
}

.reason-box.third .assist .example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reason-box.third .assist .example-ttl {
  height: 155px;
  font-size: 20px;
  background-color: #54ae3f;
  color: #fff;
  padding: 12px 0;
  line-height: 1.5;
  width: 250px;
  text-align: center;
  margin-right: 2.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reason-box.third .assist .example-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 75%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.reason-box.third .assist .lists-item {
  width: 48.5%;
  margin-bottom: 2.3%;
  padding: 24px;
  border: 1px solid #d1d4d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reason-box.third .assist .lists-item:nth-child(n + 3) {
  margin-bottom: 0;
}

.reason-box.third .assist .list-ttl {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  margin-right: 10px;
}
.reason-box.third .assist .list-image {
  width: 50%;
}
.reason-box.third .discovery .samples {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reason-box.third .discovery .samples .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.reason-box.third .discovery .samples-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  background-color: #ff9000;
  color: #fff;
  padding: 12px 0;
  line-height: 1.5;
  width: 250px;
  text-align: center;
}

.reason-box.third .discovery .samples-lists {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2.5%;
}

.reason-box.third .discovery .lists-item {
  border: 1px solid #d1d4d7;
  padding: 7px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 8px;
}

.reason-box.third .discovery .lists-item:last-child {
  margin-bottom: 0;
}

.reason-box.third .discovery .p-program__button {
  color: #ff9000;
}

.reason-box.third .discovery .p-program__button:before {
  background: url("../img/plus_circle_orange.svg") no-repeat;
}

.reason-box.third .taiken_movie {
  border: 1px solid #deeef7;
  padding: 32px;
}

.reason-box.third .taiken_movie-ttl {
  font-size: 28px;
  margin-bottom: 24px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-weight: 500;
}

.reason-box.third .taiken_movie_description {
  padding: 5% 0 0 12%;
}

.reason-box.third .taiken_movie .description-ttl {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 3%;
}

.reason-box.third .taiken_movie .description-txt {
  margin-bottom: 4%;
  line-height: 2;
}
.reason-box.third .taiken_movie .c-button {
  max-width: 290px;
  margin: 0;
  margin-right: auto;
}

.reason-box.third .taiken_movie .c-button__inner {
  height: 3em;
}

.reason-box.third .taiken_movie .c-button__label {
  font-size: 14px;
  padding-right: 0;
}
.reason-box.third .box-contents.details.other .logo {
  width: 220px;
}

.reason-box.third .box-contents.details.assist .logo {
  width: 195px;
}

.reason-box.third .box-contents.details.discovery {
  margin-bottom: 0;
}

.reason-box.third .box-contents.details.discovery .logo {
  width: 115px;
}

.reason-box.forth .box-contents.txt-box {
  margin-bottom: 80px;
}

.reason-box.forth .box-contents.table-area {
  max-width: 845px;
  margin-right: auto;
  margin-left: auto;
}

.reason-box.forth .box-contents .table-ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #1978b1;
  background-color: #f1f8fc;
  padding: 10px;
  margin-bottom: 40px;
}
.reason-box.forth .box-contents:last-child {
  margin-bottom: 0;
}

.reason-box.forth .box-contents .main__txt {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  text-align: center;
}

.reason-box.forth .box-contents .main__txt .turn-red {
  font-size: 24px;
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
  color: #ef5093;
}
.reason-box.forth .box-contents .main__txt .smaller {
  font-size: 15px;
  vertical-align: top;
}

.reason-box.forth .table-area .box-contents-inner {
  padding-left: 12px;
  padding-right: 12px;
}

.reason-box.forth .table {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  width: 100%;
  font-weight: 300;
  min-width: 525px;
  line-height: 1.5;
}

.reason-box.forth .table .table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reason-box.forth .table .c-link {
  color: #fff;
}

.reason-box.forth .table .column.terms {
  width: 20%;
  font-weight: 500;
  font-size: 14px;
}

.reason-box.forth .table .column.bizmates {
  position: relative;
  width: 30%;
  margin-top: -15px;
  -webkit-box-shadow: 1px 1px 6px rgba(38, 69, 92, 0.4);
  box-shadow: 1px 1px 6px rgba(38, 69, 92, 0.4);
}
.reason-box.forth .table .column.bizmates .box {
  border-right: none;
  border-left: none;
  background-color: #3d98cd;
}

.reason-box.forth .table .column.bizmates .box.company-name {
  font-size: 28px;
  color: #fff;
}
.reason-box.forth .table .column.bizmates .box.long {
  height: 89px;
}

.reason-box.forth .table .column.bizmates .box:last-child {
  border-bottom: none;
}

.reason-box.forth .table .column.other-company {
  width: 25%;
}

.reason-box.forth .table .column .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 82px;
  padding: 0 8px;
  border: 1px solid #fff;
  border-top: none;
  background-color: #f2f4f5;
  font-size: 11px;
}
.reason-box.forth .table .column .box.terms-name {
  color: #1883c3;
  background-color: #f1f8fc;
  font-weight: 500;
  font-size: 14px;
}
.reason-box.forth .table .column .box.terms-name.nonvisual {
  background-color: #fff;
}

.reason-box.forth .table .column .box.company-name {
  background-color: #ebebeb;
  font-weight: 500;
  font-size: 13px;
  border-top: none;
}

.reason-box.forth .table .column .box.strong {
  background-color: #1470a7;
  color: #ffed56;
}

.reason-box.forth .table .price {
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, serif;
  font-size: 22px;
  line-height: 1;
}

.reason-box.forth .table .small {
  font-size: 10px;
}

.reason-box.forth .table .answer-txt {
  color: #26455c;
}

.reason-box.forth .table .answer-txt.yellow {
  color: #ffed56;
  font-weight: 300;
}

.reason-box.forth .table .answer-txt.white {
  color: #fff;
}

.reason-box.forth .table .answer-txt .caution {
  font-size: 10px;
}

.reason-box.forth .table .view-detail {
  color: #fff;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
  text-decoration: underline;
}

.reason-box.forth .table .view-detail:hover {
  color: #26455C;
}

.reason-box.forth .table .pict {
  margin: 0 auto;
  margin-bottom: 5px;
}
.reason-box.forth .table .pict.yellow {
  width: 24px;
}
.reason-box.forth .table .pict.white {
  width: 20px;
}

.reason-box.forth .table .pict.blue {
  width: 18px;
}

.reason-box.forth .lessons-card {
  max-width: 1075px;
  margin: 0 auto;
}

.reason-box.forth .lessons-card .card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.reason-box.forth .lessons-card .card-list .list-item {
  width: 49%;
}
.reason-box.forth .lessons-card .card-list .list-item:last-child {
  margin-bottom: 0;
}

.reason-box.forth .lessons-card .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.8% 7%;
  border: 18px solid #1883c3;
}

.reason-box.forth .lessons-card .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.7vw;
  height: 8.7vw;
  border-radius: 63px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.2;
  text-align: center;
  background: rgba(255, 237, 86, 0.6);
  margin-right: 5%;
  font-size: 1.25vw;
}
.reason-box.forth .lessons-card .txt-area {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
}
.reason-box.forth .lessons-card .txt-area__ttl {
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 25px;
  display: inline-block;
  text-align: left;
  color: #26455c;
}
.reason-box.forth .lessons-card .txt-area .number {
  font-size: 30px;
}

.reason-box.forth .lessons-card .txt-area .price {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
}

.reason-box.forth .lessons-card .txt-area .turn-red {
  color: #ef5093;
}

.reason-box.forth .lessons-card .txt-area .bigger {
  font-size: 56px;
  line-height: 1;
}
.reason-box.forth .lessons-card .txt-area .tax {
  font-size: 16px;
  color: #26455c;
  margin-bottom: 20px;
  text-align: right;
}
.reason-box.forth .lessons-card .txt-area .per-lesson {
  font-size: 18px;
  color: #26455c;
  margin-bottom: 5px;
}

.reason-box.forth .lessons-card .txt-area .per-lesson .turn-red {
  font-size: 27px;
}

.reason-box.forth .btn-area {
  text-align: right;
}
.reason-box.forth .btn-area a {
  display: inline-block;
}

.banner {
  margin-bottom: 50px;
}

.banner .coaching {
  height: initial;
  padding: 0;
  margin-bottom: 10px;
}

.banner.foot {
  margin: 0px auto;
}

.banner.foot.top-page {
  width: calc(100% - 24px);
  max-width: 1280px;
}

.notice {
  padding: 0 80px;
  margin: 10px 0 0;
  font-size: 10px;
}

/** end top-php  **/
/** start top-header **/
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  border-top: 2px solid #0087d2;
  width: 100%;
  top: 0;
  height: 75px;
}

.header__logo {
  padding: 0 30px;
  width: 175px;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
}

.header__logo:hover {
  opacity: 0.5;
}

.header__logo img {
  height: 25px;
}

.header__nav {
  position: relative;
  height: 100%;
}

.header__lists {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.header__item--trial,
.header__item--company {
  height: 100%;
}

.header__link {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #26455c;
  line-height: 1;
}
.header__link--coaching {
  padding: 22px 24px;
}

.header__link--reason-1:hover {
  background-color: #3d98cd;
  color: #fff;
}

.header__link--reason-1.is-show {
  background-color: #3d98cd;
  color: #fff;
}

.header__link--reason-2:hover {
  background-color: #1884c4;
  color: #fff;
}

.header__link--reason-2.is-show {
  background-color: #1884c4;
  color: #fff;
}

.header__link--reason-3:hover {
  background-color: #1470a7;
  color: #fff;
}

.header__link--reason-3.is-show {
  background-color: #1470a7;
  color: #fff;
}

.header__link--reason-4:hover {
  background-color: #075989;
  color: #fff;
}

.header__link--reason-4.is-show {
  background-color: #075989;
  color: #fff;
}

.header__link--coaching {
  border: 2px solid transparent;
}

.header__link--coaching:hover {
  color: #1978b1;
  border: 2px solid #1978b1;
}

.header__link--trial {
  background-color: #ffed56;
  padding: 0;
  width: 200px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.5;
}

.header__link--trial:hover {
  background-color: #ffea89;
}

.header__link--company {
  padding: 0;
  font-size: 14px;
  background-color: #1883c3;
  color: #fff;
  width: 140px;
  height: 100%;
  line-height: 1.5;
}
.header__link--company:hover {
  color: rgba(255, 255, 255, 0.5);
}

.header__login {
  position: absolute;
  top: 73px;
  right: 0;
  width: 140px;
  height: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f8fc;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #1978b1;
  
  font-size: 13px;
  line-height: 1.15;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__login:hover {
  color: rgba(25, 120, 177, 0.5);
}

.header__login.hide {
  opacity: 0;
  visibility: hidden;
}

.header__login .icon-login {
  margin-right: 8px;
}

.header__login .icon-login:before {
  font-size: 20px;
}
.l-body[data-page="top"] {
  padding-top: 75px;
}

/** end top-header **/
.p-mv {
  position: relative;
  height: calc(100vh - 70px - 11.5vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  background-image: url(../img/FV.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 650px;
  flex-direction: row-reverse;
}
.p-mv__triangle-deco {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.5%;
  max-width: 80px;
  height: 400px;
  bottom: -1px;
  position: absolute;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #1883c3)) no-repeat top left/100% 100%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #1883c3 50.5%) no-repeat top left/100% 100%;
  z-index: 2;
}
.p-mv__left-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 25px;
  text-align: center;
  margin-left: 28px;
}

.p-mv__ttl {
  font-size: 64px;
  color: #1978b1;
  line-height: 1.3;
  font-weight: normal;
}

.p-mv__txt {
  margin-top: 10px;
  font-size: 22px;
  color: #26455c;
}

.p-mv__badge {
  max-width: 400px;
  max-height: 190px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.p-mv__badge:hover {
  opacity: 0.5;
}

.top-badge-container {
  position: relative;
  max-width: 864px;
  max-height: 190px;
  bottom: calc(190px + 35px);
  display: flex;
  justify-content: center;
}
.p-mv__badge img {
  width: 100%;
}

.p-mv .p-mainvisual__button {
  margin: 52px auto 0px;
}

.p-mv__right-cont--pc img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-mv__right-cont {
  display: none;
}

.p-mv .mv-right-cont__img1,
.p-mv .mv-right-cont__img2 {
  width: 25vw;
  height: 100%;
  min-width: 360px;
}

.p-mv .mv-right-cont__img1 {
  display: inline-block;
  -webkit-transform: skewX(13deg);
  transform: skewX(13deg);
  overflow: hidden;
  z-index: 1;
  position: relative;
  left: 10px;
}
.p-mv .mv-right-cont__img2 img {
  width: 100%;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.sub-title {
  font-size: 24px;
  line-height: 35px;
  font-weight: 400;
}

.reason-2-levels {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.reason-2-sub-title {
  text-align: left !important;
  font-size: 28px !important;
  line-height: 40px;
  padding: 0px 0px 32px;
  color: #26455C;
  font-weight: 500;
}

.reason-2b-sub-title {
  text-align: left !important;
  font-size: 28px !important;
  line-height: 40px;
  padding: 70px 35px;
  color: #26455C;
  font-weight: 500;
}

.reason-2-title-number {
  text-align: center;
  font: normal normal medium 100px/44px YuMincho;
  letter-spacing: 0px;
  color: #1883C3;
  opacity: 0.15;
  font-size: 100px;
  position: absolute;
  top: -6%;
}

.reason-2b-title-number {
  top: -12%;
}

.reason-2-section-2-container {
  margin-left: 24px;
  width: 894px;
}

.reason-2-number-container {
  width: 82px;
  height: 82px;
  display: flex;
  justify-content: center;
}

.reason-2-section-2__subtext__container {
  background-color: #FFFFFF;
  padding: 3px 9px;
  font-size: 16px;
  display: inline-block;

  font-family: "Noto Serif JP", serif;
}

.reason-2-section-2__subtext .reason-2-section-2__subtext__container:not(:last-child) {
  margin-bottom: 10px;
}

.reason-2-section-2__subtext .reason-2-section-2__subtext__container:last-child {
  margin-bottom: 32px;
}

.reason-2-section-2__subtext--yellow {
  background-color: #ffed56 !important;
  padding: 3px !important;
}

.reason-2-section-2-contents,
.reason-2-section-2b-contents {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.reason-2-section-2-contents__left {
  display: flex;
  flex-direction: column;
  width: 376px;
}

.reason-2-section-2b-contents__left {
  margin-right: 32px;
}

.reason-2-section-2b-contents__right {
  width: 400px;
}

.reason-2-section-2-contents__image--left {
  width: 315px;
}


.reason-2-section-2-contents__image--right {
  max-width: 500px;
}

.reason-2-section-2b-contents__image--right {
  width: 390px;
}

.reason-2-section-2-contents__right .btn-sample {
  float: right;
  margin: 20px 0px 0px;
}

.reason-2-section-2-contents__right .p-program__button {
  font-family: "Noto Serif JP", serif;
  border-radius: 26px;
  width: 274px;
  font-size: 14px;
  height: 52px;
}

.reason-2-section-2-contents__right .p-program__button::before {
  right: 30px;
}

.section2_btn {
  width: 38.57143em !important;
}

.section2_btn .c-button__label {
  padding: 0 1.28571em !important;
}

.cta-bezel .c-button__label {
  font-weight: bold;
}

.section2b_btn {
  width: 352px !important;
  margin-top: -100px;
}

.reason-2-section-2b-contents__title--24px {
  font-size: 24px;
  color: #26455C;
}

.campaign-off-btn-container {
  margin-top: 10px;
  margin-bottom: 20px;
}

.campaign-off-btn {
  height: 40px !important;
}

.price-campaign-banner {
  width: 700px;
  margin: 0 auto;
  border: 1px solid #D1D4D7;
}

.price-campaign-banner-container {
  text-align: center;
  margin-top: 120px;
}

.top-banner-container__link {
  margin-right: 10px;
}

.top-banner-container {
  height: 290px;
  width: 320px;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0px 0px 12px #00000026;
}

.top-banner--header {
  height: 66px;
  padding: 10px 17px;
  font-family: "Noto Serif JP", serif;
}

.top-banner--header .sub-info {
  font-size: 11px;
  font-weight: bold;
}

.top-banner--header .sub-info span {
  margin: -2px 0;
}

.top-banner__title {
  color: #1883C3;
  font-size: 22px;
  margin-bottom: 10px;
}

.top-banner__title--subscript {
  font-size: 12px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-clear {
  clear: both;
}

.page-footer_containers {
  padding: 0 80px;
}

.flex-direction-column {
  flex-direction: column;
}

.p-mv .mv-right-cont__img1 img {
  width: 100%;
  -webkit-transform: skewX(-13deg) scale(1.5);
  transform: skewX(-13deg) scale(1.5);
}

.reason-lists .small-text-notice {
  padding: 0 12px;
  width: calc(100% - 24px);
  max-width: 1280px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 0;
}

.p-0 {
  padding: 0px !important;
}

.l-content[data-page="corp"] img {
  width: initial;
}

.p-modal__section.-vertical {
  max-width: 800px;
}

/* ------------------- FAQ Section ------------------- */
/* ------------------- FAQ Section ------------------- */
/* ------------------- FAQ Section ------------------- */
.reason-box.page-section-container {
  padding: 40px 40px 120px;
}

.PageSection__header .PageSection__main {
  font-size: 50px;
  line-height: 1;
  font-weight: 500;
  color: #DEEEF7;
}

.PageSection__header .PageSection__info {
  font-weight: 400;
  display: block;
  font-size: 20px;
  color: #26455C;
  margin-top: 16px;
}

.PageSection__header::after {
  content: "";
  display: block;
  background-color: #1884C4;
  height: 2px;
  width: 40px;
  margin-top: 34px;
}

.CommonText.-small {
  font-size: 14px;
  line-height: 1.85714;
}
/* End FAQ Section */

.companies .cta-btn-wrapper {
  display: flex;
  column-gap: 30px;
}

.companies .cta-btn-wrapper .c-button {
  width: 100%;
}

.companies .cta-btn-wrapper .c-button[data-type="deep-blue"] {
  box-shadow: 0px 4px 0px #0b4368;
}

.voice-box {
  padding: 0 0 80px;
}

.voice-box__list {
  max-width: 980px;
  margin: 0 auto;
}

.voice-box__list__item {
  margin: 0;
}

.voice-box__list__item:not(:last-child) {
  margin-bottom: 24px;
}

.voice-box__link {
  display: block;
  transition: opacity .2s ease-out;
}

.voice-box__link:hover {
  opacity: .5;
}

.voice-box__layout {
  display: flex;
  flex-wrap: wrap;
}

.voice-box__layout__figure {
  flex: 0 0 auto;
}

.voice-box__layout__content {
  flex: 1;
}

.voice-box__layout__footer {
  flex: 0 0 100%;
  padding: 16px 0 0;
}

.voice-box__figure {
  overflow: hidden;
  margin: 0 24px 0 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.voice-box__image {
  width: 100%;
}

.voice-box__lead {
  position: relative;
  padding: 40px 0 0 16px;
  margin-bottom: 16px;
  font-size: 25px;
  line-height: 1.8;
  color: #26455c;
}

.voice-box__lead:before {
  content: '“';
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 88px;
  color: #e5e5e5;
}

.voice-box__name-wrapper {
  text-align: right;
}

.voice-box__name {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  color: #26455c;
}

/* ---------------------- SITE HEADER ---------------------- */
/* ---------------------- SITE HEADER ---------------------- */
/* ---------------------- SITE HEADER ---------------------- */

.SiteHeader {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff
}

.siteHeader_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 56px;
  padding-left: 16px;
  line-height: 1.5;
  border-bottom: 2px solid #0087d2
}

.siteHeader_main::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #0087d2;
  pointer-events: none
}

.siteHeader_main a img {
  width: revert-layer
}
.Logo a {
  font-size: 14px !important
}

.siteHeader_button {
  letter-spacing: 0vw !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 56px;
  font-weight: 500;
  border: none;
  border-radius: 0px;
  transition: background-color .3s;
  padding: 12px;
  font-size: 10px
}

.siteHeader_button.pc {
  display: none
}

.siteHeader_button.-LPSiteTop {
  display: none;
  font-size: .625rem;
  font-weight: 700;
  width: 100%;
  max-width: 360px;
  padding: 0px;
  margin-left: 8px
}

.siteHeader_button.-LPSiteTop .Logo {
  margin-left: 8px
}

.siteHeader_button.-LPSiteTop.-resp {
  display: flex;
  width: 52px;
  height: 56px
}

.siteHeader_buttons {
  display: flex
}

.siteHeader_button.-small {
  width: auto
}

.siteHeader_button.-medium {
  width: auto
}

.siteHeader_button.-cta {
  display: none;
  background-color: #ffed56;
  color: #141821;
  line-height: normal
}

.siteHeader_button.-secondary {
  width: auto;
  height: 34px;
  white-space: nowrap;
  background-color: #fff;
  color: #0087d2;
  border: #0087d2 solid 1px;
  border-radius: 6px;
  margin-right: 16px
}

.siteHeader_button.-login {
  flex-direction: column-reverse;
  align-items: center;
  gap: 2px 8px;
  background-color: #e7f3fa;
  color: #0087d2 !important;
  flex-shrink: 0;
  height: 54px
}

.siteHeader_button.-normal {
  color: #0087d2
}

.siteHeader_button.-fill {
  background-color: #0087d2;
  color: #fff
}

.siteHeader_menu {
  position: absolute;
  top: 100%;
  right: 300vw;
  width: 100%;
  height: calc(100vh - var(--header-h));
  background-color: #fff;
  text-align: left;
  font-weight: 500;
  overflow: auto;
  padding-bottom: 24px;
  opacity: 0;
  transition: all .5s ease;
  -webkit-font-smoothing: antialiased
}

.siteHeader_menu.-opened {
  opacity: 1;
  right: 0
}

.siteHeader_menuButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  font-size: 0px
}

.siteHeader_menuButton.-active .siteHeader_buttonBar {
  background-color: rgba(0, 0, 0, 0)
}

.siteHeader_menuButton.-active .siteHeader_buttonBar::before {
  top: 0px;
  transform: rotate(45deg)
}

.siteHeader_menuButton.-active .siteHeader_buttonBar:after {
  bottom: 0px;
  transform: rotate(-45deg)
}

.siteHeader_menuButton:hover {
  cursor: pointer
}

.siteHeader_buttonBar {
  display: block;
  position: relative;
  width: 28px;
  height: 2px;
  background-color: #141821
}

.siteHeader_buttonBar::before,
.siteHeader_buttonBar::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 2px;
  background-color: #141821;
  transform-origin: center
}

.siteHeader_buttonBar::before {
  top: -8px;
  left: 0px
}

.siteHeader_buttonBar:after {
  left: 0px;
  bottom: -8px
}

.siteHeader_menuList {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 1280px;
  margin: 0 auto;
}

.siteHeader_menuItem {
  border-bottom: #ebeef1 solid 1px;
  color: #141821;
  font-size: 14px !important;
  height: 55px;
  line-height: 51px;
  letter-spacing: 0vw !important
}

.siteHeader_menuItem.-current a::after {
  opacity: 1;
  transition: none
}

.siteHeader_menuItem a {
  position: relative;
  display: flex;
  align-items: center;
  height: auto;
  line-height: 1.5;
  width: 100%;
  height: 100%;
  padding-left: 36px;
  padding-right: 36px;
  transition: color .2s
}

.siteHeader_menuItem a::before,
.siteHeader_menuItem a::after {
  content: "";
  display: block;
  position: absolute
}

.siteHeader_menuItem a::before {
  z-index: 1;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  background-image: url(../img/icon_arrowRight.svg);
  background-size: 16px;
  transform: translateY(-50%);
  pointer-events: none
}

.siteHeader_menuItem a::after {
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  bottom: auto;
  width: 4px;
  height: 24px;
  background-color: #ebeef1;
  opacity: 1
}

.siteHeader_foot {
  color: #54575f !important;
  font-weight: 400 !important;
  font-size: 14px !important
}

.siteHeader_footTitle {
  background-color: #ebeef1;
  padding: 16px;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0vw !important
}

.siteHeader_footTitle+* {
  margin-top: 16px
}

.siteHeader_footMenuList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0px;
  font-size: .75rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0vw !important
}

.siteHeader_footMenuItem {
  width: 50%
}

.siteHeader_footMenuItem {
  width: 50%;
  font-size: 12px
}

.-a_center {
  align-items: center
}

.flex.-gap0 {
  gap: 0
}

.flex {
  display: flex;
  gap: 24px
}

/* ---------------------- FOOTER STYLES ---------------------- */
/* ---------------------- FOOTER STYLES ---------------------- */
/* ---------------------- FOOTER STYLES ---------------------- */
.siteFooter_main {
  background: #005585;
  padding: 50px 0;
  color: #fff;
  
  font-weight: 500
}

.siteFooter_main.-single {
  padding-top: 24px;
  padding-bottom: 24px
}

.siteFooter_sub {
  background: #0b4368;
  padding-top: 24px
}

.siteFooter_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 382px;
  margin: auto;
}

.siteFooter_wrapper.tbl {
  display: none
}

.siteFooter_item.-buttonStack.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%
}

.siteFooter_item.-buttonStack.flex>p {
  flex-basis: calc((100% - 25px)/2);
  margin: 0
}

.siteFooter_copyright {
  display: block;
  font-size: .625rem;
  color: #fff;
  font-weight: 300
}

.ColumnArea.-gradients {
  background: linear-gradient(270deg, #FFEDF6 12.83%, #FFFBDE 85.92%);
}

.ColumnArea.-pXS {
  padding: 8px 16px;
}

.siteFooter_menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--fs-body-s);
  width: 100%;
  padding: 0 16px;
  gap: 32px;
  color: #fff
}

.siteFooter_menu a {
  color: #fff;
  text-decoration: none
}

.siteFooter_menu .siteFooter_credit p {
  margin-top: 16px
}

.siteFooter_unit {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center
}

.siteFooter_menuUnit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 292px
}

.siteFooter_menuList {
  display: flex;
  justify-content: center;
  gap: 8px 16px;
  flex-shrink: 0
}

.siteFooter_menuList.-wrap {
  flex-wrap: wrap;
  flex-shrink: 1
}

.siteFooter_menuItem {
  font-size: .625rem;
  font-weight: 400;
  padding: 4px 0
}

.siteFooter_button {
  display: flex;
  justify-content: space-between;
  font-size: .875rem;
  font-weight: 400;
  border: #fff solid 1px;
  border-radius: 8px;
  padding: 16px 24px;
  transition: background-color .3s;
  text-decoration: none;
  line-height: 22px
}

.siteFooter_button .material-symbols-outlined {
  font-size: 20px
}

.siteFooter_pageTop {
  text-align: center;
  padding-bottom: 23px;
  border-bottom: #006eac solid 1px
}

.siteFooter_pageTop+.container {
  padding: 48px 0
}

.LinkCard__desc {
  color: #54575f;
  white-space: nowrap
}

.LinkCard__title {
  font-size: var(--fs-h5);
  color: #0087d2;
  font-weight: 500
}

.LinkCard__text {
  padding: 24px
}

.LinkCard__text>*+* {
  margin-top: 8px
}

.LinkCard__image {
  margin-top: auto
}

.LinkCard__wrapLink::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px
}

.LinkItem small {
  margin-top: -6px
}

.LinkItem.-single .LinkItem__wrapper {
  justify-content: center;
  border-bottom: none;
  border-left: #d1d4d7 solid 1px
}

.LinkItem.-hoverTypeB .LinkItem__wrapper {
  flex-direction: column;
  transition: background-color .3s, border .3s
}

.LinkItem__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%;
  text-decoration: none;
  transition: background-color .3s;
  border-bottom: #d1d4d7 solid 1px
}

#footerNav {
  line-height: 21px !important;
  letter-spacing: 0 !important
}

#footerNav .siteFooter>* {
  line-height: 25px;
  letter-spacing: 0 !important
}

#footerNav .siteFooter {
  line-height: 21px;
  letter-spacing: 0 !important;
  overflow-wrap: break-word;
  color: inherit;
  font-size: 14px
}

#footerNav .container {
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto
}

#footerNav .container.-medium {
  max-width: 1080px
}

#footerNav .linkCard_desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 21px;
  color: #54575f;
  font-size: 12px;
  line-height: 30px;
}

#footerNav .linkCard_title {
  font-size: 16px;
  color: #0087d2 !important;
  line-height: 24px
}

#footerNav .linkCard_image img {
  width: 143px;
  position: absolute;
  top: 0;
  right: 0
}

#footerNav .linkCard_text {
  letter-spacing: 0;
  line-height: 21px;
  padding: 24px 0 24px 24px;
  margin-top: 8px;
}

#footerNav .linkCard_wrapLink {
  color: #0087d2 !important;
  outline-color: #0087d2 !important;
  text-decoration-color: #0087d2 !important;
  font-size: 16px;
  text-decoration: none;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

#footerNav .siteFooter_main {
  font-size: 14px;
  line-height: 21px;
  line-break: normal;
  letter-spacing: 0
}

#footerNav .siteFooter_credit {
  line-height: 18px;
  font-size: 12px
}