@charset "UTF-8";

html {
    font-family: source-han-sans-japanese, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    -webkit-text-size-adjust: 100%;
    vertical-align: bottom;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-padding-top: 200px;
}

body,
body *,
body :after,
body :before {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    box-sizing: inherit;
    vertical-align: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

html {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

html.wf-active {
    opacity: 1;
}

body {
    text-align: left;
    color: #555;
    line-height: 2;
    overflow-x: hidden;
}

body,
html {
    height: 100%;
}

a,
a img,
button {
    outline: 0;
    border: none;
    cursor: pointer;
}

button {
    background-color: transparent;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
textarea {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    background: 0 0;
}

input[type='text']:focus,
textarea:focus {
    outline: 0;
}

input[type='button'],
input[type='submit'] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
}

input[type='button']::-webkit-search-decoration,
input[type='submit']::-webkit-search-decoration {
    display: none;
}

input[type='button']::focus,
input[type='submit']::focus {
    outline-offset: -2px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    background: 0 0;
    font-family: inherit;
    font-weight: inherit;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

img,
svg,
video {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

i {
    font-style: normal;
}

a,
button {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover,
button:hover {
    outline: 0;
}

a:disabled,
button:disabled,
input:disabled {
    pointer-events: none;
}

.about__accordion .heading--accordion,
.about__category .category__heading,
.about__desc .desc__heading,
.about__desc .heading__initial,
.about__digital .digital__heading,
.about__intro .intro__caption,
.about__philosophy .philosophy__heading,
.about__table .table__heading,
.about__vision .vision__heading,
.btn--back button,
.btn--more,
.btn--other,
.btn--return,
.btn--submit,
.btn--viewmore,
.card__heading,
.chart .year,
.entry .guide,
.entry .post-search,
.entry .radio-label,
.entry__btn-submit input[type='submit'],
.entry__heading,
.entry__optional,
.entry__require,
.faq__cv .para,
.fv__copy,
.growth__rep .rep--title,
.growth__skill .qualities__heading,
.growth__skill .skill--item,
.growth__trainer .interview--msg,
.heading--data,
.heading--jp,
.heading--md,
.heading--navi,
.heading--offer,
.heading--question,
.heading--section,
.heading--seminar,
.heading--strength,
.heading--sub,
.heading--sub-lead,
.heading--tab,
.heading--thanx,
.info__heading,
.infographics .unit--jp,
.infographics--content.col--data8 .age--lg,
.infographics--content.col--data8 .age--sm,
.interview--copy,
.interview__intro .intro__copy,
.interview__list .interview--msg,
.list__heading,
.local-navi li,
.navi--btn,
.navi--entry,
.navi__heading,
.thanks .para,
.toppage__lead--lg,
.toppage__lead--main,
.toppage__training--disc .heading--lead,
.trainer--heading,
.trainer--title,
.training__support .support__title,
.voice__title {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.about__table .heading--sm,
.entry--set input,
.entry--set textarea,
.entry__note,
.growth__skill .skill--list.col3 .skill--item {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.accordion abbr,
.btn--entry,
.chart .bar_graph,
.footer__copyright small,
.footer__entry,
.footer__totop,
.header__entry,
.header__entry-sp,
.header__entry-sp--off,
.header__logo span,
.heading--category,
.heading--chapter,
.heading--en,
.heading--interview,
.heading--title,
.infographics .data__num,
.infographics .title,
.infographics--content.col--data8 .num,
.infographics--content.col--data8 .unit,
.infographics__chartBox .bar_graph,
.interview--name,
.interview--num,
.menu__inner .menu li,
.navi--corporate,
.navi--header,
.navi--num,
.toppage__about .about__links .btn--viewmore .btn__txt--en,
.toppage__fv .fv__scroll .scroll__text,
.toppage__interview--wrap .interview__carousel--counter,
.trainer--name,
.training__carousel--counter {
    font-family: josefin-sans, sans-serif;
    font-style: normal;
}

.container--section {
    position: relative;
    padding: 55px 75px 75px;
}

.container--section + .container--section {
    padding-top: 0;
}

.container--section .para--sentence {
    margin-top: 25px;
}

.container--section .list__tag {
    margin-top: 30px;
}

@media (max-width: 1000px) {
    .container--section {
        width: 50%;
        padding: 0 40px;
    }
}

.container--outer {
    max-width: 1280px;
    width: 100%;
    margin: auto;
}

.container--content {
    padding: 0 132px;
}

@media (max-width: 1000px) {
    .container--content {
        padding: 0 40px;
    }
}

@media (max-width: 768px) {
    .container--content {
        padding: 0 30px;
    }
}

.container--field {
    padding: 87px 75px 63px;
}

@media (max-width: 1000px) {
    .container--field {
        padding: 87px 40px 63px;
    }
}

@media (max-width: 768px) {
    .container--field {
        padding: 60px 30px 80px;
    }
}

.container--article {
    padding: 120px 92px 75px;
}

.container--wrap .title--wrap {
    margin-bottom: 0;
}

.container--box {
    position: relative;
}

.container--box.itindustry-side .local-navi {
    margin-bottom: 0;
}

.container--box.worklife-side .local-navi {
    margin-bottom: 128px;
}

.container--box.occupation-side .local-navi {
    margin-bottom: 0;
}

.container--right {
    padding: 97px 0 0 350px;
}

.container--category {
    position: relative;
    padding: 100px 132px 0;
}

.container--category .para--sentence {
    margin-top: 20px;
}

.container--category .list__tag {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .container--category {
        padding: 60px 50px 0;
    }
}

.container--sp-lead {
    padding: 60px 30px 74px;
}

.container--inner {
    padding: 20px;
}

@media (max-width: 768px) {
    .container--inner {
        padding: 30px;
    }
}

.container--view {
    max-width: 1016px;
    width: 100%;
    margin: auto;
}

.container__social {
    margin-left: 350px;
    padding: 74px 90px 0 40px;
    height: 100%;
}

.container--col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .container--col {
        display: block;
    }
}

.container--btn {
    width: 100%;
    margin: 77px auto 0;
}

.container--btn .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: auto;
    width: 100%;
    height: 102px;
    max-width: 340px;
    position: relative;
}

.container--more {
    margin-top: 60px;
}

.container--more .navi--btn {
    margin: auto;
}

.container--block {
    margin-top: 90px;
}

@media (max-width: 768px) {
    .container--block {
        margin-top: 70px;
    }
}

.container--block .heading--section {
    font-size: 18px;
    margin-bottom: 18px;
}

.container--block .para {
    font-size: 13px;
    letter-spacing: 0.1em;
    text-align: justify;
}

.container--block .about__list,
.container--block .about__table {
    margin-top: 30px;
}

.container--block .about__table {
    margin-bottom: 0;
}

.container--block + .container--block {
    margin-top: 54px;
}

.container__bleed {
    position: relative;
}

.container__bleed:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    margin-left: -390px;
    top: 0;
    left: 0;
    z-index: -2;
}

@media (max-width: 768px) {
    .container__bleed:before {
        margin-left: calc(50% - 50vw);
    }
}

.container--interview {
    padding: 0 92px;
}

@media (max-width: 1000px) {
    .container--interview {
        padding: 0 40px;
    }
}

@media (max-width: 768px) {
    .container--interview {
        padding: 0 30px;
    }
}

.container--growth {
    height: 100%;
}

@media (max-width: 768px) {
    .container--growth {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

body.js_isWin .container__bleed:before {
    width: calc(100vw - 17px);
}

.toppage__fv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

@media (orientation: portrait) {
    .toppage__fv .hr {
        display: none;
    }
}

@media (orientation: landscape) {
    .toppage__fv .vrt {
        display: none;
    }
}

.toppage__fv .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.toppage__fv .ph {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.toppage__fv .ph img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.toppage__fv .fv__curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    pointer-events: none;
}

.toppage__fv.js--fv--toppage .fv__curtain {
    display: block;
}

.toppage__fv .copy {
    position: absolute;
    right: 6.64062%;
    bottom: 7.63889vh;
    width: 28.90625%;
    min-width: 350px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 768px) {
    .toppage__fv .copy {
        width: 57.33333%;
        min-width: 250px;
        right: 50px;
        bottom: 150px;
    }
}

@media (max-width: 450px) {
    .toppage__fv .copy {
        width: 57.33333%;
        min-width: 200px;
        right: 35px;
        bottom: 150px;
    }
}

.toppage__fv .fv__scroll {
    position: absolute;
    left: 3.51562%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 1000px) {
    .toppage__fv .fv__scroll {
        left: 40px;
    }
}

@media (max-width: 768px) {
    .toppage__fv .fv__scroll {
        left: 25px;
        bottom: 80px;
    }
}

.toppage__fv .fv__scroll .scroll__text {
    display: block;
    font-size: 14px;
    color: #0766ff;
    line-height: 1;
    letter-spacing: 0.1em;
}

@media (max-width: 1000px) {
    .toppage__fv .fv__scroll .scroll__text {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .toppage__fv .fv__scroll .scroll__text {
        font-size: 11px;
    }
}

@media (max-width: 450px) {
    .toppage__fv .fv__scroll .scroll__text {
        font-size: 10px;
    }
}

.toppage__fv .fv__scroll .scroll__bar {
    display: block;
    height: 1px;
    width: 18.05556vh;
    margin-right: 1.66667vh;
    overflow: hidden;
    position: relative;
}

@media (max-width: 450px) {
    .toppage__fv .fv__scroll .scroll__bar {
        width: 14.23786vh;
        margin-right: 1.67504vh;
    }
}

.toppage__fv .fv__scroll .scroll__bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0766ff;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.toppage__fv .fv__news {
    margin: auto 0 10px 0;
    height: 45px;
    padding: 0 7.1875vw;
    position: relative;
}

@media (max-width: 1000px) {
    .toppage__fv .fv__news {
        padding: 0 70px;
    }
}

@media (max-width: 768px) {
    .toppage__fv .fv__news {
        padding: 0 40px 0 0;
        margin: auto 0 20px 0;
        height: 60px;
    }
}

@media (max-width: 450px) {
    .toppage__fv .fv__news {
        padding: 0 25px 0 0;
    }
}

.toppage__fv .fv__news .news {
    color: #fff;
    height: 100%;
    max-width: 600px;
    border-radius: 4px;
    background-color: #0766ff;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 65px 13px 25px;
    position: relative;
}

@media (max-width: 768px) {
    .toppage__fv .fv__news .news {
        font-size: 13px;
        display: block;
        max-width: 450px;
        border-radius: 0 4px 4px 0;
        padding: 13px 15px 13px 20px;
    }
}

@media (max-width: 450px) {
    .toppage__fv .fv__news .news {
        border-radius: 0 2px 2px 0;
    }
}

.toppage__fv .fv__news .news__heading {
    line-height: 1.15;
    padding-right: 1.5em;
}

@media (max-width: 768px) {
    .toppage__fv .fv__news .news__heading {
        padding: 0;
        margin-bottom: 0.25em;
    }
}

.toppage__fv .fv__news .news__carousel--wrap {
    height: 100%;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

@media (max-width: 768px) {
    .toppage__fv .fv__news .news__carousel--wrap {
        height: 19px;
    }
}

.toppage__fv .fv__news .news__carousel--wrap.solo .news__carousel--controller {
    display: none;
}

.toppage__fv .fv__news .news__carousel {
    max-height: 100%;
}

.toppage__fv .fv__news .news__carousel .swiper-slide:focus {
    outline: 0;
}

.toppage__fv .fv__news .news__content {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.toppage__fv .fv__news .news__content .news__date {
    padding-right: 1em;
}

.toppage__fv .fv__news .news__content .news__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.toppage__fv .fv__news .news__content .news__text--inner {
    display: inline-block;
}

.toppage__fv .fv__news .news__content .clone {
    display: inline-block;
    margin-left: 0;
}

.toppage__fv .fv__news .news__content a {
    text-decoration: underline;
}

.toppage__fv .fv__news .news__carousel--controller {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 768px) {
    .toppage__fv .fv__news .news__carousel--controller {
        display: none;
    }
}

.toppage__fv .fv__news .news__carousel--controller .swiper-button-next,
.toppage__fv .fv__news .news__carousel--controller .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    width: 15px;
    height: 15px;
    margin: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.2%2011.85%22%3E%3Cpolygon%20points%3D%220.58%2011.85%209.2%205.92%200.58%200%200%200.85%207.38%205.92%200%2011%200.58%2011.85%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%3C%2Fsvg%3E);
}

.toppage__fv .fv__news .news__carousel--controller .swiper-button-next:focus,
.toppage__fv .fv__news .news__carousel--controller .swiper-button-prev:focus {
    outline: 0;
}

.toppage__fv .fv__news .news__carousel--controller .swiper-button-prev {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.toppage__fv .fv__news .news__carousel--controller .swiper-button-next {
    margin-left: 10px;
}

.toppage__section--last {
    padding-bottom: 55px;
}

@media (max-width: 1000px) {
    .toppage__section--last {
        padding-bottom: 35px;
    }
}

@media (max-width: 768px) {
    .toppage__section--last {
        padding-bottom: 0;
    }
}

.toppage__section {
    padding: 150px 90px;
}

@media (max-width: 1000px) {
    .toppage__section {
        padding: 100px 70px;
    }
}

@media (max-width: 768px) {
    .toppage__section {
        padding: 75px 50px;
    }
}

@media (max-width: 450px) {
    .toppage__section {
        padding: 50px 30px;
    }
}

.toppage__section + .toppage__section {
    padding-top: 0;
}

.toppage__section .section__view {
    max-width: 1100px;
    margin: auto;
}

.toppage__section .heading--title {
    font-size: 84px;
    letter-spacing: 0;
    margin-bottom: 0.75em;
}

@media (max-width: 1000px) {
    .toppage__section .heading--title {
        font-size: 70px;
    }
}

@media (max-width: 768px) {
    .toppage__section .heading--title {
        font-size: 60px;
    }
}

@media (max-width: 450px) {
    .toppage__section .heading--title {
        font-size: 52px;
    }
}

.toppage__section .heading--jp {
    font-size: 23px;
    margin-top: 1.25em;
}

@media (max-width: 1000px) {
    .toppage__section .heading--jp {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .toppage__section .heading--jp {
        font-size: 17px;
    }
}

@media (max-width: 450px) {
    .toppage__section .heading--jp {
        font-size: 15px;
    }
}

.toppage__content .btn--viewmore {
    max-width: none;
    line-height: 1.25;
    position: relative;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

@media (max-width: 1000px) {
    .toppage__content .btn--viewmore {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .toppage__content .btn--viewmore {
        height: 60px;
        font-size: 16px;
    }
}

@media (max-width: 450px) {
    .toppage__content .btn--viewmore {
        height: 50px;
        font-size: 14px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 767px) {
    .toppage__content .btn--viewmore:hover {
        background-color: #fff;
        color: #0766ff;
    }
}

@media (max-width: 768px) {
    .toppage__content .btn--viewmore:after {
        width: 30px;
        height: 30px;
        border-width: 13px;
        margin-left: -30px;
    }
}

@media (max-width: 450px) {
    .toppage__content .btn--viewmore:after {
        width: 25px;
        height: 25px;
        border-width: 11px;
        margin-right: 0.5em;
        margin-left: 0;
    }
}

.toppage__lead--main {
    font-size: 20px;
    letter-spacing: 0.14em;
    line-height: 3.25;
}

@media (max-width: 1000px) {
    .toppage__lead--main {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .toppage__lead--main {
        font-size: 16px;
    }
}

@media (max-width: 650px) {
    .toppage__lead--main {
        line-height: 2.75;
    }
}

@media (max-width: 450px) {
    .toppage__lead--main {
        font-size: 4.1vw;
    }
}

@media (min-width: 1281px) {
    .toppage__lead--main {
        font-size: 1.55vw;
    }
}

.toppage__lead--main .copy {
    margin: 3em 0;
    max-width: 560px;
}

.toppage__lead--main .copy:last-child {
    margin-bottom: 0;
}

@media (max-width: 650px) {
    .toppage__lead--main .copy {
        margin: 1.5em 0;
    }
}

@media (min-width: 1281px) {
    .toppage__lead--main .copy {
        max-width: 43vw;
    }
}

@media (min-width: 651px) {
    .toppage__lead--main .inline--md {
        display: none;
    }
}

.toppage__lead--lg {
    font-size: 27px;
    letter-spacing: 0.1em;
    line-height: 1.75;
    color: #0766ff;
}

@media (max-width: 1000px) {
    .toppage__lead--lg {
        font-size: 23px;
    }
}

@media (max-width: 768px) {
    .toppage__lead--lg {
        font-size: 19px;
    }
}

@media (max-width: 450px) {
    .toppage__lead--lg {
        font-size: 15px;
    }
}

.toppage__lead {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 2.25;
    text-align: justify;
}

@media (max-width: 1000px) {
    .toppage__lead {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .toppage__lead {
        font-size: 15px;
        line-height: 2;
    }
}

@media (max-width: 450px) {
    .toppage__lead {
        font-size: 14px;
    }
}

@media (min-width: 1001px) {
    .toppage__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1001px) {
    .toppage__col .col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .toppage__col .col.col--text {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 44.09091%;
        padding-right: 30px;
    }

    .toppage__col .col.col--content {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 55.90909%;
    }
}

@media (max-width: 1000px) {
    .toppage__about .about__links {
        margin-top: 45px;
    }
}

.toppage__about .about__links .links__item + .links__item {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .toppage__about .about__links .links__item + .links__item {
        margin-top: 30px;
    }
}

@media (max-width: 450px) {
    .toppage__about .about__links .links__item + .links__item {
        margin-top: 20px;
    }
}

.toppage__about .about__links .btn--viewmore {
    max-width: none;
    line-height: 1.25;
    padding: 0 20px 0 65.57377%;
    position: relative;
}

@media (max-width: 450px) {
    .toppage__about .about__links .btn--viewmore {
        padding-right: 10px;
        padding-left: 53.27869%;
    }

    .toppage__about .about__links .btn--viewmore:after {
        margin-left: -20px;
    }
}

.toppage__about .about__links .btn--viewmore .btn__txt--en {
    font-size: 36px;
    color: #0b80ff;
    width: 58.92857%;
    padding-right: 1em;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0.15em 0.75em;
}

@media (max-width: 1100px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--en {
        font-size: 33px;
    }
}

@media (max-width: 1000px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--en {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--en {
        font-size: 25px;
    }
}

@media (max-width: 450px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--en {
        font-size: 14px;
        width: 45%;
    }
}

.toppage__about .about__links .btn--viewmore .btn__txt--jp {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 1100px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--jp {
        font-size: 17px;
    }
}

@media (max-width: 1000px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--jp {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--jp {
        font-size: 15px;
    }
}

@media (max-width: 450px) {
    .toppage__about .about__links .btn--viewmore .btn__txt--jp {
        font-size: 14px;
    }
}

.toppage__training--wrap {
    overflow: hidden;
    position: relative;
}

.toppage__training {
    position: relative;
    z-index: 0;
    padding: 40px 40px 100px 40px;
}

@media (max-width: 768px) {
    .toppage__training {
        padding: 30px 30px 75px 30px;
    }
}

@media (max-width: 450px) {
    .toppage__training {
        padding: 25px 25px 45px 25px;
    }
}

@media (max-width: 768px) {
    .toppage__training .heading--title {
        margin-bottom: 1.75em;
    }
}

@media (max-width: 450px) {
    .toppage__training .heading--title {
        margin-bottom: 1.25em;
    }
}

.toppage__training .training__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: calc(100% + (100vw - 1100px) / 2);
    height: 100%;
    z-index: -1;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

@media (max-width: 1280px) {
    .toppage__training .training__bg {
        width: calc(100% + 90px);
    }
}

@media (max-width: 1000px) {
    .toppage__training .training__bg {
        width: calc(100% + 70px);
    }
}

@media (max-width: 768px) {
    .toppage__training .training__bg {
        width: calc(100% + 50px);
        border-radius: 8px 0 0 8px;
    }
}

@media (max-width: 450px) {
    .toppage__training .training__bg {
        width: calc(100% + 30px);
        border-radius: 6px 0 0 6px;
    }
}

@media (max-width: 768px) {
    .toppage__training .training__bg .hide--md {
        display: none;
    }
}

@media (min-width: 769px) {
    .toppage__training .training__bg .inline--md {
        display: none;
    }
}

.toppage__training .training__link {
    max-width: 327px;
    margin: 50px auto 50px -40px;
}

@media (max-width: 768px) {
    .toppage__training .training__link {
        max-width: 285px;
        margin: 40px auto 40px -30px;
    }
}

@media (max-width: 450px) {
    .toppage__training .training__link {
        max-width: 236px;
        margin: 30px auto 30px -25px;
    }
}

.toppage__training .training__link:last-child {
    margin-bottom: 0;
}

.toppage__training--disc {
    margin: -50px auto 0;
    max-width: 860px;
}

@media (max-width: 1000px) {
    .toppage__training--disc {
        margin-top: -50px;
    }
}

@media (max-width: 768px) {
    .toppage__training--disc {
        margin-top: -30px;
    }
}

@media (max-width: 450px) {
    .toppage__training--disc {
        margin-top: -10px;
    }
}

.toppage__training--disc .heading--lead {
    color: #0766ff;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 1000px) {
    .toppage__training--disc .heading--lead {
        font-size: 2.4vw;
    }
}

@media (max-width: 768px) {
    .toppage__training--disc .heading--lead {
        font-size: 20px;
    }
}

@media (max-width: 450px) {
    .toppage__training--disc .heading--lead {
        text-align: left;
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.toppage__training--disc .toppage__lead {
    font-size: 14px;
    text-align: center;
}

@media (max-width: 450px) {
    .toppage__training--disc .toppage__lead {
        font-size: 13px;
        text-align: left;
    }
}

.toppage__interview--wrap {
    position: relative;
}

.toppage__interview--wrap .interview__carousel--counter {
    position: absolute;
    top: -210px;
    right: 90px;
    width: 157px;
    height: 60px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    color: #0766ff;
}

@media (max-width: 1000px) {
    .toppage__interview--wrap .interview__carousel--counter {
        top: -160px;
        right: 0;
    }
}

@media (max-width: 768px) {
    .toppage__interview--wrap .interview__carousel--counter {
        font-size: 20px;
        width: 110px;
        height: 45px;
        top: -120px;
    }
}

@media (max-width: 450px) {
    .toppage__interview--wrap .interview__carousel--counter {
        font-size: 18px;
        width: 80px;
        height: 30px;
        top: -80px;
    }
}

.toppage__interview--wrap .interview__carousel--counter .swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.toppage__interview--wrap .interview__carousel--counter .swiper-pagination > span {
    display: inline-block;
    width: 1em;
}

.toppage__interview--wrap .interview__carousel--counter .slash {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
}

@media (max-width: 768px) {
    .toppage__interview--wrap .interview__carousel--counter .slash {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 450px) {
    .toppage__interview--wrap .interview__carousel--counter .slash {
        width: 15px;
        height: 15px;
    }
}

.toppage__interview--wrap .interview__carousel--counter .slash:after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background-color: #0766ff;
    position: absolute;
    top: 5px;
    left: 10px;
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
}

@media (max-width: 768px) {
    .toppage__interview--wrap .interview__carousel--counter .slash:after {
        width: 22px;
        height: 1px;
        left: 7px;
    }
}

@media (max-width: 450px) {
    .toppage__interview--wrap .interview__carousel--counter .slash:after {
        width: 18px;
        left: 5px;
    }
}

.toppage__interview {
    position: relative;
}

@media (min-width: 1001px) {
    .toppage__interview .col--text {
        padding-right: 80px !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .toppage__interview .col--text .toppage__lead {
        margin-bottom: 40px;
    }

    .toppage__interview .col--text .interview__link {
        margin: auto 0 0 0;
    }
}

@media (min-width: 767px) {
    .toppage__interview .col--text .btn--viewmore:hover {
        border: 2px solid #0766ff;
    }
}

.toppage__interview .col--content {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    margin-right: calc((100vw - 1100px) / -2);
    overflow: hidden;
}

@media (max-width: 1280px) {
    .toppage__interview .col--content {
        margin-right: -90px;
    }
}

@media (max-width: 1000px) {
    .toppage__interview .col--content {
        margin: 60px -70px 60px 0;
    }

    .toppage__interview .col--content:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .toppage__interview .col--content {
        margin: 50px -50px 50px 0;
    }
}

@media (max-width: 450px) {
    .toppage__interview .col--content {
        margin: 40px -30px 40px 0;
    }
}

.toppage__interview .interview__link {
    max-width: 327px;
}

@media (max-width: 768px) {
    .toppage__interview .interview__link {
        max-width: 285px;
    }
}

@media (max-width: 450px) {
    .toppage__interview .interview__link {
        max-width: none;
    }
}

.toppage__interview .interview__link.show-sp {
    display: none;
}

@media (max-width: 1000px) {
    .toppage__interview .interview__link.show-sp {
        display: block;
    }
}

@media (max-width: 1000px) {
    .toppage__interview .interview__link.hide-sp {
        display: none;
    }
}

.toppage__interview .interview__carousel {
    width: 44.28571%;
    margin: 0;
    overflow: visible;
}

@media (max-width: 1000px) {
    .toppage__interview .interview__carousel {
        width: 30%;
    }

    .toppage__interview .interview__carousel:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 650px) {
    .toppage__interview .interview__carousel {
        width: 39.13043%;
    }
}

.toppage__interview .interview__carousel .swiper-slide:focus {
    outline: 0;
}

.toppage__interview .interview__carousel .interview__thumb {
    display: block;
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
}

.toppage__interview .interview__carousel .interview__thumb img {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.toppage__interview .interview__carousel .interview__thumb:after {
    content: '';
    display: block;
    padding-top: 150.96774%;
}

@media (min-width: 767px) {
    .toppage__interview .interview__carousel .interview__thumb:hover img {
        opacity: 0.8;
    }
}

.toppage__other--wrap {
    padding-top: 90px;
    padding-bottom: 60px;
}

@media (max-width: 768px) {
    .toppage__other--wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 450px) {
    .toppage__other--wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1000px) {
    .toppage__other .toppage__col .col + .col {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .toppage__other .toppage__col .col + .col {
        margin-top: 20px;
    }
}

@media (max-width: 450px) {
    .toppage__other .toppage__col .col + .col {
        margin-top: 10px;
    }
}

@media (min-width: 1001px) {
    .toppage__other .toppage__col {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -25px;
    }

    .toppage__other .toppage__col .col {
        height: auto;
        width: calc((100% - 50px) / 3);
        margin: 0 25px 25px 0;
    }

    .toppage__other .toppage__col .col:nth-child(3n) {
        margin-right: 0;
    }
}

.toppage__other .other__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    height: 100%;
    border-radius: 10px;
    padding: 40px;
}

@media (max-width: 768px) {
    .toppage__other .other__item {
        border-radius: 7px;
        padding: 30px;
    }
}

@media (max-width: 450px) {
    .toppage__other .other__item {
        border-radius: 5px;
        padding: 25px;
    }
}

.toppage__other .heading--title {
    font-size: 50px;
}

@media (max-width: 768px) {
    .toppage__other .heading--title {
        font-size: 42px;
    }
}

@media (max-width: 450px) {
    .toppage__other .heading--title {
        font-size: 36px;
        text-align: left;
    }
}

.toppage__other .heading--jp {
    font-size: 20px;
    margin-top: 1em;
}

@media (max-width: 1000px) {
    .toppage__other .heading--jp {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .toppage__other .heading--jp {
        font-size: 16px;
    }
}

@media (max-width: 450px) {
    .toppage__other .heading--jp {
        font-size: 14px;
    }
}

.toppage__other .toppage__lead {
    margin-bottom: 60px;
}

@media (max-width: 1000px) {
    .toppage__other .toppage__lead {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .toppage__other .toppage__lead {
        margin-bottom: 40px;
    }
}

@media (max-width: 450px) {
    .toppage__other .toppage__lead {
        margin-bottom: 30px;
    }
}

.toppage__other .toppage__lead:last-child {
    margin-bottom: 0;
}

.toppage__other .other__link {
    margin: auto 0 0 0;
}

@media (min-width: 767px) {
    .toppage__other .btn--viewmore:hover {
        border: 2px solid #0766ff;
    }
}

.toppage__recruit {
    position: relative;
    z-index: 0;
    padding: 90px;
}

@media (max-width: 1000px) {
    .toppage__recruit {
        padding: 75px;
    }
}

@media (max-width: 768px) {
    .toppage__recruit {
        padding: 65px;
        background-color: #0766ff;
    }
}

@media (max-width: 450px) {
    .toppage__recruit {
        padding: 50px 55px;
    }
}

.toppage__recruit .recruit__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

@media (max-width: 768px) {
    .toppage__recruit .recruit__bg {
        display: none;
    }
}

.toppage__recruit .heading--title {
    text-align: center;
    font-size: 60px;
    color: #fff;
}

@media (max-width: 1000px) {
    .toppage__recruit .heading--title {
        font-size: 50px;
    }
}

@media (max-width: 768px) {
    .toppage__recruit .heading--title {
        font-size: 42px;
    }
}

@media (max-width: 450px) {
    .toppage__recruit .heading--title {
        font-size: 36px;
        text-align: left;
    }
}

.toppage__recruit .heading--jp {
    font-size: 23px;
    margin-top: 1.25em;
    color: #fff;
}

@media (max-width: 1000px) {
    .toppage__recruit .heading--jp {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .toppage__recruit .heading--jp {
        font-size: 16px;
    }
}

@media (max-width: 450px) {
    .toppage__recruit .heading--jp {
        font-size: 14px;
    }
}

.toppage__recruit .recruit__link {
    max-width: 270px;
    margin: 30px auto;
}

@media (max-width: 450px) {
    .toppage__recruit .recruit__link {
        max-width: none;
    }
}

.toppage__recruit .recruit__link:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .toppage__recruit .recruit__link .btn--viewmore {
        background-color: #fff;
        color: #0766ff;
    }

    .toppage__recruit .recruit__link .btn--viewmore:after {
        background-color: #0766ff;
        border-color: #fff;
        box-shadow: 0 0 0 1px #0766ff;
    }
}

body.js_isWin .toppage__about .about__links .btn--viewmore .btn__txt--en {
    padding: 0.15em 0 0 0.75em;
}

.training__carousel--counter {
    position: absolute;
    z-index: 1;
    bottom: 150px;
    right: 90px;
    width: 157px;
    height: 60px;
    background-color: #e4e4e4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    color: #0766ff;
}

@media (max-width: 1000px) {
    .training__carousel--counter {
        bottom: 100px;
        right: 0;
    }
}

@media (max-width: 768px) {
    .training__carousel--counter {
        font-size: 20px;
        width: 110px;
        height: 45px;
        bottom: 75px;
    }
}

@media (max-width: 450px) {
    .training__carousel--counter {
        font-size: 18px;
        width: 80px;
        height: 30px;
        bottom: 50px;
    }
}

.training__carousel--counter .swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.training__carousel--counter .swiper-pagination > span {
    display: inline-block;
    width: 1em;
}

.training__carousel--counter .slash {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
}

@media (max-width: 768px) {
    .training__carousel--counter .slash {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 450px) {
    .training__carousel--counter .slash {
        width: 15px;
        height: 15px;
    }
}

.training__carousel--counter .slash:after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background-color: #0766ff;
    position: absolute;
    top: 5px;
    left: 10px;
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
}

@media (max-width: 768px) {
    .training__carousel--counter .slash:after {
        width: 22px;
        height: 1px;
        left: 7px;
    }
}

@media (max-width: 450px) {
    .training__carousel--counter .slash:after {
        width: 18px;
        left: 5px;
    }
}

.about.about__container {
    padding-bottom: 0;
}

.about__container {
    padding-bottom: 128px;
}

@media (max-width: 768px) {
    .about__container {
        padding: 60px 30px 80px;
    }
}

.about__container.container--right {
    padding-left: 390px;
}

@media (max-width: 768px) {
    .about__container.container--right {
        padding-left: 30px;
    }
}

@media (max-width: 768px) {
    .about__container.worklife--wrap {
        padding-bottom: 0;
    }
}

.about__social {
    padding-right: 92px;
    height: 100%;
}

@media (max-width: 1000px) {
    .about__social {
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .about__social {
        padding-right: 0;
    }
}

.about--section .heading--category {
    margin-top: 50px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .about--section .heading--category {
        text-align: center;
        margin-top: 60px;
    }
}

.about__flow img {
    width: 100%;
}

@media (max-width: 768px) {
    .about__flow {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

.about__flow .flow__inner {
    background-color: #dde8ff;
    border-radius: 10px;
    padding: 55px 75px;
}

@media (max-width: 1100px) {
    .about__flow .flow__inner {
        padding: 50px 30px;
    }
}

@media (max-width: 768px) {
    .about__flow .flow__inner {
        border-radius: 0;
    }

    .about__flow .flow__inner .wrap {
        padding: 0 70px;
    }
}

@media (max-width: 450px) {
    .about__flow .flow__inner .wrap {
        padding: 0;
    }
}

.about__category .category {
    background-color: #e5e5e5;
    margin-top: 10px;
    padding: 50px;
    border-radius: 10px;
}

.about__category .category:first-of-type {
    margin-top: 0;
}

@media (max-width: 768px) {
    .about__category .category {
        padding: 30px;
    }
}

.about__category .category__heading {
    font-size: 18px;
    color: #0766ff;
    line-height: 1.6;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #bebfbf;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.about__category .category__text {
    letter-spacing: 0.06em;
    text-align: justify;
}

@media (max-width: 768px) {
    .about__business {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

.about__business .business {
    background-color: #80baff;
    border-radius: 10px;
    padding: 25px 25px 12px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .about__business .business {
        border-radius: 0;
    }
}

.about__business .business__name {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 13px 13px 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    padding: 18px 0 23px;
    width: calc(33.3333% - 26px / 3);
}

.about__business .business__name:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .about__business .business__name {
        margin: 0 13px 10px 0;
        width: calc(50% - 13px / 2);
    }

    .about__business .business__name:nth-child(even) {
        margin-right: 0;
    }

    .about__business .business__name:nth-child(odd) {
        margin-right: 13px;
    }

    .about__business .business__name:last-child {
        margin-right: 0;
        width: 100%;
    }
}

.about__business .business__ico {
    display: block;
    margin: auto;
}

.about__philosophy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1100px) {
    .about__philosophy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.about__philosophy .philosophy {
    width: 100%;
    margin-right: 42px;
}

@media (max-width: 1100px) {
    .about__philosophy .philosophy {
        margin: 40px auto 0;
    }
}

.about__philosophy .philosophy__heading {
    font-size: 22px;
    color: #0766ff;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .about__philosophy .philosophy__heading {
        font-size: 20px;
    }
}

.about__philosophy .philosophy__text {
    font-size: 22px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .about__philosophy .philosophy__text {
        font-size: 17px;
        white-space: normal;
    }
}

.about__philosophy .philosophy__box {
    position: relative;
    width: 100vw;
}

@media (max-width: 1100px) {
    .about__philosophy .philosophy__box {
        width: 100%;
    }
}

.about__philosophy .philosophy__ph {
    width: calc(100% + 90px);
    margin: 0 -90px 0 0;
}

@media (max-width: 1000px) {
    .about__philosophy .philosophy__ph {
        margin-right: -30px;
        width: calc(100% + 30px);
    }
}

@media (max-width: 768px) {
    .about__philosophy .philosophy__ph {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

.about__vision {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 43px;
}

@media (max-width: 1100px) {
    .about__vision {
        display: block;
    }
}

.about__vision .vision {
    padding-right: 10px;
    border-right: 1px solid #bebfbf;
    margin: 0 27px 0 0;
    width: calc(33.3333% - 54px / 3);
}

.about__vision .vision:nth-child(3) {
    margin-right: 0;
    border: none;
}

@media (max-width: 1100px) {
    .about__vision .vision {
        width: 100%;
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #bebfbf;
        padding: 20px 0;
    }

    .about__vision .vision:first-child {
        border-top: 1px solid #bebfbf;
    }

    .about__vision .vision:nth-child(3) {
        padding-bottom: 0;
    }
}

.about__vision .vision__heading {
    font-size: 17px;
    color: #0766ff;
}

@media (max-width: 768px) {
    .about__vision .vision__heading {
        font-size: 16px;
    }
}

.about__vision .vision__text {
    font-size: 15px;
}

.about__table {
    background-color: #e5e5e5;
    border-radius: 10px;
    padding: 22px;
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .about__table {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 28px 20px;
        border-radius: 0;
    }
}

.about__table .table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    margin-top: 6px;
}

.about__table .table:first-child {
    margin-top: 0;
}

@media (max-width: 1000px) {
    .about__table .table {
        display: block;
    }
}

.about__table .table__heading {
    font-size: 15px;
    width: 35.71429%;
    padding: 40px;
    border-right: 2px solid #e5e5e5;
}

@media (max-width: 1000px) {
    .about__table .table__heading {
        width: 100%;
        border-right: none;
        padding: 20px;
        border-bottom: 2px solid #e5e5e5;
    }
}

.about__table .heading--sm {
    font-size: 13px;
    display: block;
}

.about__table .table__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px;
}

@media (max-width: 1000px) {
    .about__table .table__text {
        padding: 15px 20px;
    }
}

.about__list {
    padding: 22px 22px 17px 22px;
    background-color: #e5e5e5;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .about__list {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 30px;
        border-radius: 0;
    }
}

.about__list .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .about__list .list {
        display: block;
    }
}

.about__list .table__item {
    margin: 0 7px 7px 0;
    width: calc(33.3333% - 14px / 3);
    font-size: 15px;
    padding: 23px 0;
    text-align: center;
    background-color: #fff;
}

.about__list .table__item:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .about__list .table__item {
        width: calc(50% - 7px / 2);
    }

    .about__list .table__item:nth-child(3n) {
        margin-right: 7px;
    }

    .about__list .table__item:last-child,
    .about__list .table__item:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width: 800px) {
    .about__list .table__item {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 16px 20px 16px 20px;
        text-align-last: left;
    }

    .about__list .table__item:last-child {
        margin-bottom: 0;
    }
}

.about__desc {
    background-color: #e5e5e5;
    border-radius: 10px;
    margin-top: 100px;
}

@media (max-width: 768px) {
    .about__desc {
        margin-top: 60px;
    }
}

.about__desc .desc {
    padding: 50px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .about__desc .desc {
        display: block;
    }
}

@media (max-width: 768px) {
    .about__desc .desc {
        padding: 20px 40px 30px;
    }
}

.about__desc .desc__heading {
    color: #0766ff;
    font-size: 26px;
    letter-spacing: 0.1em;
    margin-bottom: 8px;
}

@media (max-width: 1000px) {
    .about__desc .desc__heading {
        font-size: 2.8vw;
    }
}

@media (max-width: 768px) {
    .about__desc .desc__heading {
        font-size: 18px;
    }
}

.about__desc .heading__initial {
    color: #0766ff;
}

.about__desc .desc__ph {
    margin-left: auto;
}

@media (max-width: 1000px) {
    .about__desc .desc__ph {
        text-align: center;
    }
}

.about__digital {
    position: relative;
}

.about__digital:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    margin-left: -390px;
    top: 0;
    left: 0;
    background-color: #e5e5e5;
    z-index: -2;
}

@media (max-width: 768px) {
    .about__digital:before {
        margin-left: calc(50% - 50vw);
        background: #e5e5e5;
        background: -webkit-linear-gradient(#fff 0, #e5e5e5 100%);
        background: linear-gradient(#fff 0, #e5e5e5 100%);
    }
}

.about__digital .digital {
    padding: 80px 0 110px;
    position: relative;
    overflow: hidden;
}

.about__digital .digital:before {
    position: absolute;
    content: '';
    display: block;
    width: 898px;
    height: 491px;
    background-image: url(../img/itindustry_digital_img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -3px;
    left: 0;
    z-index: -1;
}

@media (max-width: 1330px) {
    .about__digital .digital:before {
        width: 100%;
    }
}

.about__digital .digital__inner {
    padding: 0 20px;
}

.about__digital .digital__heading {
    color: #0766ff;
    font-size: 30px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.about__digital .digital__sub {
    display: block;
    font-size: 23px;
}

.about__digital .digital__text {
    font-size: 16px;
    line-height: 2.3;
}

@media (max-width: 768px) {
    .about__digital .digital__text {
        font-size: 13px;
        line-height: 2;
    }
}

.about__digital .digital__ph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

@media (max-width: 1000px) {
    .about__digital .digital__ph {
        display: block;
        padding: 0 50px;
        margin: 50px auto 0;
    }
}

@media (max-width: 430px) {
    .about__digital .digital__ph {
        max-width: 210px;
        padding: 0;
    }
}

.about__digital .digital__ph .ph__item {
    margin-right: 30px;
}

.about__digital .digital__ph .ph__item:nth-child(2) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .about__digital .digital__ph .ph__item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .about__digital .digital__ph .ph__item:nth-child(2) {
        margin-bottom: 0;
    }
}

.about__esg .esg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

@media (max-width: 1100px) {
    .about__esg .esg {
        display: block;
    }
}

.about__esg .esg__item {
    background-color: #dde8ff;
    border-radius: 10px;
    margin: 0 25px 0 0;
    width: calc(33.3333% - 50px / 3);
}

.about__esg .esg__item:last-child {
    margin-right: 0;
}

@media (max-width: 1100px) {
    .about__esg .esg__item {
        width: 100%;
        margin: 0 0 22px 0;
    }

    .about__esg .esg__item:last-child {
        margin-bottom: 0;
    }
}

.about__esg .esg__ph {
    background-color: #fff;
}

.about__esg .esg__ph img {
    object-fit: cover;
    min-height: 170px;
    width: 100%;
    object-position: 50% 50%;
    border-radius: 10px 10px 0 0;
}

.about__esg .esg__text {
    padding: 30px 20px 40px;
}

.about__esg .esg__fig {
    margin-top: 55px;
}

.about__esg .container--more {
    margin-top: 74px;
}

.about__intro .title--intro {
    margin-top: 145px;
}

@media (max-width: 768px) {
    .about__intro .title--intro {
        margin-top: 50px;
    }
}

.about__intro .heading--section {
    border-bottom: 1px solid #bebfbf;
    padding-bottom: 22px;
    margin-bottom: 36px;
}

.about__intro .intro__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-top: 36px;
}

@media (max-width: 550px) {
    .about__intro .intro__list {
        display: block;
        padding: 0 52px;
        margin-top: 50px;
    }
}

.about__intro .intro__item {
    margin: 0 54px 0 0;
    width: calc(33.3333% - 108px / 3);
}

.about__intro .intro__item:nth-child(3) {
    margin-right: 0;
}

@media (max-width: 550px) {
    .about__intro .intro__item {
        width: 100%;
        margin: 0 0 30px 0;
        display: block;
    }

    .about__intro .intro__item:last-child {
        margin-bottom: 0;
    }
}

.about__intro .intro__caption {
    font-size: 16px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .about__intro .intro__caption {
        margin-top: 10px;
    }
}

.about__outer {
    margin: 110px 0 70px;
}

@media (max-width: 768px) {
    .about__outer {
        margin: 60px 0;
    }
}

.about__outer .title--wrap {
    padding: 80px 0;
    margin: 0;
    background-color: transparent;
}

@media (max-width: 768px) {
    .about__outer .title--wrap {
        padding: 60px 0;
    }
}

.about__outer .text {
    font-size: 15px;
    letter-spacing: 0.1em;
    text-align: justify;
}

.about__accordion .accordion {
    margin-top: 20px;
}

.about__accordion .accordion:first-child {
    margin-top: 0;
}

@media (max-width: 768px) {
    .about__accordion .accordion {
        margin-top: 10px;
    }
}

.about__accordion .acd__title {
    padding: 23px 23px 23px 36px;
    border: 1px solid #bebfbf;
}

@media (max-width: 768px) {
    .about__accordion .acd__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 23px 0 23px 15px;
    }
}

@media (max-width: 768px) {
    .about__accordion .acd__title.heading--accordion {
        font-size: 16px;
        line-height: 1.75;
    }
}

.about__accordion .acd__content {
    padding-left: 37px;
}

@media (max-width: 768px) {
    .about__accordion .acd__content {
        padding-left: 0;
    }
}

.about__accordion .heading--accordion {
    font-size: 15px;
    line-height: 1;
    color: #555;
}

.about__accordion .icon__mark {
    margin: 0;
    background-color: transparent;
    width: 15px;
    height: 15px;
    margin-right: 15px;
}

.about__accordion .icon__mark:after,
.about__accordion .icon__mark:before {
    width: 15px;
    background-color: #555;
}

.about__accordion .accordion__disc {
    border-bottom: 1px solid #bebfbf;
    padding: 32px 0;
}

@media (max-width: 768px) {
    .about__accordion .accordion__disc {
        padding: 25px 0;
        text-align: justify;
    }
}

.about__accordion .acd__box {
    border-bottom: 1px solid #bebfbf;
    padding: 40px 40px 40px 0;
}

@media (max-width: 768px) {
    .about__accordion .acd__box {
        padding: 30px 0 30px 0;
    }
}

.about__accordion .acd__box:last-child {
    border-bottom: none;
    padding-bottom: 10px;
}

.about__accordion .acd__text {
    margin-top: 25px;
}

.about__accordion .acd__text li {
    padding-left: 1.5em;
    position: relative;
}

.about__accordion .acd__text li:before {
    content: '';
    display: block;
    width: 0.25em;
    height: 0.25em;
    border-radius: 45%;
    background-color: #333;
    position: absolute;
    top: 0.9em;
    left: 0.5em;
}

.about__cyuki {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

body.js_isWin .about__digital:before {
    width: calc(100vw - 19px);
}

.benefit__wrapper {
    padding: 90px 132px 110px;
}

@media (max-width: 1000px) {
    .benefit__wrapper {
        padding: 60px 40px 80px;
    }
}

@media (max-width: 768px) {
    .benefit__wrapper {
        padding: 60px 30px 80px;
    }
}

@media (max-width: 768px) {
    .benefit__social {
        margin-top: 60px;
    }
}

.benefit__social .card__heading {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    height: 4em;
}

.benefit__social .heading__wrap {
    text-align: center;
}

.benefit__social .heading--en {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (max-width: 1000px) {
    .benefit__social .card__item {
        margin: 0 40px 40px 0;
        width: calc(50% - 40px / 2);
    }

    .benefit__social .card__item:nth-child(3n) {
        margin-right: 40px;
    }

    .benefit__social .card__item:nth-child(6n),
    .benefit__social .card__item:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .benefit__social .card__item {
        width: 100%;
        margin-bottom: 10px;
        padding: 33px 44px;
    }

    .benefit__social .card__item:last-child {
        margin-bottom: 0;
    }
}

.benefit__social .card__item:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1000px) {
    .benefit__social .card__item:last-child {
        width: 100%;
        margin-right: 0;
    }
}

.confirm.container--content {
    padding-top: 50px;
    padding-bottom: 110px;
}

@media (max-width: 768px) {
    .confirm.container--content {
        padding-top: 18px;
        padding-bottom: 79px;
    }
}

.confirm .entry--set {
    padding: 70px 20px 20px;
}

@media (max-width: 768px) {
    .confirm .entry--set {
        padding: 40px 20px 20px;
    }
}

.confirm .heading--wrap {
    padding: 0 50px;
}

@media (max-width: 768px) {
    .confirm .heading--wrap {
        padding: 0;
    }
}

.confirm .heading--navi {
    margin-bottom: 38px;
}

.entry.container--content {
    padding-top: 50px;
    padding-bottom: 110px;
}

@media (max-width: 768px) {
    .entry.container--content {
        padding-top: 18px;
        padding-bottom: 80px;
    }
}

.entry__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .entry__title .navi--entry {
        display: none;
    }
}

.entry .list--box {
    margin-top: 100px;
}

@media (max-width: 768px) {
    .entry .list--box {
        margin-top: 50px;
    }
}

.entry .navi--entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 13px;
}

.entry .navi--num {
    margin-right: 12px;
}

.entry .post-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .entry .post-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.entry .post-wrap .guide {
    margin: 0 22px;
}

.entry .post-wrap .guide:first-child {
    margin-left: 0;
    margin-right: 15px;
}

.entry .post-wrap .post-num {
    max-width: 150px;
}

.entry .post-wrap .post-wrapNum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.entry .post-wrap .post-wrapBtn {
    margin-left: 25px;
}

@media (max-width: 768px) {
    .entry .post-wrap .post-wrapBtn {
        margin-top: 10px;
        margin-left: 28px;
    }
}

.entry .post-wrap .post-wrapBtn .searchWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.entry .post-wrap .post-wrapBtn .searchWrap .entry__err {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto;
    padding-left: 10px;
}

.entry .post-search {
    font-size: 15px;
    color: #fff;
    background-color: #0766ff !important;
    border-radius: 6px;
    cursor: pointer;
    margin: 0;
    padding: 0.95em;
    width: 118px;
    display: inline-block;
    line-height: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.entry .post-search:hover {
    opacity: 0.6;
}

.entry .address-wrap input {
    margin-top: 10px;
}

.entry__err {
    display: block;
    color: red;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .entry__err {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
}

.entry--set {
    border-radius: 10px;
}

.entry--set input,
.entry--set textarea {
    color: #909090;
    -webkit-font-feature-settings: norml;
    font-feature-settings: norml;
    background-color: #fff;
    padding: 1.75em;
    border-radius: 10px;
    font-size: 18px;
}

.entry--set input::-webkit-input-placeholder,
.entry--set textarea::-webkit-input-placeholder {
    color: #d7dada;
}

.entry--set input:-ms-input-placeholder,
.entry--set textarea:-ms-input-placeholder {
    color: #d7dada;
}

.entry--set input::placeholder,
.entry--set textarea::placeholder {
    color: #d7dada;
}

@media (max-width: 768px) {
    .entry--set input,
    .entry--set textarea {
        font-size: 16px;
        border-radius: 6px;
        padding: 1.25em;
    }
}

.entry--set input:focus,
.entry--set textarea:focus {
    background-color: #abacac;
    color: #fff;
}

.entry--set input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #b6b7b7 inset;
    box-shadow: 0 0 0 1000px #b6b7b7 inset;
    -webkit-text-fill-color: #fff !important;
}

.entry--set input[type='email'],
.entry--set input[type='tel'],
.entry--set input[type='text'] {
    width: 100%;
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .entry--set input[type='email'],
    .entry--set input[type='tel'],
    .entry--set input[type='text'] {
        height: 60px;
    }
}

.entry--set textarea {
    width: 100%;
    min-height: 239px;
}

.entry__box-radio {
    margin-right: calc((100% - 140px) * 1.4 / 3);
}

@media (max-width: 1000px) {
    .entry__box-radio {
        margin-right: calc((100% - 140px) * 0.2 / 3);
    }
}

@media (max-width: 768px) {
    .entry__box-radio {
        margin-right: calc((100% - 140px) * 0.2 / 2);
    }
}

.entry__form .entry--set {
    padding: 70px;
}

@media (max-width: 768px) {
    .entry__form .entry--set {
        padding: 40px 20px 20px;
    }
}

.entry__form .list__tag {
    margin-top: 30px;
}

.entry .guide,
.entry .radio-label {
    font-size: 15px;
    color: #555;
}

@media (max-width: 768px) {
    .entry .guide,
    .entry .radio-label {
        font-size: 14px;
    }
}

.entry .field2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .entry .field2 {
        display: block;
    }
}

.entry .field2 .wrap {
    margin: 0 40px 0 0;
    width: calc(50% - 40px / 2);
}

.entry .field2 .wrap:last-child {
    margin-right: 0;
}

@media (max-width: 768px) {
    .entry .field2 .wrap {
        width: 100%;
    }

    .entry .field2 .wrap:last-child {
        margin-top: 10px;
    }
}

.entry .field3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .entry .field3 {
        display: block;
    }
}

.entry .field3 input {
    max-width: 130px;
    text-align: center;
}

.entry .field3 .guide {
    margin: 0 30px 0 17px;
}

.entry .field3 input::-webkit-input-placeholder {
    text-align: left;
}

.entry .field3 input:-ms-input-placeholder {
    text-align: left;
}

.entry .field3 input::placeholder {
    text-align: left;
}

.entry .field3 .field3__wrap--md,
.entry .field3 .field3__wrap--year {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.entry .field3 .field3__wrap--year input {
    max-width: 180px;
}

@media (max-width: 768px) {
    .entry .field3 .field3__wrap--year {
        margin-bottom: 10px;
    }
}

.entry .col3 li {
    margin: 0 30px 22px 0;
    width: calc(33.3333% - 60px / 3);
    white-space: nowrap;
}

.entry .col3 li:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 768px) {
    .entry .col3 li {
        margin: 0 18px 20px 0;
        width: calc(50% - 36px / 2);
    }

    .entry .col3 li:nth-child(2n) {
        margin-right: 0;
    }

    .entry .col3 li:nth-child(3n) {
        margin-right: 18px;
    }
}

.entry__item {
    margin-top: 60px;
}

.entry__item > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
}

@media (max-width: 768px) {
    .entry__item {
        margin-top: 50px;
    }
}

.entry__heading {
    color: #0766ff;
    font-size: 18px;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .entry__heading {
        font-size: 16px;
    }
}

.entry__require {
    font-size: 18px;
    -webkit-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    line-height: 1;
    color: red;
    display: inline-block;
    margin-left: -0.3em;
    padding-bottom: 0.6em;
}

@media (max-width: 768px) {
    .entry__require {
        font-size: 16px;
    }
}

.entry__optional {
    font-size: 18px;
    -webkit-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    line-height: 1;
    color: #717071;
    display: inline-block;
    margin-left: -0.3em;
    padding-bottom: 0.6em;
}

@media (max-width: 768px) {
    .entry__optional {
        font-size: 16px;
    }
}

.entry__radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.entry__sex input[type='radio'] {
    display: none;
}

.entry__sex input[type='radio'] + label {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    padding: 3px 3px 3px 40px;
    cursor: pointer;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
}

.entry__sex input[type='radio'] + label::after,
.entry__sex input[type='radio'] + label::before {
    position: absolute;
    content: '';
    top: 50%;
    border-radius: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.entry__sex input[type='radio'] + label::before {
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: #fff;
}

.entry__sex input[type='radio'] + label:hover::before {
    background: #fff;
}

.entry__sex input[type='radio'] + label::after {
    opacity: 0;
    left: 8px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: red;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.entry__sex input[type='radio']:checked + label::before {
    background: #fff;
}

.entry__sex input[type='radio']:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.entry__place input[type='checkbox'] {
    display: none;
}

.entry__place input[type='checkbox'] + label {
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-right: 10px;
}

.entry__place input[type='checkbox'] + label::before {
    content: '';
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin-top: -13px;
    left: 0;
    top: 50%;
    background-color: #fff;
}

.entry__place input[type='checkbox']:checked + label::after {
    content: '';
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -6px;
    top: 50%;
    left: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color: red;
}

.entry__note {
    -webkit-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    display: inline-block;
    margin-left: -1em;
    padding-bottom: 0.6em;
}

.entry--title > .navi--entry {
    display: none;
}

@media (max-width: 768px) {
    .entry--title > .navi--entry {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.entry__link {
    margin: 77px auto 0;
    max-width: 340px;
}

@media (max-width: 768px) {
    .entry__link {
        max-width: 274px;
        margin-top: 60px;
    }
}

@media (max-width: 550px) {
    .entry__link .btn--return {
        padding-left: 7em;
    }
}

.entry__links {
    margin: 77px auto 0;
    max-width: 710px;
}

@media (max-width: 550px) {
    .entry__links {
        max-width: 274px;
        margin-top: 60px;
    }
}

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

.entry__links .wrap .btn--return {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.entry__links .wrap .btn--return button,
.entry__links .wrap .btn--return input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.entry__links .wrap .btn--return::after {
    pointer-events: none;
}

@media (max-width: 550px) {
    .entry__links .wrap {
        display: block;
    }

    .entry__links .wrap .btn--return:nth-child(1) {
        padding-left: 3.5em;
    }

    .entry__links .wrap .btn--return:nth-child(2) {
        padding-left: 6em;
    }

    .entry__links .wrap .btn--return::after {
        margin-right: 0;
        margin-left: 0;
        left: 0;
    }
}

.entry__links .btn {
    margin-right: 33px;
    width: calc(50% - 33px / 2);
}

.entry__links .btn:last-child {
    margin-right: 0;
}

@media (max-width: 550px) {
    .entry__links .btn {
        width: 100%;
        margin-bottom: 20px;
    }

    .entry__links .btn:last-child {
        margin-bottom: 0;
    }
}

.entry__top {
    margin: 34px auto 0;
    max-width: 340px;
}

@media (max-width: 768px) {
    .entry__top {
        max-width: 274px;
        margin-top: 60px;
    }
}

@media (max-width: 550px) {
    .entry__top .btn--return {
        padding-left: 6em;
    }
}

.entry__agreement {
    text-align: center;
    margin: 50px auto;
}

.entry__agreement input {
    display: none;
}

.entry__agreement label span {
    display: inline-block;
    padding-left: 2.5em;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.entry__agreement label span:after,
.entry__agreement label span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.entry__agreement label span:before {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #0766ff;
    margin-right: 0.5em;
}

.entry__agreement label span:after {
    width: 14px;
    height: 8px;
    border-left: 2px solid #0766ff;
    border-bottom: 2px solid #0766ff;
    position: absolute;
    top: 6px;
    left: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

.entry__agreement input {
    color: #333;
    font-size: inherit;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    border: 1px solid #cddae2;
    background-color: #fff;
    padding: 1em;
    border-radius: 0;
}

.entry__agreement label input[type='checkbox']:checked + span:after {
    opacity: 1;
}

.entry__agreement a {
    color: #0766ff;
    text-decoration: underline;
}

.entry__submit-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: auto;
}

.entry__btn-submit {
    margin: 0 12px 24px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    max-width: 340px;
    position: relative;
    pointer-events: none;
}

.entry__btn-submit input[type='submit'] {
    font-size: 20px;
    text-align: left;
    padding-left: 34px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background-color: #0766ff;
    border: 1px solid #0766ff;
    color: #fff;
    width: 100%;
    height: 102px;
    -webkit-transition: background-color 150ms ease, border 150ms ease;
    transition: background-color 150ms ease, border 150ms ease;
}

.entry__btn-submit input[type='submit']:hover {
    color: #0766ff;
    background-color: #fff;
}

@media (max-width: 768px) {
    .entry__btn-submit input[type='submit'] {
        font-size: 14px;
        height: 70px;
        padding-left: 74px;
    }
}

.entry__btn-submit input[type='submit']:disabled {
    border: 1px solid #cddae2;
    background-color: #cddae2;
    pointer-events: none;
}

.entry__btn-submit.show {
    pointer-events: auto;
}

@media (max-width: 768px) {
    .entry__btn-submit {
        max-width: 274px;
    }
}

.entry__btn-submit .btn__arrow {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 2.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media (max-width: 768px) {
    .entry__btn-submit .btn__arrow {
        width: 24px;
        height: 24px;
    }
}

.entry__btn-submit .arrow-on {
    display: none;
}

.entry__btn-submit:hover .arrow-off {
    display: none;
}

.entry__btn-submit:hover .arrow-on {
    display: block;
}

.faq__container {
    padding-bottom: 128px;
}

.faq__container.container--right {
    padding-left: 390px;
}

@media (max-width: 1000px) {
    .faq__container.container--right {
        padding-left: 350px;
    }
}

@media (max-width: 768px) {
    .faq__container.container--right {
        padding-left: 30px;
    }
}

@media (max-width: 768px) {
    .faq__container {
        padding: 60px 30px 80px;
    }
}

.faq__container .accordion {
    background-color: #e5e5e5;
    border-radius: 5px;
    margin-top: 20px;
}

.faq__container .accordion:nth-of-type(1) {
    margin-top: 0;
}

@media (max-width: 768px) {
    .faq__container .accordion {
        margin-top: 10px;
    }
}

.faq__social {
    padding-right: 92px;
    height: 100%;
}

@media (max-width: 1000px) {
    .faq__social {
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .faq__social {
        padding-right: 0;
    }
}

.faq__social .heading--section {
    margin-bottom: 38px;
}

@media (max-width: 768px) {
    .faq__social .heading--section {
        margin: 60px auto 30px;
        text-align: center;
    }
}

.faq__inner {
    margin-top: 70px;
}

.faq__inner:first-child {
    margin-top: 0;
}

.faq__cv {
    margin: 90px auto 0;
}

.faq__cv .para {
    line-height: 1.8;
}

.faq__cv a {
    color: #0766ff;
    text-decoration: underline;
}

.footer {
    background-color: #073393;
}

.footer__container {
    max-width: 1280px;
    margin: auto;
    padding: 55px 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

@media (max-width: 1000px) {
    .footer__container {
        padding: 55px 30px 0;
    }
}

@media (max-width: 768px) {
    .footer__container .footer__logo,
    .footer__container .footer__totop {
        display: none;
    }

    .footer__container .footer__logo.logo-entry-only,
    .footer__container .footer__totop.logo-entry-only {
        display: block;
    }
}

.footer__navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 0.6;
    color: #fff;
    margin-left: auto;
    width: 49.21875%;
}

@media (max-width: 1000px) {
    .footer__navi {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .footer__navi {
        display: none;
    }
}

.footer__corporate {
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 50px 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .footer__corporate {
        padding: 35px 25px 45px;
        display: none;
    }
}

@media (max-width: 1000px) {
    .footer__corporate .navi--corporate {
        display: none;
    }
}

.footer__corporate .footer__logo {
    display: none;
}

@media (max-width: 768px) {
    .footer__corporate .footer__logo {
        display: block;
        max-width: 140px;
    }
}

.footer__corporate--sp {
    display: none;
}

@media (max-width: 1000px) {
    .footer__corporate--sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .footer__corporate--sp {
        padding: 18px 25px 0;
        display: block;
    }

    .footer__corporate--sp .wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .footer__corporate--sp .footer__totop {
        display: none;
        font-size: 10px;
    }
}

@media (max-width: 768px) and (max-width: 1000px) {
    .footer__corporate--sp .footer__totop {
        display: block;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .footer__corporate--sp .navi--corporate {
        display: block;
        height: auto;
    }

    .footer__corporate--sp .navi--corporate li {
        padding: 0;
    }
}

.footer__corporate--sp .footer__logo--sp {
    display: none;
}

@media (max-width: 768px) {
    .footer__corporate--sp .footer__logo--sp {
        display: block;
        max-width: 140px;
    }
}

.footer__copyright {
    max-width: 1280px;
    margin: 0 auto;
}

.footer__copyright .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px 45px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 1000px) {
    .footer__copyright .wrap {
        padding: 0 30px 45px;
    }
}

@media (max-width: 768px) {
    .footer__copyright .wrap {
        padding: 0 30px 45px;
    }
}

.footer__copyright img {
    max-width: 50px;
    margin-left: auto;
}

.footer__copyright small {
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    display: block;
    margin-top: 10px;
    margin-right: auto;
}

.footer__totop {
    font-weight: 600;
    font-size: 14px;
    line-height: 102px;
    text-align: center;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #073393;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.footer__totop:hover {
    background-color: #fff;
}

.footer__totop:hover a {
    color: #073393;
}

@media (max-width: 1000px) {
    .footer__totop {
        display: none;
        width: 72px;
        height: 72px;
        line-height: 72px;
        margin-left: 0;
    }

    .footer__totop.totop-entry-only {
        display: block;
        margin-left: auto;
    }

    .footer__totop.totop-entry-only .btn--totop {
        font-size: 10px;
    }
}

.footer__entry {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 60px 0 0;
}

.footer__entry a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 270px;
    height: 70px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #073393;
    font-size: 24px;
    font-weight: 600;
    transition: color 0.3s, background-color 0.3s;
}

.footer__entry a:hover {
    background-color: #073393;
    color: #fff;
}

@media (max-width: 1000px) {
    .footer__entry {
        padding: 30px 0 12px;
    }

    .footer__entry a {
        font-size: 20px;
    }
}

.fv__wrap {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ff0;
    background-color: #fff;
    max-width: 625px;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .fv__wrap {
        border-radius: 0 0 10px 0;
        width: 92%;
    }
}

.fv__wrap.secondFv .title--wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: auto;
    width: 100%;
    padding: 220px 0 117px 0;
}

@media (max-width: 768px) {
    .fv__wrap.secondFv .title--wrap {
        border-radius: 0 0 10px 0;
        padding: 100px 0 50px 0;
    }

    .fv__wrap.secondFv .title--wrap.about--title {
        padding: 100px 0 50px 0;
    }

    .fv__wrap.secondFv .title--wrap.interview--title {
        padding: 123px 0 71px 0;
    }
}

.fv__wrap.secondFv.secondFv--txt .title--wrap {
    padding-bottom: 40px;
}

@media (max-width: 768px) {
    .fv__wrap.secondFv.secondFv--txt .title--wrap {
        padding: 100px 0 50px 0;
    }
}

.fv__wrap .title--wrap {
    padding-top: 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 768px) {
    .fv__wrap .title--wrap {
        padding-top: 85px;
        padding-bottom: 0;
    }
}

.fv__wrap .heading--title {
    position: relative;
    padding: 20px 0 24px 90px;
}

.fv__wrap .heading--title:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 148px;
    left: 0;
    bottom: 0;
    background-color: #0766ff;
}

@media (max-width: 768px) {
    .fv__wrap .heading--title:before {
        width: 10px;
        height: 120px;
    }
}

@media (max-width: 768px) {
    .fv__wrap .heading--title {
        font-size: 35px;
        padding: 20px 0 30px 40px;
    }
}

.fv__wrap .heading--title.sp--interview-title:before {
    content: none;
}

.fv__wrap .heading--jp {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .fv__wrap .heading--jp {
        font-size: 12px;
        margin-top: 20px;
    }
}

.fv__wrap .heading--lead {
    padding: 40px 0 0 90px;
}

.fv__wrap .heading--chapter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 0 0 90px;
}

@media (max-width: 768px) {
    .fv__wrap .heading--chapter {
        padding: 0 0 0 40px;
    }
}

.fv__bg {
    position: relative;
    left: 0;
    z-index: -1;
    padding-top: 358px;
    background-color: #e5e5e5;
}

@media (max-width: 768px) {
    .fv__bg {
        padding-top: 160px;
    }
}

.fv__bg img {
    height: 513px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media (max-width: 768px) {
    .fv__bg img {
        height: 250px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .fv__title.entry--title {
        padding: 0 20px;
    }
}

.fv--category {
    padding-top: 147px;
}

@media (max-width: 768px) {
    .fv--category {
        padding-top: 120px;
    }
}

.fv__inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 75px;
    margin-top: 70px;
}

.fv__text + .title--wrap {
    margin-top: 145px;
}

@media (max-width: 768px) {
    .fv__text + .title--wrap {
        margin-top: 50px;
    }
}

.fv__copy {
    font-size: 42px;
    line-height: 1.52;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
    color: #0766ff;
}

@media (max-width: 1100px) {
    .fv__copy {
        font-size: 3.2vw;
    }
}

@media (max-width: 768px) {
    .fv__copy {
        font-size: 22px;
        margin-bottom: 40px;
    }
}

.fv__lead .para {
    font-size: 16px;
}

@media (max-width: 768px) {
    .fv__lead .para {
        font-size: 14px;
    }
}

.fv__interview {
    position: relative;
}

#rep {
    padding-top: 90px;
    margin-top: -90px;
}

.growth--container {
    padding: 70px 60px;
    background-color: #dde8ff;
    border-radius: 0 0 12px 12px;
    border: 1px solid #9fc3ff;
    border-top: none;
}

@media (max-width: 768px) {
    .growth--container {
        border-radius: 0;
    }
}

.growth--container .growth__section {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #0766ff;
}

@media (max-width: 768px) {
    .growth--container .growth__section {
        margin-bottom: 30px;
    }
}

.growth--container .growth__section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

@media (max-width: 768px) {
    .growth--container.urgency {
        padding: 60px 30px 100px;
    }
}

@media (max-width: 430px) {
    .growth--container.urgency {
        padding: 60px 30px 30px;
    }
}

@media (max-width: 768px) {
    .growth--container.continuation {
        padding: 60px 30px;
    }
}

.growth__section .container--block {
    margin-top: 40px;
}

.growth__section .container--block.growth__skill {
    margin-bottom: 40px;
}

.growth__section .heading--md {
    margin-bottom: 27px;
}

@media (max-width: 768px) {
    .growth__section .heading--md {
        margin-bottom: 20px;
    }
}

.growth__copy {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .growth__copy .heading--sub {
        margin-bottom: 22px;
    }
}

@media (max-width: 374px) {
    .growth__copy .heading--sub {
        font-size: 5.2vw;
    }
}

.growth__process .process {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1270px) {
    .growth__process .process {
        display: block;
    }
}

.growth__process .card__item {
    margin: 0 20px 0 0;
    width: calc(33.3333% - 40px / 3);
}

@media (max-width: 1270px) {
    .growth__process .card__item {
        margin: 0 0 20px 0;
        padding: 27px;
        width: 100%;
    }

    .growth__process .card__item:last-child {
        margin-bottom: 0;
    }
}

.growth__process .card__heading {
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: 0.05em;
    height: 4em;
    margin-bottom: 18px;
}

@media (max-width: 1270px) {
    .growth__process .card__heading {
        height: auto;
    }
}

.growth__skill .skill--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

@media (max-width: 1000px) {
    .growth__skill .skill--list {
        display: block;
    }
}

.growth__skill .skill--item {
    font-size: 15px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: 0 8px 8px 0;
}

@media (max-width: 768px) {
    .growth__skill .skill--item {
        font-size: 13px;
    }
}

@media (max-width: 1000px) {
    .growth__skill .skill--list.col2 {
        display: block;
    }
}

@media (max-width: 768px) {
    .growth__skill .skill--list.col2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.growth__skill .skill--list.col2 .skill--item {
    padding: 20px 0;
    width: calc(50% - 8px / 2);
}

.growth__skill .skill--list.col2 .skill--item:nth-child(2n) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .growth__skill .skill--list.col2 .skill--item {
        margin-right: 0;
        width: 100%;
        padding: 10px 0;
    }

    .growth__skill .skill--list.col2 .skill--item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .growth__skill .skill--list.col2 .skill--item {
        margin: 0 7px 8px 0;
        width: calc(50% - 7px / 2);
    }

    .growth__skill .skill--list.col2 .skill--item:nth-child(2n) {
        margin-right: 0;
    }

    .growth__skill .skill--list.col2 .skill--item:last-child {
        margin-bottom: 8px;
    }
}

.growth__skill .skill--list.col3 .skill--item {
    padding: 10px 0;
    width: calc(33.3333% - 16px / 3);
}

.growth__skill .skill--list.col3 .skill--item:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .growth__skill .skill--list.col3 .skill--item {
        width: 100%;
        padding: 10px 0;
    }

    .growth__skill .skill--list.col3 .skill--item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 1000px) {
    .growth__skill.table .list__item {
        display: block;
    }
}

.growth__skill.table .list__item .list__heading {
    border-right: 2px solid #dde8ff;
    max-width: 250px;
}

@media (max-width: 1000px) {
    .growth__skill.table .list__item .list__heading {
        padding: 30px 20px;
        max-width: 100%;
        border-bottom: 1px solid #dde8ff;
        border-right: none;
    }
}

@media (max-width: 768px) {
    .growth__skill.table .list__item .list__text {
        padding: 20px;
    }
}

.growth__skill.table .list__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .growth__skill.table .list__heading {
        display: block;
    }
}

.growth__skill .qualities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1100px) {
    .growth__skill .qualities {
        display: block;
    }
}

.growth__skill .qualities__fig {
    text-align: center;
}

.growth__skill .qualities__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
}

@media (max-width: 1100px) {
    .growth__skill .qualities__list {
        padding-left: 0;
        margin-top: 38px;
    }
}

.growth__skill .qualities__heading {
    font-size: 14px;
    color: #555;
}

.growth__skill .qualities__item {
    border-bottom: 1px solid #abacac;
    padding: 15px 0;
    line-height: 1.8;
}

.growth__skill .qualities__item:first-child {
    border-top: 1px solid #abacac;
}

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

@media (max-width: 1100px) {
    .growth__rep {
        display: block;
    }
}

.growth__rep .rep__phWrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 768px) {
    .growth__rep .rep__nameCard {
        margin-left: calc(50% - 50vw);
        background-color: #0766ff;
        color: #fff;
        border-radius: 0 10px 10px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        min-height: 180px;
        z-index: 1;
        position: relative;
    }

    .growth__rep .rep__nameCard .heading--en,
    .growth__rep .rep__nameCard .heading--md {
        color: #fff;
    }

    .growth__rep .rep__nameCard .wrap {
        padding-left: 30px;
    }
}

.growth__rep .rep__discWrap {
    width: calc(100% - 324px);
    padding-left: 38px;
    height: auto;
}

@media (max-width: 1100px) {
    .growth__rep .rep__discWrap {
        width: 100%;
        padding-left: 0;
    }
}

.growth__rep .ph--main {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .growth__rep .ph--main {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-bottom: 40px;
        margin-top: -90px;
    }
}

.growth__rep .ph--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
}

.growth__rep .rep--item {
    margin: 0 17px 17px 0;
    width: calc(33.3333% - 34px / 3);
}

.growth__rep .rep--item:nth-child(3n) {
    margin-right: 0;
}

.growth__rep .rep--item img {
    border-radius: 10px;
}

.growth__rep .heading--md {
    line-height: 1;
}

@media (max-width: 768px) {
    .growth__rep .heading--md {
        font-size: 20px;
    }
}

.growth__rep .heading--en {
    display: block;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .growth__rep .heading--en {
        font-size: 14px;
    }
}

.growth__rep .rep--title {
    color: #0766ff;
    margin-top: 30px;
}

.growth__rep .btn--more {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .growth__rep .btn--more {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 30px;
    }
}

.growth__trainer .trainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
}

.growth__trainer .trainer:last-child {
    margin-bottom: 0;
}

.growth__trainer .trainer:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.6;
}

@media (max-width: 1100px) {
    .growth__trainer .trainer {
        display: block;
        margin-bottom: 50px;
    }
}

@media (max-width: 430px) {
    .growth__trainer .trainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .growth__trainer .trainer:nth-of-type(6) {
        margin-bottom: 0;
    }
}

.growth__trainer .trainer--link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.growth__trainer .trainer--ph {
    width: 44.98525%;
    margin: 0 30px 0 0;
}

@media (max-width: 1100px) {
    .growth__trainer .trainer--ph {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 430px) {
    .growth__trainer .trainer--ph {
        margin: 0 20px 0 0;
        width: auto;
    }
}

.growth__trainer .trainer--ph img {
    border-radius: 10px;
    width: 100%;
}

@media (max-width: 430px) {
    .growth__trainer .trainer--ph img {
        width: 82px;
        height: 134px;
    }
}

@media (max-width: 430px) {
    .growth__trainer .trainer--ph .tr--pc {
        display: none;
    }
}

.growth__trainer .trainer--ph .tr--sp {
    display: none;
}

@media (max-width: 430px) {
    .growth__trainer .trainer--ph .tr--sp {
        display: block;
    }
}

.growth__trainer .trainer--txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.growth__trainer .interview--msg {
    color: #0766ff;
    font-size: 18px;
    line-height: 1.7;
}

@media (max-width: 430px) {
    .growth__trainer .interview--msg {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .growth__trainer .interview--msg {
        font-size: 12px;
        letter-spacing: 0.08em;
    }
}

.growth__trainer .interview--order {
    margin-top: 10px;
    line-height: 1;
}

@media (max-width: 430px) {
    .growth__trainer .interview--order .interview--name {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .growth__trainer .interview--order .interview--name {
        font-size: 12px;
    }
}

.growth__trainer .interview--position {
    margin-top: 10px;
}

.growth__trainer .interview--position li {
    line-height: 1.3;
}

body.js_isWin .header__logo span {
    padding-top: 0.5em;
}

.header {
    padding: 0 172px 0 33px;
    width: 100%;
    height: 80px;
    position: fixed;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
    left: 0;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .header {
        padding: 0 30px;
    }
}

@media (max-width: 768px) {
    .header {
        padding: 0 20px 0 30px;
    }
}

.header.on {
    background-color: rgba(255, 255, 255, 0.8);
}

.header--wrap {
    position: relative;
}

.header__container {
    max-width: 1280px;
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    display: flex;
    align-items: center;
}

.header__logo--sp {
    display: none;
}

.header__logo img,
.header__logo--sp img {
    height: 37px;
}

@media (max-width: 1000px) {
    .header__logo {
        display: none;
    }

    .header__logo--sp {
        display: block;
    }

    .header__logo img,
    .header__logo--sp img {
        height: 32px;
    }
}

.header__logo span {
    font-weight: 400;
    line-height: 1;
    margin-left: 20px;
}

@media (max-width: 1000px) {
    .header__logo span {
        font-size: 10px;
    }
}

.header__logo.sp--logo {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 30;
    left: 30px;
    top: 24px;
}

.header__logo.sp--logo span {
    color: #fff;
}

.header__logo.sp--logo.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}

.header__navi {
    margin-left: auto;
}

.header__navi li {
    white-space: nowrap;
}

@media (max-width: 1000px) {
    .header__navi {
        display: none;
    }
}

.header__entry {
    font-weight: 100;
    font-size: 21px;
    width: 138px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0766ff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header__entry .btn--entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header__entry:hover {
    background-color: #fff;
}

.header__entry:hover .btn--entry {
    color: #0766ff;
    background-color: #fff;
}

@media (max-width: 1000px) {
    .header__entry {
        display: none;
    }
}

.header__entry--off {
    font-weight: 100;
    font-size: 21px;
    width: 138px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #d5d5d5;
    transform: none;
}

.header__entry--off .btn--entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 1000px) {
    .header__entry--off {
        display: none;
    }
}

.info__container {
    width: 100%;
    margin-left: auto;
    padding-bottom: 128px;
}

.info__container .heading--section {
    margin-bottom: 119px;
}

@media (max-width: 768px) {
    .info__container {
        background-color: #e5e5e5;
        padding: 60px 30px 80px;
    }
}

.info__inner .info__social:first-child {
    margin-top: 0;
}

@media (max-width: 768px) {
    .info__inner .info__social {
        margin-bottom: 80px;
    }

    .info__inner .info__social:last-child {
        margin-bottom: 0;
    }
}

.info__social {
    border-radius: 20px 0 0 20px;
    background-color: #e5e5e5;
    padding: 75px 92px 40px 40px;
    margin-top: 40px;
}

@media (max-width: 1000px) {
    .info__social {
        padding: 75px 40px 40px 40px;
    }
}

@media (max-width: 768px) {
    .info__social {
        padding: 0;
    }
}

.info__social .heading--section {
    margin-bottom: 70px;
}

@media (max-width: 768px) {
    .info__social .heading--section {
        margin-bottom: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 22px;
        border-bottom: 1px solid #c9caca;
        padding-bottom: 50px;
    }
}

.info__social .list__tag {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .info__social .list__tag li {
        margin: 0 9px 9px 0;
        width: calc(33.3333% - 18px / 3);
    }

    .info__social .list__tag li:nth-child(3n) {
        margin-right: 0;
    }
}

.info__social .navi__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 73px;
}

.info__card {
    position: relative;
    background-color: #fff;
    margin-top: 20px;
    padding: 50px;
    border-radius: 10px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.info__card + .heading--offer {
    margin-top: 70px;
}

@media (max-width: 768px) {
    .info__card + .heading--offer {
        margin-top: 0;
    }
}

.info__card:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .info__card {
        padding: 30px;
        margin-top: 10px;
    }
}

.info__heading {
    font-size: 18px;
    color: #0766ff;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

@media (max-width: 768px) {
    .info__heading {
        font-size: 16px;
    }
}

.info__links {
    margin: 0 auto 110px;
    width: 100%;
}

@media (max-width: 1000px) {
    .info__links {
        padding: 0 30px;
    }
}

.info--linkIndex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    max-width: 710px;
}

@media (max-width: 550px) {
    .info--linkIndex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        max-width: 274px;
    }
}

.info--linkIndex li {
    margin: 0 33px 0 0;
    width: calc(50% - 33px / 2);
}

.info--linkIndex li:last-child {
    margin-right: 0;
}

@media (max-width: 550px) {
    .info--linkIndex li {
        width: 100%;
    }

    .info--linkIndex li:first-child {
        margin-top: 20px;
        margin-right: 0;
    }

    .info--linkIndex li .btn--return {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 3em;
    }
}

body.js_isWin .listData6 .data__num {
    padding-top: 0.2em;
    padding-bottom: 0;
}

body.js_isWin .title-num {
    line-height: 33px;
}

body.js_isWin .title-data {
    display: block;
    padding-top: 0.2em;
}

body.js_isWin .listData9 .data__num {
    padding-top: 0.2em;
    padding-bottom: 0;
}

body.js_isWin .listData10 .data__num {
    padding-top: 0.2em;
    padding-bottom: 0;
}

.chart {
    display: table;
    table-layout: fixed;
    width: 47%;
    height: 200px;
    border-bottom: 1px solid #555;
    background-position: left top;
}

@media (max-width: 768px) {
    .chart {
        width: 90%;
        margin: 0 auto;
    }
}

.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: auto;
}

.chart .number {
    text-align: center;
    display: block;
}

.chart .bar_graph {
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    color: #0766ff;
}

@media (max-width: 768px) {
    .chart .bar_graph {
        font-size: 25px;
    }
}

.chart .unit {
    display: block;
    font-size: 15px;
    margin: 8px 0;
}

@media (max-width: 768px) {
    .chart .unit {
        font-size: 13px;
    }
}

.chart .year {
    margin: auto;
    width: 58%;
    display: block;
    background-color: #0766ff;
    -webkit-animation: draw 1s ease-in-out;
    animation: draw 1s ease-in-out;
}

.chart .year:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 5px 1em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
}

@-webkit-keyframes draw {
    0% {
        height: 0;
    }
}

@keyframes draw {
    0% {
        height: 0;
    }
}

.infographics.container--content {
    padding-top: 87px;
    padding-bottom: 150px;
}

@media (max-width: 1100px) {
    .infographics.container--content {
        padding: 87px 30px 150px;
    }
}

@media (max-width: 768px) {
    .infographics.container--content {
        padding: 80px 30px;
    }
}

.infographics--wrapper {
    padding: 60px 30px;
}

.infographics--data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .infographics--data {
        display: block;
    }
}

.infographics--item {
    background-color: #fff;
    padding: 17px;
    border-radius: 10px;
    margin: 20px 20px 0 0;
    width: calc(33.3333% - 40px / 3);
    height: 323px;
    position: relative;
}

.infographics--item i {
    display: inline-block;
    line-height: 1;
}

@media (max-width: 768px) {
    .infographics--item.col--low {
        height: auto;
    }
}

.infographics--item.listData1 {
    height: auto;
    padding: 175px 0;
}

.infographics--item.listData2 .heading--data,
.infographics--item.listData3 .heading--data,
.infographics--item.listData4 .heading--data,
.infographics--item.listData7 .heading--data {
    margin-bottom: 20px;
}

.infographics--item.listData10,
.infographics--item.listData6,
.infographics--item.listData9 {
    height: auto;
    padding: 95px 0;
}

.infographics--item.listData10 .data__num,
.infographics--item.listData6 .data__num,
.infographics--item.listData9 .data__num {
    vertical-align: baseline;
}

@media (max-width: 1000px) {
    .infographics--item.listData10 .heading--data {
        line-height: 1.6;
    }

    .infographics--item.listData10 .sp--active {
        display: block;
    }
}

.infographics--item .listData2-cyuki {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
}

@media (max-width: 768px) {
    .infographics--item {
        width: 100%;
        height: auto;
        min-height: 190px;
    }

    .infographics--item.listData1 {
        padding: 260px 0;
    }

    .infographics--item.listData2 {
        padding: 160px 0;
    }

    .infographics--item.listData3 {
        padding: 160px 0;
    }

    .infographics--item.listData4 {
        padding: 160px 0;
    }

    .infographics--item.listData5 {
        padding: 380px 0;
    }

    .infographics--item.listData6 {
        padding: 280px 0;
    }

    .infographics--item.listData7 {
        padding: 160px 0;
    }

    .infographics--item.listData8 {
        padding: 210px 0;
    }

    .infographics--item.listData9 {
        padding: 160px 0;
    }

    .infographics--item.listData10 {
        padding: 160px 0;
    }
}

.infographics--item.col1 {
    width: 100%;
    margin-right: 0;
}

.infographics--item.col1:first-child {
    margin-top: 0;
}

.infographics--item.col2 {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.infographics--item.ratio {
    width: 44%;
}

@media (max-width: 768px) {
    .infographics--item.ratio {
        width: 100%;
    }
}

.infographics--item.last {
    margin-right: 0;
}

.infographics .title {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.025em;
    color: #fff;
    background-color: #b6b7b7;
    border-radius: 20px;
    max-width: 97px;
    padding: 0 0 0 14px;
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 20px;
    position: absolute;
    width: 100%;
    left: 20px;
}

.infographics .title-num {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #0766ff;
    border-radius: 50%;
    position: absolute;
    right: 0;
}

.infographics .data__num {
    font-weight: 600;
    font-size: 76px;
    color: #0766ff;
    vertical-align: baseline;
    line-height: 1;
}

.infographics .unit--jp {
    font-size: 24px;
}

.infographics__chartBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .infographics__chartBox {
        display: block;
    }
}

.infographics__chartBox .boxData1-title {
    width: 240px;
}

@media (max-width: 1000px) {
    .infographics__chartBox .boxData1-title {
        width: 100%;
        margin-bottom: 25px;
    }
}

@media (max-width: 550px) {
    .infographics__chartBox .boxData1-title {
        margin-bottom: 70px;
    }
}

.infographics__chartBox .chartArea {
    position: relative;
    display: block;
    height: 100%;
}

@media (max-width: 1200px) {
    .infographics__chartBox .chartArea {
        max-width: 90%;
    }
}

@media (max-width: 1000px) {
    .infographics__chartBox .chartArea {
        display: inline-block;
    }
}

@media (max-width: 360px) {
    .infographics__chartBox .chartArea {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.infographics__chartBox .bar_graph {
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    color: #0766ff;
}

@media (max-width: 768px) {
    .infographics__chartBox .bar_graph {
        font-size: 28px;
    }
}

@media (max-width: 550px) {
    .infographics__chartBox .bar_graph {
        font-size: 21px;
    }
}

.infographics__chartBox .sales {
    position: absolute;
}

.infographics__chartBox .sales.sales1 {
    top: 31%;
    left: 5%;
}

@media (max-width: 550px) {
    .infographics__chartBox .sales.sales1 {
        top: 41%;
        left: -1%;
    }
}

.infographics__chartBox .sales.sales2 {
    top: 24%;
    left: 26%;
}

@media (max-width: 550px) {
    .infographics__chartBox .sales.sales2 {
        top: 34%;
        left: 24%;
    }
}

.infographics__chartBox .sales.sales3 {
    top: 18%;
    left: 47%;
}

@media (max-width: 550px) {
    .infographics__chartBox .sales.sales3 {
        top: 28%;
        left: 48%;
    }
}

.infographics__chartBox .sales.sales4 {
    top: -3%;
    left: 78%;
}

@media (max-width: 550px) {
    .infographics__chartBox .sales.sales4 {
        top: -7%;
        left: 74%;
    }
}

.infographics__chartBox .pc--active {
    display: block;
}

@media (max-width: 550px) {
    .infographics__chartBox .pc--active {
        display: none;
    }
}

.infographics__chartBox .sp--active {
    display: none;
}

@media (max-width: 550px) {
    .infographics__chartBox .sp--active {
        display: block;
    }
}

.infographics__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .infographics__box {
        display: block;
        padding: 0 30px;
    }
}

.infographics__box .heading--data {
    width: 280px;
}

@media (max-width: 1000px) {
    .infographics__box .heading--data {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .infographics__box .heading--data {
        margin-bottom: 0;
    }
}

.infographics__box .box--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 768px) {
    .infographics__box .box--item {
        display: block;
    }
}

.infographics__box .item3 {
    width: 33.3333%;
    border-left: 1px solid #0766ff;
    padding: 30px 0;
}

@media (max-width: 1000px) {
    .infographics__box .item3:first-child {
        border-left: none;
    }
}

@media (max-width: 768px) {
    .infographics__box .item3 {
        border-left: none;
        width: 100%;
        margin: auto;
        position: relative;
    }

    .infographics__box .item3:first-child {
        padding-top: 20px;
    }

    .infographics__box .item3:last-child:before {
        display: none;
    }

    .infographics__box .item3:before {
        content: '';
        position: absolute;
        height: 1px;
        background-color: #0766ff;
        width: 164px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
    }
}

.infographics__box .item2 {
    width: 50%;
    border-left: 1px solid #0766ff;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1000px) {
    .infographics__box .item2:first-child {
        border-left: none;
    }
}

@media (max-width: 768px) {
    .infographics__box .item2 {
        display: block;
        border-left: none;
        width: 100%;
        padding: 50px 0;
        position: relative;
    }

    .infographics__box .item2:first-child {
        padding-top: 0;
    }

    .infographics__box .item2:last-child:before {
        display: none;
    }

    .infographics__box .item2:before {
        content: '';
        position: absolute;
        height: 1px;
        background-color: #0766ff;
        width: 164px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
    }
}

.infographics__box .item2 .infographics__ico {
    margin: 0;
}

@media (max-width: 768px) {
    .infographics__box .item2 .infographics__ico {
        margin: 0 auto;
    }
}

.infographics__box .item2 .data__num {
    padding-left: 0.25em;
    padding-bottom: 0.25em;
}

@media (max-width: 768px) {
    .infographics__box .item2 .data__num {
        padding: 0;
    }
}

.infographics__ico {
    color: #0766ff;
    font-size: 20px;
    line-height: 1;
    border: 1px solid #0766ff;
    border-radius: 4px;
    height: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 90px;
    width: 100%;
    margin: 0 auto 15px;
}

.infographics--content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .infographics--content .heading--data {
        margin-bottom: 20px;
    }
}

.infographics--content.col--data8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 {
        display: block;
    }
}

.infographics--content.col--data8 .boxData8-title {
    width: 50%;
}

@media (max-width: 1000px) {
    .infographics--content.col--data8 .boxData8-title {
        width: 40%;
    }
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .boxData8-title {
        width: 100%;
        margin-bottom: 25px;
    }
}

.infographics--content.col--data8 .boxData8-chart {
    position: relative;
    height: 100%;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .boxData8-chart {
        display: inline-block;
        margin-right: 50px;
    }
}

@media (max-width: 500px) {
    .infographics--content.col--data8 .boxData8-chart {
        max-width: 90%;
    }
}

.infographics--content.col--data8 .circle {
    position: relative;
    width: 100%;
    display: block;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .circle {
        padding-left: 50px;
    }

    .infographics--content.col--data8 .circle img {
        margin: auto;
    }
}

@media (max-width: 500px) {
    .infographics--content.col--data8 .circle {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.infographics--content.col--data8 .age {
    position: absolute;
    line-height: 1;
    vertical-align: baseline;
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .age {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }
}

.infographics--content.col--data8 .age--sm {
    font-size: 18px;
    color: #0766ff;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .age--sm {
        font-size: 15px;
        display: block;
    }
}

.infographics--content.col--data8 .age--sm .data__num {
    font-size: 31px;
}

.infographics--content.col--data8 .age--lg {
    font-size: 20px;
    color: #fff;
    display: block;
}

.infographics--content.col--data8 .chart-20 {
    top: 32%;
    left: 57%;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .chart-20 {
        left: 67%;
    }
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .chart-20 {
        left: 64%;
    }
}

.infographics--content.col--data8 .chart-30 {
    top: 32%;
    left: 7%;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .chart-30 {
        left: 25%;
    }
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .chart-30 {
        top: 32%;
        left: 32%;
    }
}

.infographics--content.col--data8 .chart-40 {
    top: 14%;
    left: -34%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .chart-40 {
        top: 18%;
        left: -6%;
    }
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .chart-40 {
        top: 16%;
        left: -4%;
    }
}

.infographics--content.col--data8 .chart-50 {
    top: 0;
    left: -25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .chart-50 {
        top: 3%;
        left: 0;
    }
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .chart-50 {
        top: 1%;
        left: 3%;
    }
}

.infographics--content.col--data8 .num {
    font-weight: 600;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 3px;
}

.infographics--content.col--data8 .num--sm {
    font-size: 31px;
    color: #0766ff;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .num--sm {
        font-size: 20px;
    }
}

.infographics--content.col--data8 .num--lg {
    font-size: 61px;
    color: #fff;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .num--lg {
        font-size: 49px;
    }
}

@media (max-width: 350px) {
    .infographics--content.col--data8 .num--lg {
        font-size: 30px;
    }
}

.infographics--content.col--data8 .unit {
    font-weight: 600;
    font-size: 18px;
}

@media (max-width: 768px) {
    .infographics--content.col--data8 .unit {
        font-size: 15px;
    }
}

.infographics--content.col--data8 .unit--blue {
    color: #0766ff;
}

.infographics--content.col--data8 .unit--wh {
    color: #fff;
}

.infographics--content.horizon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1000px) {
    .infographics--content.horizon {
        height: auto;
        min-height: auto;
        display: block;
    }
}

.infographics--content.horizon .data__num {
    padding-left: 0.25em;
    padding-bottom: 0.25em;
}

@media (max-width: 768px) {
    .infographics--content.horizon .data__num {
        padding: 0;
    }
}

.infographics--content.horizon .font--kozuka {
    vertical-align: baseline;
    margin: 0 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.interview__kv {
    position: relative;
}

.interview__kv .interview__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 188px;
}

.interview__kv .interview__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 90px;
    margin-bottom: 0;
}

.interview__kv .interview__ph {
    margin-left: auto;
    padding-left: 20px;
    width: 78.51562%;
}

.interview__kv .interview__ph img {
    border-radius: 10px 0 0 10px;
}

.interview__kv .interview__lead {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0766ff;
    width: 48.82812%;
    max-width: 625px;
    max-height: 330px;
    height: 100%;
    border-radius: 0 10px 0 0;
    padding-left: 90px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .interview__kv .interview__lead {
        position: relative;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        padding: 50px;
    }
}

@media (max-width: 1000px) {
    .interview__kv .interview__lead {
        padding: 50px 30px;
    }
}

.interview__kv .interview--copy {
    margin-bottom: 20px;
}

.interview__kv .interview--position {
    margin-top: 30px;
}

.interview__title {
    margin-bottom: 45px;
    position: relative;
}

.interview__title .interview--num {
    font-size: 60px;
    margin-top: 14px;
}

.interview__title .interview__btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.interview__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
}

@media (max-width: 1051px) {
    .interview__intro {
        display: block;
        margin-bottom: 70px;
    }
}

.interview__intro .intro__title {
    width: 380px;
    margin-right: 11%;
}

@media (max-width: 1051px) {
    .interview__intro .intro__title {
        width: 100%;
        margin-bottom: 40px;
    }
}

.interview__intro .intro__copy {
    color: #0766ff;
    font-size: 42px;
    line-height: 1.52;
    letter-spacing: 0.1em;
}

@media (max-width: 1050px) {
    .interview__intro .intro__copy {
        font-size: 4.4vw;
    }
}

@media (max-width: 768px) {
    .interview__intro .intro__copy {
        font-size: 22px;
        letter-spacing: 0.08em;
    }
}

@media (max-width: 768px) {
    .interview__intro .para {
        font-size: 14px;
        text-align: justify;
    }
}

.interview__inner {
    padding: 97px 0 45px;
    position: relative;
}

@media (max-width: 768px) {
    .interview__inner .interview__title .interview__btn {
        display: none;
    }
}

.interview__inner .interview__btn-sp {
    margin-top: 70px;
}

.interview__inner .interview__btn-sp .btn--other {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.interview__myjob {
    background-color: #dde8ff;
}

.interview__myjob .container--interview {
    padding: 66px 205px 33px;
}

@media (max-width: 1000px) {
    .interview__myjob .container--interview {
        padding: 66px 40px 33px;
    }
}

@media (max-width: 768px) {
    .interview__myjob .container--interview {
        padding: 50px 30px;
    }
}

.interview__myjob .myjob__item {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 768px) {
    .interview__myjob .myjob__item {
        display: block;
        padding: 30px;
    }
}

.interview__myjob .myjob__title {
    width: 140px;
}

.interview__myjob .myjob__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2.15;
    text-align: justify;
}

.interview__myjob .interview--caption {
    margin-top: 16px;
}

@media (max-width: 768px) {
    .interview__myjob .interview--caption {
        font-size: 12px;
    }
}

.interview__employee .interview__item {
    position: relative;
    margin: 0 40px 80px 0;
    width: calc(33.3333% - 80px / 3);
}

.interview__employee .interview__item:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1051px) {
    .interview__employee .interview__item {
        width: calc(50% - 40px / 2);
    }

    .interview__employee .interview__item:nth-child(even) {
        margin-right: 0;
    }

    .interview__employee .interview__item:nth-child(3n) {
        margin-right: 40px;
    }
}

@media (max-width: 550px) {
    .interview__employee .interview__item {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .interview__employee .interview__item:last-child {
        margin-bottom: 0;
    }
}

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

@media (max-width: 550px) {
    .interview__list {
        display: block;
    }
}

.interview__list .interview__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.interview__list .interview__details {
    margin-top: 10px;
}

.interview__list .interview__details .interview--order {
    vertical-align: baseline;
}

.interview__list .interview__details .interview--num {
    padding-left: 0;
}

.interview__list .interview--name {
    color: #555;
    margin-top: 15px;
    padding-left: 18px;
}

.interview__list .interview--msg {
    font-size: 18px;
    line-height: 1.5;
    color: #0766ff;
    margin-top: 15px;
}

.interview__list .interview--position {
    margin-top: 13px;
}

.interview--num {
    font-size: 44px;
    color: #0766ff;
    font-weight: 600;
    line-height: 1;
}

@media (max-width: 1000px) {
    .interview--num {
        padding-left: 90px;
    }
}

@media (max-width: 768px) {
    .interview--num {
        font-size: 39px;
        padding-left: 40px;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.interview--name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.interview--position {
    font-size: 12px;
    line-height: 1.5;
}

.interview--copy {
    font-size: 28px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .interview--copy {
        font-size: 22px;
    }
}

.interview--caption {
    font-size: 11px;
    line-height: 1.63;
}

.interview__ph img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

body.js_isWin .interview__list .interview__details {
    margin-top: 20px;
}

.occupation__links {
    margin: 110px auto 120px;
    max-width: 1280px;
    padding: 0 92px;
}

@media (max-width: 1000px) {
    .occupation__links {
        padding: 0 30px;
    }
}

@media (max-width: 580px) {
    .occupation__links {
        padding: 0;
        margin: 0 0 80px;
    }
}

.table.container--content {
    padding-top: 57px;
    padding-bottom: 77px;
}

@media (max-width: 768px) {
    .table.container--content {
        padding: 43px 0 50px;
    }
}

.table .container--inner {
    border-radius: 10px;
}

@media (max-width: 768px) {
    .table .container--inner {
        border-radius: 0;
    }
}

.table .list__heading,
.table .list__text {
    width: 100%;
    padding: 40px;
}

@media (max-width: 768px) {
    .table .list__heading,
    .table .list__text {
        padding: 30px;
    }
}

.table .list__heading {
    border-right: 2px solid #e5e5e5;
    max-width: 270px;
}

@media (max-width: 768px) {
    .table .list__heading {
        border-right: none;
        border-bottom: 2px solid #e5e5e5;
        max-width: 100%;
        padding: 20px 30px;
    }
}

.table.confirm {
    margin-top: 48px;
}

.table.confirm .list__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.thanks.container--content {
    padding-top: 50px;
    padding-bottom: 87px;
}

@media (max-width: 768px) {
    .thanks.container--content {
        padding-top: 18px;
        padding-bottom: 79px;
    }
}

.thanks .entry--set {
    padding: 65px 20px;
}

@media (max-width: 768px) {
    .thanks .entry--set {
        padding: 65px 30px 50px;
    }
}

.thanks .heading--section {
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .thanks .heading--section {
        text-align: left;
    }
}

.thanks .para {
    font-size: 20px;
    text-align: center;
}

@media (max-width: 768px) {
    .thanks .para {
        font-size: 14px;
        text-align: left;
    }
}

.thanks .container--btn {
    margin-top: 35px;
}

.training__container {
    padding-bottom: 128px;
}

@media (max-width: 768px) {
    .training__container {
        padding: 60px 30px 80px;
    }
}

.training__container.container--right {
    padding-left: 390px;
}

@media (max-width: 768px) {
    .training__container.container--right {
        padding-left: 30px;
    }
}

.training__social {
    padding-right: 92px;
    height: 100%;
}

@media (max-width: 1100px) {
    .training__social {
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .training__social {
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .training__social .title--wrap.unit {
        margin-top: 50px;
    }
}

.training__support .support {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1000px) {
    .training__support .support {
        display: block;
    }
}

.training__support .support__item {
    margin: 0 60px 80px 0;
    width: calc(50% - 60px / 2);
}

.training__support .support__item:nth-child(2n) {
    margin-right: 0;
}

@media (max-width: 1000px) {
    .training__support .support__item {
        margin: 0 0 40px 0;
        width: 100%;
    }

    .training__support .support__item:last-child {
        margin-bottom: 0;
    }
}

.training__support .support__details {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .training__support .support__details {
        margin-top: 20px;
    }
}

.training__support .support__title {
    font-size: 18px;
    color: #0766ff;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .training__support .support__title {
        font-size: 14px;
    }
}

.training__link {
    max-width: 340px;
    margin: 0 auto;
}

.training__link .btn--more {
    height: 102px;
}

@media (max-width: 1000px) {
    .training__link {
        margin-top: 120px;
    }
}

@media (max-width: 768px) {
    .training__link {
        margin-top: 53px;
        max-width: 274px;
    }

    .training__link .btn--more {
        height: 70px;
    }
}

.trainer--title {
    color: #0766ff;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: 0.01em;
}

.trainer--title.ttl--sp {
    display: none;
}

@media (max-width: 768px) {
    .trainer--title {
        font-size: 3vw;
    }
}

@media (max-width: 430px) {
    .trainer--title {
        font-size: 13px;
    }

    .trainer--title.ttl--pc {
        display: none;
    }

    .trainer--title.ttl--sp {
        display: block;
        margin-bottom: 5px;
    }
}

@media (max-width: 350px) {
    .trainer--title {
        font-size: 12px;
    }
}

.trainer--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 33px 0 0;
}

@media (max-width: 768px) {
    .trainer--container {
        display: block;
        height: 100%;
        overflow: auto;
        padding: 16px 0 0;
    }
}

@media (max-width: 430px) {
    .trainer--container {
        padding: 0;
    }
}

.trainer--ph-mdl {
    width: 42.15116%;
    margin: 0 38px 0 0;
}

.trainer--ph-mdl img {
    border-radius: 10px;
}

@media (max-width: 768px) {
    .trainer--ph-mdl {
        width: 100%;
        margin: 0 auto 10px;
    }

    .trainer--ph-mdl img {
        object-fit: cover;
        height: 230px;
        width: 100%;
        object-position: 50% 20%;
    }
}

@media (max-width: 430px) {
    .trainer--ph-mdl img {
        height: 134px;
        width: 82px;
    }
}

@media (max-width: 430px) {
    .trainer--ph-mdl.ph--pc {
        display: none;
    }
}

@media (max-width: 430px) {
    .trainer--ph-mdl.ph--sp {
        display: block;
        width: auto;
        margin-right: 20px;
    }
}

.trainer--txt-mdl {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.trainer--txt-mdl .trainer--para {
    text-align: justify;
}

@media (max-width: 768px) {
    .trainer--txt-mdl .trainer--para {
        padding-right: 20px;
    }
}

@media (max-width: 430px) {
    .trainer--txt-mdl .trainer--para {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 8px;
        padding-right: 0;
    }

    .trainer--txt-mdl .trainer--para:last-child {
        padding-bottom: 40px;
    }
}

.trainer--name {
    font-weight: 600;
    font-size: 22px;
    color: #333;
    padding-top: 80px;
}

@media (max-width: 768px) {
    .trainer--name {
        padding-top: 20px;
    }
}

@media (max-width: 430px) {
    .trainer--name {
        font-size: 13px;
        line-height: 1;
        padding-top: 15px;
    }
}

@media (max-width: 430px) {
    .trainer--name.name--pc {
        display: none;
    }
}

.trainer--name.name--sp {
    display: none;
}

@media (max-width: 430px) {
    .trainer--name.name--sp {
        display: block;
    }
}

.trainer--position {
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 430px) {
    .trainer--position {
        margin-top: 8px;
    }
}

@media (max-width: 430px) {
    .trainer--position.position--pc {
        display: none;
    }
}

.trainer--position.position--sp {
    display: none;
}

@media (max-width: 430px) {
    .trainer--position.position--sp {
        display: block;
    }
}

.trainer--heading {
    color: #0766ff;
    margin-top: 40px;
}

@media (max-width: 430px) {
    .trainer--heading {
        font-size: 12px;
        margin-top: 25px;
    }

    .trainer--heading:nth-of-type(1) {
        margin-top: 18px;
    }
}

.trainer--close {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #0043d7;
    border-radius: 50%;
}

.trainer--close:after,
.trainer--close:before {
    height: 1px;
    content: '';
    display: block;
    width: 18px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.trainer--close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.trainer--close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.trainer--profile-sp {
    display: none;
}

@media (max-width: 430px) {
    .trainer--profile-sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.trainer--profile-sp .profile-sp-txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.voice__container {
    padding: 120px 0 140px;
}

@media (max-width: 768px) {
    .voice__container {
        padding: 80px 0 160px;
    }
}

.voice__inner .voice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 140px;
}

.voice__inner .voice:first-child {
    margin-top: 0;
}

@media (max-width: 1000px) {
    .voice__inner .voice {
        display: block;
        margin-top: 80px;
    }
}

.voice__inner .reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 1000px) {
    .voice__inner .reverse {
        width: auto;
    }
}

.voice__inner .reverse .voice__content {
    padding-left: 0;
}

.voice__inner .reverse .voice__ph {
    padding-left: 87px;
}

.voice__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 87px;
}

@media (max-width: 1000px) {
    .voice__content {
        padding-left: 0;
    }
}

.voice__ph {
    width: 57.5%;
}

.voice__ph img {
    border-radius: 10px;
}

@media (max-width: 1000px) {
    .voice__ph {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .voice__ph {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .voice__ph .ph--left {
        border-radius: 0 10px 10px 0;
    }
}

.voice__ph-fit {
    margin-right: calc(50% - 50vw);
    width: 66.7%;
    margin-left: 87px;
}

.voice__ph-fit img {
    border-radius: 10px 0 0 10px;
}

@media (max-width: 1000px) {
    .voice__ph-fit {
        margin-bottom: 50px;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .voice__ph-fit {
        width: auto;
    }
}

.voice__fig--lg img {
    border-radius: 10px;
}

@media (max-width: 768px) {
    .voice__fig--lg {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

@media (max-width: 768px) {
    .voice__fig--lg .ph--center {
        border-radius: 0;
    }
}

.voice__title {
    color: #0766ff;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 50px;
}

@media (max-width: 1000px) {
    .voice__title {
        margin-bottom: 25px;
    }
}

.voice__text {
    font-size: 14px;
    text-align: justify;
}

.voice__employee .interview--num {
    display: none;
}

.voice__employee .interview--name {
    padding-left: 0;
}

.voice__employee .interview--msg {
    font-size: 15px;
    letter-spacing: 0.03em;
    margin-top: 15px;
}

.voice__employee .interview--position {
    letter-spacing: 0.08em;
}

.voice__employee .interview__item {
    position: relative;
    margin: 0 45px 45px 0;
    width: calc(25% - 135px / 4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.voice__employee .interview__item:last-child {
    margin-right: 0;
}

.voice__employee .interview__item:hover {
    opacity: 0.6;
}

@media (max-width: 1051px) {
    .voice__employee .interview__item {
        margin: 0 45px 45px 0;
        width: calc(50% - 45px / 2);
    }

    .voice__employee .interview__item:nth-child(even) {
        margin-right: 0;
    }

    .voice__employee .interview__item:nth-child(3n) {
        margin-right: 45px;
    }
}

@media (max-width: 550px) {
    .voice__employee .interview__item {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .voice__employee .interview__item:last-child {
        margin-bottom: 0;
    }
}

.voice__employee .interview__ph img {
    height: 320px;
}

@media (max-width: 768px) {
    .voice__employee .interview__ph img {
        max-width: 100%;
        height: 100%;
    }
}

body.js_isWin .voice__ph-fit {
    margin-right: calc(50% - 49vw);
}

@media (max-width: 768px) {
    body.js_isWin .voice__ph-fit {
        margin-right: calc(50% - 50vw);
    }
}

.worklife .title--wrap {
    padding-bottom: 0;
}

.worklife__link {
    max-width: 294px;
    margin: 77px auto 0;
}

.accordion {
    position: relative;
}

.accordion dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.accordion dt.accordion_open .icon__mark:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion dt.accordion_open .icon__mark:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.accordion dt p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px;
    font-size: 12px;
}

.accordion dt p:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
}

.accordion dd {
    max-height: 999999px;
    display: none;
}

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

@media (max-width: 768px) {
    .accordion dd p {
        letter-spacing: 0;
    }
}

.accordion abbr {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    margin-right: 20px;
    text-align: right;
    min-width: 1em;
}

@media (max-width: 768px) {
    .accordion abbr.accordion__question {
        margin-top: -0.2em;
    }
}

.accordion__question {
    margin-bottom: auto;
    padding-top: 5px;
}

.accordion__anser {
    padding: 0 70px 30px 30px;
}

.btn--entry {
    font-weight: 400;
    color: #fff;
    background-color: #0766ff;
}

.header__entry--off .btn--entry {
    background-color: #d5d5d5;
    transform: none;
}

.btn--totop {
    color: #fff;
    display: block;
}

.btn--more {
    color: #fff;
    font-size: 20px;
    width: 100%;
    height: 70px;
    position: relative;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    border: 1px solid #0766ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn--more:before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #fff;
    border: solid 15px #0766ff;
    box-shadow: 0 0 0 1px #fff;
    margin-right: 0.75em;
    margin-left: -35px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 450px) {
    .btn--more:before {
        width: 24px;
        height: 24px;
        border: solid 10px #0766ff;
    }
}

.btn--more:hover {
    background-color: #fff;
    color: #0766ff;
}

.btn--more:hover:before {
    content: '';
    background-image: url(/recruit/carrer/assets/img/arrow.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-color: #0766ff;
    background-size: auto;
    box-shadow: #0766ff;
    border: 1px solid #0766ff;
    background-position: 52% center;
}

@media (max-width: 450px) {
    .btn--more:hover:before {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 768px) {
    .btn--more {
        font-size: 2.4vw;
    }
}

@media (max-width: 450px) {
    .btn--more {
        font-size: 14px;
    }
}

.btn--submit {
    position: relative;
    display: inline-block;
    border: 1px solid #0766ff;
    background-color: #0766ff;
    color: #fff;
    font-size: 20px;
    height: 102px;
    width: 100%;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

@media (max-width: 768px) {
    .btn--submit {
        font-size: 14px;
        height: 70px;
    }
}

.btn--submit:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 27px;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #fff;
    border: solid 15px #0766ff;
    box-shadow: 0 0 0 1px #fff;
}

@media (max-width: 768px) {
    .btn--submit:after {
        width: 24px;
        height: 24px;
        border: solid 10px #0766ff;
    }
}

.btn--submit input[type='submit'] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 0;
    text-align: left;
    padding: 0.75em 27px 0.75em 40px;
}

.btn--submit:hover {
    background-color: #fff;
    color: #0766ff;
}

.btn--return {
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #0766ff;
    border: 1px solid #0766ff;
    margin: auto;
    color: #fff;
    width: 100%;
    height: 102px;
    position: relative;
    text-align: left;
    padding: 0 1.5em;
    margin: auto;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

@media (max-width: 768px) {
    .btn--return {
        font-size: 14px;
        height: 70px;
    }
}

@media (max-width: 580px) {
    .btn--return {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 5em;
    }
}

.btn--return:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #fff;
    border: solid 15px #0766ff;
    box-shadow: 0 0 0 1px #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .btn--return:after {
        width: 24px;
        height: 24px;
        border: solid 10px #0766ff;
    }
}

@media (max-width: 580px) {
    .btn--return:after {
        margin-right: 0.75em;
        margin-left: -35px;
    }
}

.btn--return:hover {
    color: #0766ff;
    background-color: #fff;
    cursor: pointer;
}

.btn--return:hover:after {
    content: '';
    background-image: url(/recruit/carrer/assets/img/arrow.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-color: #0766ff;
    background-size: auto;
    box-shadow: #0766ff;
    border: 1px solid #0766ff;
    background-position: 52% center;
}

@media (max-width: 450px) {
    .btn--return:hover:after {
        width: 24px;
        height: 24px;
    }
}

.btn--back {
    border: 1px solid #0766ff;
    background-color: #fff;
    color: #0766ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 102px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

@media (max-width: 768px) {
    .btn--back {
        height: 70px;
    }
}

.btn--back button {
    font-size: 20px;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 0.75em 27px 0.75em 40px;
}

@media (max-width: 768px) {
    .btn--back button {
        font-size: 14px;
    }
}

.btn--back button:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 27px;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #0766ff;
    border: solid 15px #fff;
    box-shadow: 0 0 0 1px #0766ff;
}

@media (max-width: 768px) {
    .btn--back button:after {
        width: 24px;
        height: 24px;
        border: solid 10px #fff;
    }
}

.btn--back:hover {
    background-color: #0766ff;
    color: #fff;
}

.btn--wh {
    border: 1px solid #0766ff;
    background-color: #fff;
    color: #0766ff;
    width: 100%;
}

.btn--wh:after {
    background-color: #0766ff;
    border: solid 15px #fff;
    box-shadow: 0 0 0 1px #0766ff;
}

@media (max-width: 768px) {
    .btn--wh:after {
        width: 24px;
        height: 24px;
        border: solid 10px #fff;
    }
}

@media (max-width: 580px) {
    .btn--wh:after {
        margin-right: 0.75em;
        margin-left: -35px;
    }
}

.btn--wh:hover {
    background-color: #0766ff;
    color: #fff;
}

.btn--wh:hover:after {
    border: 1px solid #fff;
}

.btn--blue {
    background-color: #0766ff;
    color: #fff;
}

.btn--blue:after {
    background-color: #fff;
    border: solid 15px #0766ff;
    box-shadow: 0 0 0 1px #fff;
}

.btn--other {
    color: #0766ff;
    font-size: 13px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn--other i {
    margin-left: 8px;
}

.btn--other i img:nth-child(2) {
    display: none;
}

.btn--other:hover i img:nth-child(1) {
    display: none;
}

.btn--other:hover i img:nth-child(2) {
    display: block;
}

.btn--viewmore {
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    width: 100%;
    height: 70px;
    position: relative;
    text-align: left;
}

.btn--viewmore:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin-right: 0.75em;
    margin-left: -35px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.btn--viewmore:hover:after {
    content: '';
    background-image: url(/recruit/carrer/assets/img/arrow.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-color: #0766ff;
    background-size: auto;
    box-shadow: #0766ff;
    border: 1px solid #0766ff;
    background-position: 52% center;
}

@media (max-width: 768px) {
    .btn--viewmore:hover:after {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 450px) {
    .btn--viewmore:hover:after {
        width: 25px;
        height: 25px;
    }
}

.card__item {
    margin: 0 40px 40px 0;
    width: calc(33.3333333% - 80px / 3);
    border-radius: 10px;
    padding: 33px;
}

.card__item:nth-child(3n) {
    margin-right: 0;
}

.card__item .heading--en {
    color: #0766ff;
}

.card__heading {
    text-align: center;
    color: #0766ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card--link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.heading--title {
    font-weight: 600;
    font-size: 60px;
    letter-spacing: 0.01em;
    color: #0766ff;
    line-height: 1;
}

@media (max-width: 768px) {
    .heading--title {
        font-size: 44px;
    }
}

.heading--jp {
    font-size: 20px;
    letter-spacing: 0.1em;
    display: block;
    color: #333;
}

@media (max-width: 768px) {
    .heading--jp {
        font-size: 16px;
    }
}

.heading--en {
    font-weight: 600;
    font-size: 15px;
}

.heading--section {
    font-size: 30px;
    letter-spacing: 0.1em;
    line-height: 1.33;
    color: #0766ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (max-width: 768px) {
    .heading--section {
        font-size: 20px;
    }
}

.heading--navi {
    font-size: 24px;
    line-height: 1.66;
    letter-spacing: 0.1em;
    color: #0766ff;
    padding-bottom: 10px;
    margin-bottom: 38px;
    position: relative;
}

.heading--navi:after,
.heading--navi:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.heading--navi:before {
    height: 1px;
    z-index: 0;
    width: 100%;
    background-color: #bebfbf;
}

.heading--industries {
    font-size: 18px;
    display: inline-block;
    margin-left: 20px;
    text-indent: 20px;
}

.heading--industries:after {
    content: '';
    display: block;
    bottom: 0;
    position: absolute;
    height: 50px;
    width: 1px;
    background-color: #bebfbf;
}

@media (max-width: 768px) {
    .heading--industries:after {
        display: none;
    }
}

@media (max-width: 768px) {
    .heading--industries {
        font-size: 14px;
        display: block;
        margin-left: 0;
        text-indent: 0;
    }
}

@media (max-width: 768px) {
    .heading--spIcon {
        border-radius: 4px;
        background-color: #0766ff;
        color: #fff;
        padding: 6px 12px;
        display: inline-block;
        margin-bottom: 10px;
    }
}

.heading--offer {
    font-size: 24px;
    line-height: 1.66;
    letter-spacing: 0.1em;
    color: #0766ff;
    border-top: 1px solid #c9caca;
    padding-top: 45px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .heading--offer {
        text-align: center;
        font-size: 18px;
        margin-bottom: 22px;
        border-top: none;
    }
}

.heading--question {
    color: #0766ff;
    font-size: 16px;
    padding: 30px;
}

@media (max-width: 768px) {
    .heading--question {
        padding: 30px 10px 30px 20px;
        line-height: 1.6;
    }
}

.heading--lead {
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

.heading--data {
    font-size: 24px;
    line-height: 1;
    color: #555;
    letter-spacing: 0.1em;
}

@media (max-width: 768px) {
    .heading--data {
        font-size: 22px;
        line-height: 1.6;
    }
}

.heading--chapter {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #0766ff;
}

.heading--chapter .num {
    font-size: 32px;
}

@media (max-width: 768px) {
    .heading--chapter .num {
        font-size: 18px;
    }
}

.heading--category {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: #0766ff;
}

@media (max-width: 768px) {
    .heading--category {
        font-size: 36px;
    }
}

.heading--sub {
    font-size: 26px;
    color: #0766ff;
    margin-bottom: 30px;
}

@media (max-width: 1100px) {
    .heading--sub {
        font-size: 2.2vw;
    }
}

@media (max-width: 768px) {
    .heading--sub {
        font-size: 20px;
        line-height: 1.8;
    }
}

.heading--sub-lead {
    font-size: 24px;
    color: #0766ff;
    margin-bottom: 30px;
    margin-top: 34px;
}

@media (max-width: 768px) {
    .heading--sub-lead {
        font-size: 18px;
        margin-bottom: 0;
    }
}

.heading--md {
    font-size: 20px;
    color: #0766ff;
}

@media (max-width: 768px) {
    .heading--md {
        font-size: 16px;
    }
}

.heading--interview {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #0766ff;
    line-height: 1;
}

.heading--interview-jp {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #333;
    display: block;
    margin-top: 16px;
}

.heading--seminar {
    font-size: 20px;
    color: #0766ff;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .heading--seminar {
        font-size: 16px;
    }
}

.heading--tab {
    font-size: 20px;
}

@media (max-width: 768px) {
    .heading--tab {
        font-size: 16px;
    }
}

.heading--thanx {
    font-size: 30px;
    letter-spacing: 0.1em;
    line-height: 1.33;
    color: #0766ff;
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 550px) {
    .heading--thanx {
        text-align: left;
    }
}

.heading--strength {
    font-size: 16px;
    color: #555;
    text-align: center;
    position: relative;
    width: 100%;
    line-height: 1;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .heading--strength {
        font-size: 15px;
    }
}

.heading--strength:before {
    content: '';
    position: absolute;
    background-color: #286af5;
    height: 2px;
    width: 33px;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.icon__mark {
    width: 24px;
    height: 24px;
    background-color: #0766ff;
    right: 0;
    position: relative;
    margin-left: auto;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.icon__mark:after,
.icon__mark:before {
    height: 1px;
    content: '';
    display: block;
    width: 12px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.icon__mark:before {
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.icon__mark:after {
    -webkit-transform: rotate(90deg) scaleY(0.5);
    -ms-transform: rotate(90deg) scaleY(0.5);
    transform: rotate(90deg) scaleY(0.5);
}

.link--wrap {
    margin: 0 auto 110px;
    padding: 0 75px;
}

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

.list__tag li {
    margin-right: 7px;
}

.list__tag li:last-child {
    margin-right: 0;
}

.list--box .entry__item:first-child {
    margin-top: 0;
}

.list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    margin-top: 6px;
}

.list__item:first-child {
    margin-top: 0;
}

@media (max-width: 768px) {
    .list__item {
        display: block;
        margin-top: 10px;
    }
}

.list__heading {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.1em;
}

.list__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list__link .entry,
.list__link .navi--btn {
    margin-right: 3em;
}

.list__link .entry:last-child,
.list__link .navi--btn:last-child {
    margin-right: 0;
}

.list--linkIndex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1092px;
}

@media (max-width: 1050px) {
    .list--linkIndex .btn--return {
        font-size: 1.6vw;
    }
}

@media (max-width: 768px) {
    .list--linkIndex {
        margin: 50px auto 80px;
    }
}

@media (max-width: 580px) {
    .list--linkIndex {
        display: block;
        max-width: 274px;
    }
}

.list--linkIndex li {
    margin: 0 40px 0 0;
    width: calc(33.3333% - 80px / 3);
}

.list--linkIndex li:nth-child(3) {
    margin-right: 0;
}

@media (max-width: 768px) {
    .list--linkIndex li {
        margin: 0 20px 0 0;
        width: calc(33.3333% - 40px / 3);
    }
}

@media (max-width: 580px) {
    .list--linkIndex li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .list--linkIndex li:last-child {
        margin-bottom: 0;
    }

    .list--linkIndex li .btn--return {
        font-size: 16px;
    }
}

.list--linkIndex:hover {
    background-color: #fff;
    color: #0766ff;
}

.list--qual li {
    padding-left: 1.5em;
    position: relative;
}

.list--qual li:after {
    content: '';
    display: block;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background-color: #333;
    position: absolute;
    top: 0.9em;
    left: 0.5em;
}

.local-navi {
    position: -webkit-sticky;
    position: sticky;
    max-width: 288px;
    width: 100%;
    height: 366px;
    background-color: #0766ff;
    border-radius: 0 10px 10px 0;
    top: 80px;
    float: left;
    margin-top: -66px;
    z-index: 1;
    margin-bottom: 118px;
}

.carrer-info.local-navi {
    height: auto;
    padding-bottom: 77px;
}

.local-navi__menu {
    padding-left: 60px;
    padding-top: 77px;
}

.local-navi li {
    font-size: 14px;
    margin-top: 20px;
    position: relative;
    color: #fff;
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
}

.local-navi li:first-child {
    margin-top: 0;
}

.local-navi .local-navi__sub-menu {
    margin-top: 8px;
}

.local-navi .local-navi__sub-menu li {
    margin-top: 0;
}

.local-navi .local-navi__sub-menu li:hover {
    color: rgba(255, 255, 255, 0.6);
}

.local-navi a {
    position: relative;
    line-height: 1.25;
    display: block;
    padding-left: 2.5em;
}

.local-navi a:before {
    content: '';
    display: block;
    left: 0;
    top: -2px;
    position: absolute;
    margin: auto;
    background-color: #fff;
    border: solid 8px #0766ff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    box-shadow: 0 0 0 1px #fff;
}

.local-navi .local-navi__sub-menu a {
    font-weight: normal;
    line-height: 1.5;
}
.local-navi .local-navi__sub-menu a:before {
    content: none;
}

.local-navi a.on {
    color: rgba(255, 255, 255, 0.6);
}

.local-navi a.on:before {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.local-navi .accordion a.on {
    color: rgba(255, 255, 255, 1);
}

.local-navi .accordion a.main-category:before {
    content: '';
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
    background-image: url(/recruit/carrer/assets/img/arrow.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    background-color: #0766ff;
    background-size: auto;
    box-shadow: #0766ff;
    border: 1px solid #0766ff;
    background-position: 52% center;
    transition: 0.4s;
}

.local-navi .d-none {
    display: none;
}

/* .local-navi .open + .d-none {
  display: block;
} */

.local-navi .accordion a.main-category.open:before {
    transform: rotate(-90deg);
    transition: 0.4s;
}

.local-navi a:hover {
    background-color: #0766ff;
}

.local-navi .accordion a:hover {
    background-color: #0766ff;
    color: rgba(255, 255, 255, 0.6);
}

.local-navi .accordion a.main-category:before {
    color: rgba(255, 255, 255, 0.6);
}

.local-navi a:hover:before {
    content: '';
    background-image: url(/recruit/carrer/assets/img/arrow.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: #0766ff;
    background-size: auto;
    box-shadow: #0766ff;
    border: 1px solid #0766ff;
    background-position: 52% center;
}

.local-navi .local-navi__sub-menu a:hover:before {
    content: none;
    background-image: none;
}
.local-navi li.other__content {
    width: 85%;
    border-top: 1px solid #fff;
    padding-top: 20px;
}

@media (max-width: 450px) {
    .local-navi a:hover:before {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 768px) {
    .local-navi {
        position: static;
        width: calc(100% - 60px);
        height: auto;
        max-width: none;
        top: 0;
        float: none;
        margin: 60px 30px 0;
        z-index: 0;
        padding: 30px;
        background-color: #0766ff;
        border-radius: 10px;
    }

    .local-navi__menu {
        padding: 0;
    }

    .carrer-info.local-navi {
        padding-bottom: 30px;
    }

    .local-navi li {
        font-size: 16px;
    }

    .local-navi a {
        position: relative;
        line-height: 1.25;
        display: block;
        padding-left: 2.5em;
    }

    .local-navi a:before {
        top: 1px;
    }

    .local-navi a.on {
        color: #fff;
    }

    .local-navi a.on:before {
        background-color: #fff;
        box-shadow: 0 0 0 1px #fff;
    }
}

.header__entry-sp {
    display: none;
    position: fixed;
    height: 36px;
    padding: 0 20px;
    right: 70px;
    top: 20px;
    z-index: 13;
    background-color: #0043dd;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
}

@media (max-width: 1000px) {
    .header__entry-sp {
        display: block;
    }
}

.header__entry-sp--off {
    background-color: #d5d5d5;
}

.menu__btn {
    position: fixed;
    z-index: 30;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background-color: #0043dd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.menu__btn span {
    background-color: #fff;
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.menu__btn span:nth-child(1) {
    top: 13px;
}

.menu__btn span:nth-child(2) {
    bottom: 13px;
}

.menu__btn.active span:nth-child(1) {
    top: 17px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.menu__btn.active span:nth-child(2) {
    bottom: 17px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

@media (min-width: 1000px) {
    .menu__btn {
        display: none;
    }
}

.menu__inner {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #0766ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    pointer-events: none;
    z-index: 14;
    color: #fff;
}

.menu__inner.active {
    pointer-events: all;
    opacity: 1;
    height: 100%;
}

.menu__inner .navi--header {
    display: block;
    text-align: center;
}

.menu__inner .navi--link {
    line-height: 1;
    margin: 25px auto;
}

@media (max-width: 430px) {
    .menu__inner .navi--link {
        margin: 15px auto;
    }

    .menu__inner .navi--link a {
        color: #fff;
        font-size: 16px;
    }
}

.menu__inner .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 30px;
}

.menu__inner .menu li {
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

@media (max-width: 350px) {
    .menu__inner .menu li {
        font-size: 22px;
    }
}

.menu__inner .menu--list {
    margin-right: 30px;
    width: calc(50% - 30px / 2);
}

.menu__inner .menu--list:last-child {
    margin-right: 0;
}

.menu__inner .menu--lyr li {
    position: relative;
    font-size: 16px;
    line-height: 1;
    padding-top: 1.5em;
    padding-left: 1em;
}

@media (max-width: 350px) {
    .menu__inner .menu--lyr li {
        font-size: 14px;
    }
}

.menu__inner .menu--lyr li:before {
    content: '';
    display: block;
    width: 3px;
    height: 0.05em;
    background-color: #fff;
    position: absolute;
    top: 2.1em;
    left: 0.25em;
}

.menu__entry {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.menu__entry .btn--entry {
    background-color: #0043dd;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 21px;
}

.card-Item {
    cursor: pointer;
}

.modalLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.65s;
    transition: opacity 0.65s;
    pointer-events: none;
    opacity: 0;
    z-index: 10000;
}

.modalLayer.isShow {
    -webkit-transition: opacity 0.65s;
    transition: opacity 0.65s;
    pointer-events: auto;
    opacity: 1;
}

.modalLayer-Mask {
    position: absolute;
    background: rgba(7, 102, 255, 0.8);
    width: 100%;
    height: 100%;
    max-height: 720px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .modalLayer-Mask {
        min-height: 100%;
    }
}

@media (max-width: 430px) {
    .modalLayer-Mask {
        background: rgba(191, 210, 255, 0.75);
    }
}

.modalLayer-Inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 840px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modalLayer-Inner .swiper-button-next {
    right: 30px;
}

@media (max-width: 768px) {
    .modalLayer-Inner .swiper-button-next {
        display: block;
        right: 10px;
    }
}

.modalLayer-Inner .swiper-button-prev {
    left: 30px;
}

@media (max-width: 768px) {
    .modalLayer-Inner .swiper-button-prev {
        left: 10px;
    }
}

@media (max-width: 768px) {
    .modalLayer-Inner .swiper-button-next,
    .modalLayer-Inner .swiper-button-prev {
        background-size: 27px 22px;
    }
}

.modal-Inner-Btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    color: #fff;
    z-index: 10;
    cursor: pointer;
}

@media (max-width: 430px) {
    .modal-Inner-Btn {
        top: 1%;
        right: 15%;
        background-color: #fff;
    }
}

.modal-Inner-Card {
    width: 100%;
}

.modal-Inner-Card-Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.modal-Inner-Card-Wrapper-Slide {
    width: 100% !important;
    height: auto;
}

.modal-Inner-Card-Wrapper-Slide-Item {
    width: 100%;
    height: 100%;
    max-height: 570px;
    background: #fff;
    border-radius: 10px;
}

@media (max-width: 430px) {
    .modal-Inner-Card-Wrapper-Slide-Item {
        width: calc(100% - 100px);
        min-height: calc(100vh - 94px);
        margin: auto;
    }
}

@media (max-width: 350px) {
    .modal-Inner-Card-Wrapper-Slide-Item {
        width: calc(100% - 80px);
    }
}

.modal-Inner-Card-Wrapper-Slide-Item-Box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 78.37%;
    padding: 60px 0;
}

@media (max-width: 768px) {
    .modal-Inner-Card-Wrapper-Slide-Item-Box {
        padding: 30px 0;
    }
}

@media (max-width: 430px) {
    .modal-Inner-Card-Wrapper-Slide-Item-Box {
        width: calc(100% - 30px);
        padding: 60px 0 0;
    }
}

.navi--header {
    font-weight: 600;
    font-size: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navi--header .navi--link a {
    padding: 0 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.navi--header .navi--link a:hover {
    color: #0766ff;
}

@media (max-width: 1220px) {
    .navi--header {
        font-size: 1.4vw;
    }
}

@media (max-width: 1000px) {
    .navi--header {
        font-size: 19px;
    }
}

.navi__item {
    margin-right: 1em;
    width: 33%;
}

.navi__item:last-child {
    margin-right: 0;
}

.navi__item a:hover {
    text-decoration: underline;
}

.navi__heading {
    font-size: 15px;
}

@media (max-width: 1000px) {
    .navi__heading {
        font-size: 14px;
    }
}

.navi--corporate {
    font-weight: 600;
    font-size: 13px;
    height: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.6;
    color: #fff;
}

.navi--corporate li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    position: relative;
}

.navi--corporate a:hover {
    text-decoration: underline;
}

@media (min-width: 1000px) {
    .navi--corporate li:first-child {
        padding-left: 0;
    }

    .navi--corporate li:first-child:after {
        content: '';
        width: 1px;
        height: 15px;
        background-color: #fff;
        opacity: 0.6;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.navi--footer--sp {
    display: none;
}

@media (max-width: 768px) {
    .navi--footer--sp {
        display: block;
        color: #fff;
        width: 100%;
    }
}

.navi--footer--sp li {
    position: relative;
    line-height: 1;
}

.navi--footer--sp li:after {
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.navi--footer--sp li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.navi--footer--sp a {
    display: block;
    width: 100%;
}

.navi--footer--sp .accordion {
    background-color: transparent !important;
}

.navi--footer--sp .accordion p {
    padding: 0.8em 0 0.8em 1em;
}

.navi--footer--sp .icon__mark {
    border: 1px solid #fff;
    background-color: transparent;
}

@media (max-width: 1000px) {
    .navi--footer--sp .icon__mark {
        width: 15px;
        height: 15px;
    }

    .navi--footer--sp .icon__mark:after,
    .navi--footer--sp .icon__mark:before {
        width: 7px;
    }
}

.navi--footer--sp .navi__list {
    padding-bottom: 15px;
}

.navi--footer--sp .navi__heading {
    padding: 14px 0;
}

.navi--footer--sp .navi__heading,
.navi--footer--sp .navi__list {
    opacity: 0.6;
}

.navi--btn {
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75em 27px 0.75em 40px;
    width: 100%;
    height: 102px;
    max-width: 340px;
    position: relative;
    text-align: left;
}

.navi--btn:after {
    content: '';
    display: block;
    right: 25px;
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 35px;
}

.navi__bar {
    position: relative;
    margin-bottom: 38px;
}

.navi__bar:after,
.navi__bar:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
}

.navi__bar:before {
    height: 1px;
    bottom: 1px;
    z-index: 0;
    width: 100%;
    background-color: #c9caca;
}

.navi__bar:after {
    height: 2px;
    bottom: 0;
    z-index: 1;
    width: 147px;
    background-color: #0766ff;
}

.navi--entry {
    font-size: 24px;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    padding-top: 18px;
    color: #555;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 768px) {
    .navi--entry {
        font-size: 16px;
        margin-left: 0;
        padding-top: 45px;
    }
}

.navi--num {
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 0.025em;
    display: inline-block;
    margin-right: 0.5em;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background-color: #0766ff;
}

.navi--num i {
    display: block;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .navi--num {
        font-size: 18px;
        line-height: 42px;
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.navi--about {
    padding: 0 15px;
    display: block;
    height: auto;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.navi--about:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #555 transparent transparent transparent;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
}

.navi--about:hover {
    color: #0766ff;
}

.navi--about:hover .navi--about-container {
    opacity: 1;
    pointer-events: auto;
}

.navi--about-container {
    display: block;
    width: 274px;
    height: 287px;
    margin: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
    opacity: 0;
    pointer-events: none;
}

.navi--about-inner {
    padding-top: 38px;
    position: relative;
    max-width: 214px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navi--about-inner:before {
    content: '';
    display: block;
    height: 2px;
    width: 53px;
    background-color: #0766ff;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.navi--about-list {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 37px 54px;
    width: 100%;
}

.navi--about-list a {
    padding: 10px 0;
    display: block;
    color: #555;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
}

.navi--about-list a:hover {
    color: #0766ff;
}

.para {
    font-size: 16px;
    letter-spacing: 0.1em;
}

@media (max-width: 768px) {
    .para {
        font-size: 14px;
        text-align: justify;
        line-height: 2;
    }
}

@media (max-width: 768px) {
    .para {
        letter-spacing: 0;
    }
}

@media (max-width: 768px) {
    .para.para--sm {
        font-size: 13px;
    }
}

.para--sentence {
    font-size: 18px;
}

.para--card {
    font-size: 15px;
    text-align: justify;
}

.scroll {
    height: 100%;
    overflow: auto;
    min-height: 200px;
    max-height: 380px;
    padding-right: 26px;
}

.scroll.deco::-webkit-scrollbar {
    width: 2px;
}

.scroll.deco::-webkit-scrollbar-track {
    background-color: #d1d1d1;
}

.scroll.deco::-webkit-scrollbar-thumb {
    background-color: #0766ff;
}

@media (max-width: 768px) {
    .scroll {
        width: 100%;
        max-height: 200px;
        padding-right: 0;
    }
}

@media (max-width: 430px) {
    .scroll {
        overflow: visible;
        max-height: calc(100vh - 300px);
    }
}

@media (max-width: 350px) {
    .scroll {
        max-height: calc(100vh - 360px);
    }
}

.tag {
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    display: inline-block;
    padding: 5px 2px;
    color: #0766ff;
    border: 1px solid #0766ff;
    border-radius: 2px;
    background-color: #fff;
    min-width: 55px;
    width: 100%;
}

.tag--gray {
    color: #717071;
    border: 1px solid #717071;
    background-color: transparent;
}

.title--wrap {
    margin-top: 80px;
    margin-bottom: 34px;
    background-color: #fff;
    padding-bottom: 55px;
}

.title--wrap .heading--section {
    padding: 40px 0;
    border-top: 1px solid #bebfbf;
    border-bottom: 1px solid #bebfbf;
    margin-bottom: 34px;
}

@media (max-width: 768px) {
    .title--wrap .heading--section {
        font-size: 22px;
        padding: 17px 0 24px;
    }
}

@media (max-width: 430px) {
    .title--wrap .heading--section {
        font-size: 5.6vw;
    }
}

.title--wrap .heading--en {
    font-size: 34px;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .title--wrap .heading--en {
        font-size: 28px;
    }
}

.title--wrap .para {
    font-size: 16px;
    line-height: 2.3;
}

@media (max-width: 768px) {
    .title--wrap .para {
        font-size: 14px;
    }
}

.title--wrap.unit {
    margin-bottom: 55px;
    padding-bottom: 0;
}

.title--wrap.unit .heading--section {
    margin-bottom: 0;
}

.title--wrap.unit .para {
    margin-top: 30px;
}

.title__iconWrap .heading--navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .title__iconWrap .heading--navi {
        display: block;
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.tab-area {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
    margin-top: 92px;
    margin-bottom: -1px;
    border: 1px solid #9fc3ff;
    border-bottom: none;
    z-index: 2;
}

@media (max-width: 768px) {
    .tab-area {
        border-radius: 0;
    }
}

.tab-area:before {
    content: '';
    display: block;
    height: 82px;
    width: 110%;
    background-color: #fff;
    position: absolute;
    top: -83px;
}

@media (max-width: 768px) {
    .tab-area:before {
        width: 100%;
    }
}

.tab-area:after {
    content: '';
    display: block;
    background-color: #fff;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.tab-area .tab {
    overflow-y: hidden;
    width: 100%;
    text-align: center;
    background-color: #fff;
    color: #0766ff;
    padding: 10px 0;
    border-radius: 0 20px 0 0;
    border-bottom: 1px solid #9fc3ff;
}

@media (max-width: 768px) {
    .tab-area .tab {
        border-radius: 0;
    }
}

.tab-area .tab.tab--right {
    border-radius: 0;
}

.tab-area .tab.active {
    background-color: #dde8ff;
    border-bottom: none;
}

.tab-area .active .heading--tab {
    position: relative;
    display: inline-block;
    padding: 0 8px;
}

.tab-area .active .heading--tab:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #0766ff;
}

.tab-area .active.tab--left {
    border-right: 1px solid #9fc3ff;
}

@media (max-width: 768px) {
    .tab-area .active.tab--left {
        border-radius: 0 20px 0 0;
    }
}

.tab-area .active.tab--right {
    border-left: 1px solid #9fc3ff;
    border-radius: 20px 0 0 0;
}

.content-area .content {
    display: none;
}

.content-area .content.show {
    display: block;
}

.bd--blue {
    border-top: 1px solid #0b80ff !important;
    border-bottom: 1px solid #0b80ff !important;
}

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

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

.bg--blue:before {
    background-color: #dde8ff;
}

.bg--wh {
    background-color: #fff;
}

.bg--gradient--gray {
    background: -webkit-linear-gradient(bottom, #e4e4e4 60%, #e5e5e5 100%);
    background: linear-gradient(0deg, #e4e4e4 60%, #e5e5e5 100%);
}

.color--gray {
    color: #555;
}

.color--darkgray {
    color: #333;
}

.fig {
    margin: 30px auto 0;
}

@media (max-width: 768px) {
    .fig img {
        width: 100%;
    }
}

.fig--branch {
    margin-right: -90px;
}

@media (max-width: 1000px) {
    .fig--branch {
        margin-right: -30px;
    }
}

@media (max-width: 768px) {
    .fig--branch {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-top: 40px;
    }

    .fig--branch img {
        object-fit: cover;
        height: 200px;
        width: 100%;
        object-position: 50% 50%;
    }

    .fig--branch .branch-ph1 {
        object-position: 44% 50%;
    }

    .fig--branch .branch-ph2 {
        object-position: 13% 50%;
    }

    .fig--branch .branch-ph3 {
        object-position: 50% 50%;
    }
}

.fig--lg {
    max-width: 100%;
}

.fig--md {
    max-width: 660px;
    margin: 0;
}

@media (max-width: 768px) {
    .fig--md img {
        width: 100%;
    }
}

.fig.branch--center {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.fig.branch--center img {
    object-fit: cover;
    height: 200px;
    width: 100%;
    object-position: 50% 50%;
}

@media (max-width: 768px) {
    .fig.branch--img {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .fig.branch--img img {
        object-fit: cover;
        height: 200px;
        width: 100%;
        object-position: 50% 50%;
    }
}

@media (max-width: 768px) {
    .fig.branch--careerpath {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .fig.branch--careerpath img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .fig.seminar--ph {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

.fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.img--fit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.img--contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}

.pc--active {
    display: block;
}

@media (max-width: 768px) {
    .pc--active {
        display: none;
    }
}

.pc--disable {
    display: none;
}

@media (max-width: 768px) {
    .pc--disable {
        display: block;
    }
}

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

.posi--right {
    text-align: right;
}

.posi--left {
    text-align: left;
}

.sp--active {
    display: none;
}

@media (max-width: 768px) {
    .sp--active {
        display: block;
    }
}

@media (max-width: 768px) {
    .sp--disable {
        display: none;
    }
}

.sp--reps-active {
    display: none;
}

@media (max-width: 1100px) {
    .sp--reps-active {
        display: block;
    }
}

@media (max-width: 1100px) {
    .sp--reps-hiden {
        display: none;
    }
}

.sp--interview-active {
    display: none;
}

@media (max-width: 1000px) {
    .sp--interview-active {
        display: block;
    }
}

@media (max-width: 1000px) {
    .sp--interview-disable {
        display: none;
    }
}

.txt--narrow {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    display: inline-block;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    padding-left: 3px;
    line-height: 1;
}

.txt--blue {
    color: #0766ff;
}

.txt--justify {
    text-align: justify;
}

.fixed {
    position: fixed;
    top: 100px;
}

.js-fade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 1.2s, -webkit-transform 1.2s;
    transition: opacity 1.2s, -webkit-transform 1.2s;
    transition: transform 1.2s, opacity 1.2s;
    transition: transform 1.2s, opacity 1.2s, -webkit-transform 1.2s;
}

.fadeIn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}