@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
* {
    outline: none;

    -webkit-tap-highlight-color: transparent !important;
}

select {
    -webkit-appearance: menulist-button;
}

body.windows .win-position {
    position: relative;
    top: -.1em;
}

button:focus {
    outline: none !important;

    -webkit-tap-highlight-color: transparent !important;
}

/* ---------------------------------------------
*   swiper
--------------------------------------------- */
.swiper-container, .swiper-pagination {
    width: 980px !important;
}

@media screen and (max-width: 750px) {
    .swiper-container, .swiper-pagination {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .swiper-slide {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 90.625vw !important;
        height: auto !important;
    }
}

@media screen and (max-width: 750px) {
    .swiper-slide img {
        z-index: -1;
        overflow: hidden;
        width: 100% !important;
    }
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    /* right: 4.6% !important;
    background-image: none !important; */
}

@media screen and (max-width: 750px) {
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 4% !important;
    }
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    /* left: 4.6% !important;
    background-image: none !important; */
}

@media screen and (max-width: 750px) {
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        top: 5% !important;
        left: 4% !important;
    }
}

.swiper-button-next, .swiper-button-prev {
    top: 47.5% !important;
    width: 60px !important;
    height: 70px !important;
}

@media screen and (max-width: 750px) {
    .swiper-button-next, .swiper-button-prev {
        top: 30px !important;
        width: 18.75vw !important;
        height: 18.75vw !important;
    }
}

.swiper-button-next:focus, .swiper-button-prev:focus {
    outline: none !important;
}

.swiper-pagination {
    position: absolute !important;
    left: 50% !important;
    margin: 10px auto 0 !important;
    min-width: 1366px !important;
    width: 100% !important;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
}

@media screen and (max-width: 750px) {
    .swiper-pagination {
        margin-top: 7.5vw !important;
        min-width: 100% !important;
        width: 100% !important;
    }
}

.swiper-pagination-bullet {
    margin: 0 4px !important;
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #c7c7c7 !important;
    background: #fff !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet:focus {
    outline: none !important;
}

.swiper-pagination-bullet-active {
    background: #0085E8 !important;
}

/* ---------------------------------------------
*   lead-btn
--------------------------------------------- */
.page-bottom {
    min-width: 1366px;
}

@media screen and (max-width: 750px) {
    .page-bottom {
        min-width: initial;
        min-width: auto;
    }
}

.page-bottom--data, .page-bottom--business, .page-bottom--welfare {
    margin-top: 45px;
}

@media screen and (max-width: 750px) {
    .page-bottom--data, .page-bottom--business, .page-bottom--welfare {
        margin-top: 14.0625vw;
    }
}

.lead-btn {
    display: inline-block;
    margin: 0 auto 45px;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .lead-btn {
        margin: 0 auto 14.0625vw;
    }
}

.lead-btn__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 0 30px;
    height: 45px;
    background-color: #0085E8;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .lead-btn__link {
        padding: 0 9.375vw;
        height: 15.625vw;
        font-size: 6.25vw;
        line-height: 15.625vw;
    }
}

.lead-btn__link:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 11px;
    background: url(../img/recruitment/icon_apply-arrow.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .lead-btn__link:after {
        top: 50%;
        right: 6.25vw;
        width: 1.875vw;
        height: 3.4375vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.lead-btn__link--small {
    display: inline-block;
    padding: 0 5px;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .lead-btn__link--small {
        padding: 0 1.5625vw;
        font-size: 4.375vw;
    }
}

/* ---------------------------------------------
*   main-contents
--------------------------------------------- */
.main-contents {
    margin: 120px auto 0;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .main-contents {
        margin-top: 50px;
        width: 100%;
    }
}

.main-contents--data {
    width: 100%;
}

.main-contents__head {
    margin: 0 auto 120px;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .main-contents__head {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 9.375vw;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.main-contents__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 100px auto 70px;
    width: 980px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .main-contents__item {
        margin: 50px 0 0;
        width: 100%;
    }
}

.main-contents__item--environment {
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
    .main-contents__item--environment {
        margin-bottom: 14.0625vw;
    }
}

.main-contents__list {
    margin-bottom: 50px;
    width: 460px;
    height: 290px;
}

@media screen and (max-width: 750px) {
    .main-contents__list {
        margin: 0;
        width: 100%;
        height: 37.5vw;
    }
}

.main-contents__list--large {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .main-contents__list--large {
        margin: 0;
        width: 100%;
        height: 37.5vw;
    }
}

.main-contents__list--message {
    background: url(../img/company/company_message.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .main-contents__list--message {
        background: url(../img/company/company_message_sp.jpg) center center no-repeat;
        background-size: cover;
    }
}

.main-contents__list--business {
    background: url(../img/company/business_main_sp.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--history {
    background: url(../img/company/company_history.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--location {
    background: url(../img/company/company_location.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--data {
    background: url(../img/company/company_data.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--training {
    background: url(../img/environment/environment_trainingsystem.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--diversity {
    background: url(../img/environment/environment_diversityandwelfare.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--faq {
    background: url(../img/environment/environment_faq.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--base {
    background: url(../img/environment/environment_base.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--newgraduates {
    background: url(../img/recruitment/recruitment_newgraduates.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__list--career {
    background: url(../img/recruitment/recruitment_career.jpg) center center no-repeat;
    background-size: cover;
}
.main-contents__list--Health {
    background: url(../img/environment/environment_health-and-productivity.png) center center no-repeat;
    background-size: cover;
}
.main-contents__list--philosophy {
    background: url(../img/company/company_philosophy_bg.jpg) center center no-repeat;
    background-size: cover;
}
.main-contents__list--profile {
    background: url(../img/company/company_profile_bg.jpg) center center no-repeat;
    background-size: cover;
}

.main-contents__link {
    display: inline-block;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.main-contents__ttl {
    z-index: 9;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .main-contents__ttl {
        font-size: 9.375vw;
        line-height: 1;
    }
}

.main-contents__ttl--ja {
    z-index: 9;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .main-contents__ttl--ja {
        font-weight: normal;
        font-size: 3.75vw;
    }
}

.lead {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .lead {
        padding: 0 40px;
    }
}

/* ---------------------------------------------
*   application
--------------------------------------------- */
.application-ttl {
    margin-bottom: 33px;
    color: #0085E8;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .application-ttl {
        margin-bottom: 4.6875vw;
        font-size: 6.25vw;
    }
}

.application-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .application-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.application__table {
    margin: 0 auto;
    width: 900px;
}

@media screen and (max-width: 750px) {
    .application__table {
        width: 100%;
    }
}

.application__link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 120px;
    padding: 10px 0;
    padding-left: 15px;
    width: 180px;
    background-color: #0085E8;
    color: #fff !important;
    text-align: left;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .application__link {
        margin-top: 9.375vw;
        margin-bottom: 18.75vw;
        padding: 0;
        width: 56.25vw;
        height: 15.625vw;
        text-align: center;
        font-size: 5vw;
        line-height: 15.625vw;
    }
}

.application__link:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 11px;
    background: url(../img/recruitment/icon_apply-arrow.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .application__link:after {
        top: 50%;
        right: 4.6875vw;
        width: 1.875vw;
        height: 3.4375vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.application__link__link-s {
    padding-left: 10px;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .application__link__link-s {
        font-size: 4.375vw;
    }
}

.application__link--mnv {
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .application__link--mnv {
        padding-top: 0;
        padding-left: 0;
        padding-left: 3.125vw;
        text-align: left;
        font-size: 5vw;
    }
}

.application__link--ng {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    letter-spacing: 0em;
}

@media screen and (max-width: 750px) {
    .application__link--ng {
        margin-bottom: 3.125vw;
        padding-left: 0;
        font-size: 5vw;
    }
}

.application__link--ng:after {
    right: 7px;
}

@media screen and (max-width: 750px) {
    .application__link--ng:after {
        right: 4.6875vw;
    }
}

.application__link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-bottom: 120px;
    width: 450px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .application__link-wrapper {
        display: block;
        margin-bottom: 18.75vw;
        width: 100%;
    }
}

.application__link-txt {
    margin-top: 58px;
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .application__link-txt {
        margin-top: 9.375vw;
        margin-bottom: 2.1875vw;
        font-size: 5.625vw;
    }
}

.application__link-s {
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .application__link-s {
        font-size: 5vw;
    }
}

.application__row {
    border-bottom: 1px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .application__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: none;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.application__row:first-of-type {
    border-top: 1px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .application__row:first-of-type {
        border-top: none;
    }
}

.application__row--sub {
    border-bottom: 1px dashed rgba(0, 133, 232, 0.5);
}

.application__row-left {
    padding-right: 45px;
    width: 27.41935%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .application__row-left {
        padding: 3.125vw 0;
        width: 100%;
        background-color: #cecece;
        font-size: 5vw;
    }
}

.application__row-left--2 {
    padding-right: 20px;
}

@media screen and (max-width: 750px) {
    .application__row-left--2 {
        padding: 3.125vw 0;
    }
}

.application__row-left--l {
    padding-right: 0;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .application__row-left--l {
        text-align: center;
    }
}

.application__row-left--base {
    padding-right: 0;
    padding-left: 75px;
    width: 35%;
    text-align: left;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif, "Hiragino Sans";
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .application__row-left--base {
        padding-left: 0;
        width: 100%;
        border-bottom: 1px solid #0085E8;
        text-align: center;
        font-size: 5vw;
    }
}

.application__row-left--base > span {
    font-weight: normal;
    font-size: 13px;
}

.application__row-right {
    padding: 20px 0;
    width: 72.58065%;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .application__row-right {
        padding: 3.125vw 0;
        width: 100%;
        font-size: 5vw;
    }
}

.application__row-center {
    padding: 20px 0;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif, "Hiragino Sans";
}

@media screen and (max-width: 750px) {
    .application__row-center {
        margin: 0;
    }
}

.application__row-map {
    text-align: center;
}

@media screen and (max-width: 750px) {
    .application__row-map {
        margin: 0 auto 20px;
        width: 100%;
    }
}

.application__row-map--hide {
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .application__row-map--hide {
        display: none;
    }
}

.application__txt {
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.8;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .application__txt {
        font-size: 3.75vw;
    }
}

.application__txt--sp {
    padding-top: 25px;

    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

@media screen and (max-width: 750px) {
    .application__txt--sp {
        padding-top: 4.6875vw;
    }
}

.application__txt--s {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .application__txt--s {
        margin-top: 3.125vw;
    }
}

.application__txt--address {
    width: 325px;
    font-weight: normal;
}

@media screen and (max-width: 750px) {
    .application__txt--address {
        width: 100%;
        font-size: 3.75vw;
    }
}

@media screen and (max-width: 750px) {
    .application__txt--center {
        text-align: center;
    }
}

.application__map-link {
    display: inline-block;
    width: 168px;
    height: 35px;
    background-color: #0085E8;
    color: #fff !important;
    font-weight: bold;
    font-size: 22px;
}

.maptxt-small {
    font-size: 16px;
}

/* ---------------------------------------------
*   company
--------------------------------------------- */
.message-container {
    padding: 0 10px;
}

/* ---------------------------------------------
*   business
--------------------------------------------- */
.business {
    padding-top: 120px;
    padding-bottom: 144px;
}

@media screen and (max-width: 750px) {
    .business {
        padding-top: 18.75vw;
        padding-bottom: 0;
    }
}

.business__slide {
    position: relative;
    margin-top: 66px;
}

@media screen and (max-width: 750px) {
    .business__slide {
        margin-top: 9.375vw;
    }
}

.business__movie {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 140px auto 0;
    padding: 58px 66px;
    width: 980px;
    border: 2px solid #000;
    background-color: #fff;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .business__movie {
        margin-top: 25.9375vw;
        padding: 9.375vw 2.5vw 3.75vw;
        width: 100%;
    }
}

.business__movie-ttl {
    margin-bottom: 24px;
}

@media screen and (max-width: 750px) {
    .business__movie-ttl {
        margin-bottom: 6.25vw;
        margin-left: 1.5625vw;
    }
}

.business__movie-link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.business-container {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .business-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4.6875vw;
        width: 100%;
    }
}

.movie-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .movie-box {
        display: block;
    }
}

.movie-box__youtube {
    position: relative;
    overflow: hidden;
    padding-top: 33.65%;
    width: 513px;
    height: 0;
}

@media screen and (max-width: 750px) {
    .movie-box__youtube {
        padding-top: 56.3636%;
        width: 100%;
    }
}

.movie-box__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .movie-box__youtube iframe {
        width: 100%;
    }
}

.movie-box__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    text-align: justify;
    line-height: 1.6;

    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 750px) {
    .movie-box__txt {
        margin-top: 6.25vw;
        padding: 0 2.1875vw;
        width: 100%;
        font-size: 4.0625vw;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   business-field
--------------------------------------------- */
.business-field {
    position: relative;
    position: relative;
    z-index: -1;
    margin-top: -220px;
    padding-top: 198px;
    min-width: 1366px;
    background: #F0F0F0 url(../img/company/business_field_bg.png) 0 20% no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 750px) {
    .business-field {
        margin-top: 0;
        padding-top: 15.625vw;
        padding-bottom: 0;
        min-width: auto;
        min-width: inherit;
        background-color: #fff;
        background-image: none;
    }
}

@media screen and (max-width: 750px) {
    .business-field__sp-bg {
        position: absolute;
        top: 38.125vw;
        left: auto;
        z-index: -1;
        width: 100%;
        height: 484.375vw;
        background-color: #f0f0f0;
    }
}

.business-field__bf-txt {
    margin: 20px;
    font-size: 25px;
}

@media screen and (max-width: 750px) {
    .business-field__bf-txt {
        margin: 2.8125vw;
        font-weight: bold;
        font-size: 7.8125vw;
    }
}

.business-field__bf-txt--2 {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
    .business-field__bf-txt--2 {
        margin-top: 7.8125vw;
    }
}

.business-field__bf-arrow {
    position: absolute;
    top: 377px;
    left: 50%;
    width: 175px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .business-field__bf-arrow {
        top: 131.875vw;
        width: 54.6875vw;
    }
}

.business-field__bf-arrow--2 {
    top: auto;
    margin-top: -93px;
}

@media screen and (max-width: 750px) {
    .business-field__bf-arrow--2 {
        margin-top: -21.875vw;
    }
}

.business-field__bg {
    position: absolute;
    top: -80px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 410px;
    background-color: #F0F0F0;
}

.business-field__img {
    margin-top: 42px;
}

@media screen and (max-width: 750px) {
    .business-field__img {
        margin-top: 10.9375vw;
    }
}

.business-field__figure {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .business-field__figure {
        margin: 5.3125vw auto 0;
        width: 96.25vw;
    }
}

.business-field__solution {
    margin-top: 111px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .business-field__solution {
        margin-top: 34.6875vw;
    }
    .business-field__solution img {
        width: 100%;
    }
}

.business-field-container {
    position: relative;
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .business-field-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   business-diagram
--------------------------------------------- */
.business-diagram-txt {
    margin: 32px;
    font-size: 25px;
}

@media screen and (max-width: 750px) {
    .business-diagram-txt {
        margin-top: 4.8215vw;
        margin-right: 0;
        margin-bottom: 4.8215vw;
        margin-left: 0;
        font-weight: bold;
        font-size: 7.8125vw;
    }
}

.business-diagram {
    margin-bottom: 50px;
}

@media(min-width:751px) {
	.business-diagram img {
		padding: 0 112px;
	}
}

@media screen and (max-width: 750px) {
    .business-diagram {
        margin-right: 3.125vw;
        margin-bottom: 13.75vw;
        margin-left: 3.125vw;
    }
}

@media screen and (max-width: 750px) {
    .business-diagram--full {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .business-diagram-wrapper {
        background-color: #f0f0f0;
    }
}

.business-area {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 123px auto 0;
    padding: 13px 17px;
    width: 800px;
    height: 170px;
    border: 2px solid #0085E8;
    background-color: #fff;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .business-area {
        margin: 34.375vw auto 0;
        padding: 2.5vw;
        width: 96.25vw;
        height: auto;
    }
}

.business-area:before {
    position: absolute;
    bottom: -27px;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 26px 19px 0 19px;
    border-style: solid;
    border-color: #0085E8 transparent transparent transparent;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .business-area:before {
        bottom: -5vw;
        border-width: 5vw 3.75vw 0 3.75vw;
    }
}

.business-area:after {
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 24px 17px 0 17px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .business-area:after {
        bottom: -4.21875vw;
        border-width: 4.6875vw 3.4375vw 0 3.4375vw;
    }
}

.business-area__ttl {
    margin-bottom: 10px;
    color: #0085E8;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .business-area__ttl {
        margin-bottom: 0;
        font-size: 5vw;
    }
}

.business-area__l-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .business-area__l-box {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .business-area__arrow {
        margin: 0 auto;
        width: 8.125vw;
    }
}

.color-blue {
    color: #0085E8;
}

.closer-service__ttl, .solution-supplier__ttl, .strategic-partner__ttl {
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .closer-service__ttl, .solution-supplier__ttl, .strategic-partner__ttl {
        display: inline-block;
        letter-spacing: 0;
        font-size: 5vw;
    }
}

.closer-service__ja, .solution-supplier__ja, .strategic-partner__ja {
    margin-bottom: 11px;
    font-size: 12px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .closer-service__ja, .solution-supplier__ja, .strategic-partner__ja {
        display: inline-block;
        margin-bottom: 0;
        letter-spacing: -0.05em;
        font-size: 3.75vw;
    }
}

.closer-service__txt, .solution-supplier__txt, .strategic-partner__txt {
    font-size: 11px;
}

@media screen and (max-width: 750px) {
    .closer-service__txt, .solution-supplier__txt, .strategic-partner__txt {
        font-size: 3.75vw;
        line-height: 1.5;
    }
}

.closer-service {
    margin-right: 22px;
}

@media screen and (max-width: 750px) {
    .closer-service {
        margin-right: 0;
    }
}

.solution-supplier {
    margin-right: 10px;
    margin-left: 20px;
}

@media screen and (max-width: 750px) {
    .solution-supplier {
        margin: 0;
    }
}

.strategic-partner {
    margin-left: 8px;
}

@media screen and (max-width: 750px) {
    .strategic-partner {
        margin-left: 0;
    }
}

/* ---------------------------------------------
*   data
--------------------------------------------- */
.data-container {
    margin: 0 auto;
    padding: 125px 0 120px;
    width: 100%;
    width: 1366px;
    background-color: #F0F0F0;
}

@media screen and (max-width: 750px) {
    .data-container {
        padding: 18.75vw 0 39.0625vw;
        width: 100%;
    }
}

.data-container__ttl {
    margin-bottom: 50px;
    letter-spacing: .03em;
    font-weight: bold;
    font-size: 25px;
}

@media screen and (max-width: 750px) {
    .data-container__ttl {
        margin-bottom: 15.625vw;
        font-size: 7.8125vw;
    }
}

.data-container__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 650px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .data-container__list {
        -ms-flex-pack: center;
        width: 100%;

        -webkit-box-pack: center;
        justify-content: center;
    }
}

.data-container__list--1st {
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .data-container__list--1st {
        margin-bottom: 12.5vw;
    }
}

.data-container__list-item {
    position: relative;
    margin: 0 6px 24px;
    padding-top: 12px;
    width: 200px;
    height: 230px;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .data-container__list-item {
        margin: 0 1.875vw 7.5vw;
        padding-top: 3.75vw;
        width: 40%;
        height: 55vw;
        font-size: 4.375vw;
    }
}

@media screen and (max-width: 750px) {
    .data-container__list-item--pt {
        display: inline-block;
        padding-top: 6.25vw;
    }
}

.data-container__list-item--1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_01.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_02.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_03.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--4:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_04.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--5:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_05.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--6:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_06.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--7:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_07.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--8:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_08.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--9:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_09.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--10:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_10.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--11:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_11.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--12:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_12.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--13:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_13.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--14:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_14.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--15:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_15.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

.data-container__list-item--16:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/company/data_16.png) 0 bottom no-repeat;
    background-size: 100% auto;
    content: '';
}

/* ---------------------------------------------
*   career
--------------------------------------------- */
.career {
    padding-top: 120px;
    padding-bottom: 83px;
}

@media screen and (max-width: 750px) {
    .career {
        padding-top: 18.75vw;
        padding-bottom: 12.5vw;
    }
}

.career-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .career-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   company-info
--------------------------------------------- */
.company-info {
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 70px;
    width: 620px;
}

@media screen and (max-width: 750px) {
    .company-info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 9.375vw;
        margin-bottom: 10.9375vw;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.company-info__table {
    width: 100%;
}

.company-info__table-left {
    padding-right: 50px;
    width: 30.64516%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .company-info__table-left {
        padding-right: 0;
        font-size: 5vw;
    }
}

.company-info__table-right {
    padding: 25px 0;
    width: 69.35484%;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .company-info__table-right {
        padding: 4.6875vw 0;
        font-size: 4.0625vw;
    }
}

.company-info__table-line {
    border-top: 1px solid #0085E8;
}

.company-info__table-line:last-of-type {
    border-bottom: 1px solid #0085E8;
}

/* ---------------------------------------------
*   confirm
--------------------------------------------- */
.confirm {
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 70px;
    width: 900px;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

@media screen and (max-width: 750px) {
    .confirm {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 9.375vw;
        margin-bottom: 10.9375vw;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.confirm__table {
    margin-bottom: 50px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .confirm__table {
        margin-bottom: 9.375vw;
    }
}

.confirm__table-left {
    padding-right: 50px;
    width: 30.64516%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .confirm__table-left {
        padding-top: 4.6875vw;
        padding-right: 0;
        width: 100%;
        text-align: left;
        font-size: 4.375vw;
    }
}

.confirm__table-right {
    padding: 25px 0;
    width: 69.35484%;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .confirm__table-right {
        padding: 4.6875vw 0;
        width: 100%;
        font-size: 4.0625vw;
    }
}

.confirm__table-line {
    border-top: 1px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .confirm__table-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.confirm__table-line:last-of-type {
    border-bottom: 1px solid #0085E8;
}

.confirm-thanks {
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .confirm-thanks {
        margin-top: 31.25vw;
        margin-bottom: 9.375vw;
        font-size: 5vw;
    }
}

.confirm-thanks__link {
    display: block;
    margin-bottom: 200px;
    text-decoration: underline;
    font-size: 20px;
}

.confirm-thanks__link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 750px) {
    .confirm-thanks__link {
        margin-bottom: 62.5vw;
        font-size: 5vw;
    }
}

/* ---------------------------------------------
*   discussion
--------------------------------------------- */
.discussion {
    padding-top: 120px;
    padding-bottom: 120px;
    min-width: 1366px;
    background-color: #F0F0F0;
}

@media screen and (max-width: 750px) {
    .discussion {
        padding-top: 18.75vw;
        padding-bottom: 18.75vw;
        min-width: auto;
        min-width: inherit;
    }
}

.discussion-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .discussion-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   diversity
--------------------------------------------- */
.diversity {
    padding: 120px 0;
}

@media screen and (max-width: 750px) {
    .diversity {
        padding: 18.75vw 0;
    }
}

.diversity-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 85px;
    padding: 0 30px;
    padding-bottom: 35px;
    width: 900px;
    border: 2px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .diversity-box {
        margin-top: 12.5vw;
        padding: 0 7.8125vw;
        padding-bottom: 6.25vw;
        width: 100%;
    }
}

.diversity-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 30px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .diversity-box__inner {
        margin-top: 4.6875vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.diversity-box__ttl {
    margin: 0 auto;
    margin-top: -18px;
    width: 435px;
    background-color: #fff;
    color: #0085E8;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

@media screen and (max-width: 750px) {
    .diversity-box__ttl {
        margin-top: -9.375vw;
        width: 80%;
        font-size: 6.25vw;
    }
}

.diversity-box__txt {
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .diversity-box__txt {
        font-size: 4.0625vw;
    }
}

.diversity-box__txt--space {
    margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
    .diversity-box__txt--space {
        margin-bottom: 4.6875vw;
    }
}

.diversity-box__inner-right {
    width: 265px;
}

@media screen and (max-width: 750px) {
    .diversity-box__inner-right {
        margin: 0 auto;
        margin-top: 4.6875vw;
        width: 80%;
    }
}

.diversity-box__inner-right img {
    width: 100%;
}

.diversity-box__inner-left {
    width: 486px;
}

@media screen and (max-width: 750px) {
    .diversity-box__inner-left {
        width: 100%;
    }
}

.diversity-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .diversity-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   form
--------------------------------------------- */
.form-ttl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 75px 0 60px;
    width: 1328px;
    background-color: #0085E8;
}

@media screen and (max-width: 750px) {
    .form-ttl {
        padding: 12.5vw 0 9.375vw;
        width: 100%;
    }
}

.form-ttl__txt {
    color: #fff;
    font-weight: bold;
    font-size: 37px;
}

@media screen and (max-width: 750px) {
    .form-ttl__txt {
        font-size: 7.5vw;
    }
}

.form-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .form-container {
        width: 100%;
    }
}

.recruit-form {
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 120px;
    width: 900px;
    text-align: left;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

@media screen and (max-width: 750px) {
    .recruit-form {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 18.75vw;
        margin-bottom: 18.75vw;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.recruit-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    border-bottom: 1px solid #0085E8;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .recruit-form__row {
        display: block;
    }
}

.recruit-form__row:first-of-type {
    border-top: 1px solid #0085E8;
}

.recruit-form__row-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 22px 0;
    width: 30.64516%;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-left {
        padding: 3.4375vw 0;
        padding-bottom: 0;
        width: 100%;
    }
}

.recruit-form__row-left--l {
    text-align: left;
}

.recruit-form__row-right {
    padding: 25px 0;
    width: 69.35484%;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right {
        padding: 4.6875vw 0;
        padding-top: 3.125vw;
        width: 100%;
    }
}

.recruit-form__row-right-txt {
    padding: 0 5px;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right-txt {
        padding: 0 0.625vw;
        font-size: 4.0625vw;
    }
}

.recruit-form__row-right-txt--s1 {
    display: block;
    padding: 0 0 4px 0;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right-txt--s1 {
        padding-bottom: 0.625vw;
    }
}

.recruit-form__row-right-txt--s2 {
    display: block;
    padding: 10px 0 4px 0;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right-txt--s2 {
        padding: 1.5625vw 0 0.625vw 0;
    }
}

.recruit-form__row-right-txt--s3 {
    display: block;
    padding: 10px 0 4px 0;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right-txt--s3 {
        padding: 1.5625vw 0 0.625vw 0;
    }
}

.recruit-form__row-right-txt--p {
    padding-right: 5px;
}

.windows .recruit-form__row-right-txt--p {
    margin-left: -5px;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-right-txt--p {
        padding-right: 0.625vw;
    }
}

.recruit-form__row-txt {
    display: inline-block;
    width: 133px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-txt {
        width: auto;
        text-align: left;
        font-size: 5vw;
    }
}

.recruit-form__row-required {
    margin-right: 15px;
    padding: 0 5px;
    background-color: #FF0000;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-required {
        margin-top: 0.625vw;
        margin-right: 2.5vw;
        margin-left: 1.5625vw;
        padding: 0 2.5vw;
        font-size: 3.75vw;
    }
}

.recruit-form__row-note {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 11px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-note {
        font-size: 3.4375vw;
    }
}

.recruit-form__row-note:first-of-type {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .recruit-form__row-note:first-of-type {
        margin-top: 4.6875vw;
    }
}

.recruit-form__privacy {
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    padding: 20px;
    height: 215px;
    border: 1px solid #B3B3B3;
}

@media screen and (max-width: 750px) {
    .recruit-form__privacy {
        margin-top: 7.8125vw;
        padding: 3.125vw;
        height: 31.25vw;
    }
}

.recruit-form__privacy-ttl {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .recruit-form__privacy-ttl {
        padding-bottom: 3.125vw;
        font-size: 4.0625vw;
    }
}

.recruit-form__privacy-txt {
    padding-bottom: 10px;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .recruit-form__privacy-txt {
        padding-bottom: 3.125vw;
        font-size: 4.0625vw;
    }
}

.recruit-form__agree-txt {
    margin-top: 50px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .recruit-form__agree-txt {
        margin-top: 7.8125vw;
        margin-bottom: 9.375vw;
        text-align: left;
        font-size: 4.6875vw;
    }
}

.recruit-form__agree-btn {
    padding: 15px 0;
    width: 100%;
    background-color: #0085E8;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .recruit-form__agree-btn {
        padding: 3.125vw 0;
        font-size: 6.25vw;
    }
}

.recruit-form__agree-btn:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.form__radio + span {
    margin-right: 10px;
    margin-left: 5px;
    padding-top: 2px;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .form__radio + span {
        margin-right: 1.5625vw;
        font-size: 4.0625vw;
    }
}

.form-txt__large {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    width: 430px;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .form-txt__large {
        padding: 0.625vw 1.25vw;
        width: 100%;
        height: 8.125vw;
        font-size: 4.6875vw;
    }
}

.form-txt__small {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .form-txt__small {
        padding: 0.625vw 1.25vw;
        width: 20%;
        height: 8.125vw;
        font-size: 4.6875vw;
    }
}

.form-txt__small--p {
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .form-txt__small--p {
        margin-bottom: 1.5625vw;
    }
}

.form-txt__select {
    margin-top: 10px;
    width: 430px;
    height: 30px;
    border-radius: 5px;
}

@media screen and (max-width: 750px) {
    .form-txt__select {
        margin-top: 3.125vw;
        width: 100%;
        height: 7.8125vw;
    }
}

.form-txt__txt-large {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 430px;
    height: 90px;
    border-radius: 5px;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .form-txt__txt-large {
        width: 100%;
        height: 14.0625vw;
        font-size: 5vw;
    }
}

.recruit-form__row-right--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.recruit-form__row-right--radio .mwform-radio-field.horizontal-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
}

/* ---------------------------------------------
*   global-business
--------------------------------------------- */
.global-business {
    padding-top: 100px;
    min-width: 1366px;
    background: url(../img/company/business_global.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .global-business {
        padding-top: 12.5vw;
        padding-bottom: 0;
        min-width: 100%;
        width: 100%;
        background: #f0f0f0 url(../img/company/business_global_sp.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.global-business__inner {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 670px;
}

@media screen and (max-width: 750px) {
    .global-business__inner {
        width: 100%;
        height: 150vw;
    }
}

.global-business__txt {
    position: absolute;
    bottom: 14.5%;
    left: 50%;
    width: 620px;
    text-align: justify;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif, "Hiragino Sans";
    line-height: 1.8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .global-business__txt {
        bottom: 5.5%;
        width: 78.0625vw;
    }
}

/* ---------------------------------------------
*   history
--------------------------------------------- */
.history {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media screen and (max-width: 750px) {
    .history {
        padding-top: 12.5vw;
        padding-bottom: 15.625vw;
    }
}

.history-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .history-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.history-map {
    min-width: 1366px;
}

@media screen and (max-width: 750px) {
    .history-map {
        min-width: auto;
        min-width: inherit;
    }
}

.history-contents-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    width: 980px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .history-contents-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4.6875vw 0 10.9375vw;
        width: 100%;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 750px) {
    .history-contents-container--reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

.history-contents {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .history-contents {
        width: 100%;
    }
}

.history-contents--gray {
    background: url(../img/company/img_bg-gray.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .history-contents--gray {
        background: #F0F0F0;
    }
}

.history-contents--1 {
    padding-top: 85px;
    padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
    .history-contents--1 {
        margin-top: 12.5vw;
        padding-top: 4.6875vw;
        padding-bottom: 9.375vw;
    }
}

.history-contents--2 {
    padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .history-contents--2 {
        padding-top: 12.5vw;
        padding-bottom: 0;
    }
}

.history-contents--3 {
    padding-top: 100px;
    padding-bottom: 105px;
}

@media screen and (max-width: 750px) {
    .history-contents--3 {
        padding-top: 9.375vw;
        padding-bottom: 10.3125vw;
    }
}

.history-contents--4 {
    margin-top: -20px;
}

@media screen and (max-width: 750px) {
    .history-contents--4 {
        margin-top: 0;
        padding-top: 12.5vw;
        padding-bottom: 9.375vw;
    }
}

.history-contents--5 {
    margin-top: -20px;
    padding-top: 120px;
    padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
    .history-contents--5 {
        margin-top: 0;
        padding-top: 9.375vw;
        padding-bottom: 9.375vw;
    }
}

.history-contents--6 {
    margin-top: -50px;
}

@media screen and (max-width: 750px) {
    .history-contents--6 {
        margin-top: 0;
        padding-top: 7.8125vw;
        padding-bottom: 12.5vw;
    }
}

.history-contents--7 {
    margin-top: -20px;
    padding-top: 70px;
    padding-bottom: 70px;
}

@media screen and (max-width: 750px) {
    .history-contents--7 {
        padding-top: 9.375vw;
        padding-bottom: 10.3125vw;
    }
}

.history-contents--8 {
    padding-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .history-contents--8 {
        padding-top: 9.375vw;
        padding-bottom: 9.375vw;
    }
}

.history-contents--9 {
    margin-top: -30px;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media screen and (max-width: 750px) {
    .history-contents--9 {
        margin: 0;
        padding: 9.375vw 0;
    }
}

.history-contents__txt-s {
    padding-right: 125px;
    color: #0085E8;
    font-weight: bold;
    font-size: 23px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-s {
        padding-right: 0;
        padding-left: 11.875vw;
        font-size: 7.1875vw;
    }
}

.history-contents__txt-s--left {
    padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-s--left {
        padding-bottom: 3.125vw;
    }
}

@media screen and (max-width: 750px) {
    .history-contents__txt-s--6 {
        padding-left: 14.0625vw;
    }
}

.history-contents__txt-s--7 {
    padding-left: 5px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-s--7 {
        padding-left: 14.0625vw;
    }
}

.history-contents__txt-s--9 {
    padding: 10px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-s--9 {
        padding: 0;
        padding-bottom: 3.125vw;
        padding-left: 15.625vw;
    }
}

.history-contents__txt-year {
    color: #0085E8;
    font-weight: bold;
    font-size: 98px;
    line-height: 0.8;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-year {
        padding-left: 10.9375vw;
        font-size: 30.625vw;
    }
}

@media screen and (max-width: 750px) {
    .history-contents__txt-year--s {
        font-size: 25.625vw;
        line-height: 1;
    }
}

.history-contents__txt-year--t {
    letter-spacing: -0.1em;
}

.history-contents__txt-year-s {
    position: relative;
    top: -5px;
    left: 5px;
    color: #0085E8;
    letter-spacing: 0.1em;
    font-size: 39px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-year-s {
        font-size: 12.5vw;
    }
}

.history-contents__txt-year-s--t {
    padding-left: 10px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-year-s--t {
        padding-left: 3.125vw;
    }
}

.history-contents__txt {
    padding-top: 25px;
    font-size: 13px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .history-contents__txt {
        padding-top: 5.625vw;
        font-size: 4.0625vw;
    }
}

@media screen and (max-width: 750px) {
    .history-contents__txt--l {
        padding-top: 9.6875vw;
    }
}

.history-contents__txt--7 {
    padding-top: 15px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt--7 {
        padding-top: 9.6875vw;
    }
}

.history-contents__txt-area {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area {
        width: 100%;
    }
}

.history-contents__txt-area:before {
    position: absolute;
    top: 33px;
    width: 71px;
    height: 8px;
    background: url(../img/company/icon_blue-line.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area:before {
        top: 10.9375vw;
        width: 12.8125vw;
        height: 2.8125vw;
        background-image: url(../img/sp/company/icon_blue-line.png);
    }
}

.history-contents__txt-area--l:before {
    top: 65px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--l:before {
        top: 20.9375vw;
    }
}

.history-contents__txt-area--right {
    padding-left: 90px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--right {
        padding-left: 0;
    }
}

.history-contents__txt-area--right:before {
    left: 0;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--right:before {
        left: -6.25vw;
    }
}

.history-contents__txt-area--left {
    padding-right: 90px;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--left {
        padding-right: 0;
        text-align: left;
    }
}

.history-contents__txt-area--left:before {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--left:before {
        right: auto;
        left: -6.25vw;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.history-contents__txt-area--7 {
    margin-top: -20px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--7 {
        margin-top: 0;
    }
}

.history-contents__txt-area--9:before {
    top: 90px;
}

@media screen and (max-width: 750px) {
    .history-contents__txt-area--9:before {
        top: 10.9375vw;
    }
}

.history-contents__right--6 {
    width: 213px;
}

@media screen and (max-width: 750px) {
    .history-contents__right--6 {
        width: 100%;
    }
}

.history-contents__right--6 img {
    width: 100%;
}

.history-contents__right--8 {
    width: 410px;
}

@media screen and (max-width: 750px) {
    .history-contents__right--8 {
        width: 100%;
    }
}

.history-contents__right--8 img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .history-contents__right--9 {
        margin-top: 7.8125vw;
    }
}

.history-contents__left-txt {
    padding-top: 5px;
    padding-left: 60px;
    text-align: left;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .history-contents__left-txt {
        padding-top: 0.9375vw;
        padding-left: 0;
        font-size: 3.75vw;
    }
}

.history-contents__right-txt {
    padding: 2px 0 8px;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .history-contents__right-txt {
        padding: 2.1875vw 0 0.9375vw;
        font-size: 3.75vw;
    }
}

.history-contents__right-txt--right {
    text-align: right;
}

.history-contents__right-txt--top {
    padding: 8px 0 2px;
}

@media screen and (max-width: 750px) {
    .history-contents__right-txt--top {
        padding: 2.1875vw 0 0.9375vw;
    }
}

.history-contents__right-txt--6 {
    margin-left: -25px;
}

@media screen and (max-width: 750px) {
    .history-contents__right-txt--6 {
        margin-left: 0;
    }
}

.history-contents__right-txt--7 {
    margin-left: -5px;
    width: 105%;
}

@media screen and (max-width: 750px) {
    .history-contents__right-txt--7 {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }
}

.history-contents__right-txt--8-2 {
    padding-left: 190px;
}

@media screen and (max-width: 750px) {
    .history-contents__right-txt--8-2 {
        padding-left: 0;
        text-align: right;
    }
}

.history-contents__pic {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .history-contents__pic {
        width: 100%;
    }
    .history-contents__pic img {
        width: 100%;
    }
}

.history-contents__pic--left {
    padding-right: 90px;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--left {
        padding-right: 0;
    }
}

.history-contents__pic--right {
    padding-left: 90px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--right {
        padding-left: 0;
    }
}

.history-contents__pic--1 {
    margin-top: 30px;
    padding-right: 40px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--1 {
        margin-top: 9.375vw;
        padding-right: 3.125vw;
    }
}

@media screen and (max-width: 750px) {
    .history-contents__pic--2 {
        margin-top: 7.8125vw;
        padding-right: 3.125vw;
        padding-bottom: 9.375vw;
    }
}

.history-contents__pic--3 {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--3 {
        margin-top: 7.8125vw;
        padding-right: 6.25vw;
    }
}

.history-contents__pic--4 {
    margin-top: 20px;
    padding-left: 70px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--4 {
        margin-top: 8.4375vw;
        padding-left: 0;
    }
}

.history-contents__pic--5 {
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--5 {
        margin-top: 8.4375vw;
    }
}

.history-contents__pic--6 {
    position: relative;
    margin-top: 90px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--6 {
        margin-top: 9.375vw;
        padding-right: 5.625vw;
    }
}

.history-contents__pic--7 {
    margin-top: 15px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--7 {
        margin-top: 8.4375vw;
        padding-right: 3.125vw;
    }
}

.history-contents__pic--8 {
    margin-top: 0;
    padding-left: 40px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--8 {
        margin-top: 7.1875vw;
        padding-right: 4.6875vw;
        padding-left: 0;
    }
}

.history-contents__pic--9 {
    padding-right: 35px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic--9 {
        padding-right: 0;
    }
}

.history-contents__right-multi {
    position: absolute;
    top: -40px;
    left: 30px;
}

@media screen and (max-width: 750px) {
    .history-contents__right-multi {
        top: 0;
        left: 0;
        width: 90%;
    }
}

.history-contents__pic-inner {
    padding: 0 20px;
    background-color: #FFF794;
}

@media screen and (max-width: 750px) {
    .history-contents__pic-inner {
        padding: 0 6.25vw;
    }
}

.history-contents__pic-inner--4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
    width: 383px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic-inner--4 {
        width: 100%;
    }
}

.history-contents__pic-inner--6 {
    position: absolute;
    right: 10px;
    bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    width: 253px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .history-contents__pic-inner--6 {
        position: static;
        margin-top: 37.5vw;
        margin-left: 21.875vw;
        padding: 6.25vw;
        padding-bottom: 0;
        width: 80%;
    }
}

.history-contents__pic-inner--7 {
    float: right;
    padding: 0 30px;
    padding-top: 20px;
    padding-left: 30px;
    width: 206px;
}

@media screen and (max-width: 750px) {
    .history-contents__pic-inner--7 {
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6.25vw;
        padding-bottom: 1.5625vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .history-contents__pic-inner--8 {
        padding: 3.125vw;
    }
}

.history-map-inner {
    position: relative;
}

.history-map-inner:after {
    position: absolute;
    top: 46px;
    left: 50%;
    width: 1px;
    height: calc(100% - 98px);
    background-color: #0085E8;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .history-map-inner:after {
        top: 0;
        left: 4.6875vw;
        width: 2px;
        height: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.history-map {
    padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
    .history-map {
        padding-bottom: 12.5vw;
    }
}

.history-map__txt {
    margin: 0 auto;
    width: 180px;
    border: 1px solid #0085E8;
    color: #0085E8;
    font-weight: bold;
    font-size: 21px;
}

@media screen and (max-width: 750px) {
    .history-map__txt {
        width: 56.25vw;
        font-size: 7.5vw;
    }
}

.history-map__txt-l {
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .history-map__txt-l {
        padding: 0 1.5625vw;
        font-size: 9.375vw;
    }
}

.history-map__txt-n {
    margin: 0 auto;
    width: 180px;
    border: 1px solid #0085E8;
    color: #0085E8;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .history-map__txt-n {
        margin-top: 12.5vw;
        width: 56.25vw;
        font-size: 7.5vw;
    }
}

.history-map-conteiner {
    padding: 0 10.9375vw;
}

/* ---------------------------------------------
*   interview
--------------------------------------------- */
.interview {
    padding-top: 120px;
    padding-bottom: 70px;
}

@media screen and (max-width: 750px) {
    .interview {
        padding-top: 18.75vw;
        padding-bottom: 10.9375vw;
    }
}

.interview-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .interview-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .interview-container__sp {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        max-width: initial;
    }
}

.interview-people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 80px;
    width: 1220px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.interview-people--index {
    width: 980px;
}

@media screen and (max-width: 750px) {
    .interview-people {
        width: 100%;
    }
}

.interview-people--detail {
    -ms-flex-pack: justify;
    width: 900px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .interview-people--detail {
        margin-top: 4.6875vw;
        width: 100%;
    }
}

.interview-people__box {
    margin-top: -20px;
    margin-right: 20px;
    margin-bottom: 55px;
}

@media screen and (max-width: 750px) {
    .interview-people__box {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 3.75vw;
        width: 48%;
    }
}

.interview-people__box:nth-of-type(4n) {
    margin-right: 0;
}

.interview-people--detail .interview-people__box {
    margin-right: 15px;
}

@media screen and (max-width: 750px) {
    .interview-people--detail .interview-people__box {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        padding-left: 3.125vw;
    }
}

.interview-people--detail .interview-people__box:nth-of-type(4n) {
    margin-right: 15px;
}

@media screen and (max-width: 750px) {
    .interview-people--detail .interview-people__box:nth-of-type(4n) {
        margin-right: 0;
    }
}

.interview-people--detail .interview-people__box:nth-of-type(3n) {
    margin-right: 0;
}

.interview-people--detail .interview-people__box--left {
    margin-left: 155px;
}

@media screen and (max-width: 750px) {
    .interview-people--detail .interview-people__box--left {
        margin-left: 0;
    }
}

.interview-people--detail .interview-people__box--right {
    margin-right: 155px;
}

@media screen and (max-width: 750px) {
    .interview-people--detail .interview-people__box--right {
        margin-right: 0;
    }
}

.interview-people__box-txt-position {
    padding: 20px 0 15px;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 13px;
}

.interview-people__box-txt-position--index {
    padding: 15px 5px 10px;
}

@media screen and (max-width: 750px) {
    .interview-people__box-txt-position {
        padding: 2.5vw 0 2.5vw;
        width: 100%;
        font-size: 1.875vw;
    }
    .interview-people__box-txt-position--index {
        font-size: 4.0625vw;
    }
}

.interview-people__box-txt-name {
    padding: 13px 0;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
}

.interview-people__box-txt-name--index {
    padding-right: 5px;
    padding-left: 5px;
}

@media screen and (max-width: 750px) {
    .interview-people__box-txt-name {
        padding: 2.5vw 0;
        width: 100%;
        font-size: 2.5vw;
    }
    .interview-people__box-txt-name--index {
        font-size: 4.6875vw;
    }
}

.interview-people__box-txt-area {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -55px auto 0;
    padding: 0 10px;
    width: 262px;
    border-left: 2px solid #0085E8;
    background-color: #fff;
}

.interview-people__box-txt-area--index {
    margin: -45px auto 0;
    width: 235px;
}

@media screen and (max-width: 750px) {
    .interview-people__box-txt-area {
        margin-top: -7.1875vw;
        padding: 0 4%;
        width: 92%;
    }
    .interview-people__box-txt-area--index {
        margin-top: -11.125vw;
    }
}

.interview-people__box-link {
    display: block;
}

.interview-people__box-link--index {
    width: 257px;
}

@media screen and (max-width: 750px) {
    .interview-people__box-link--index {
        margin-bottom: 11.125vw;
        width: 100%;
    }
}

.interview-people__box-link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.interview-people__group-ttl {
    margin: 15px 0 15px 0;
    font-weight: bold;
    font-size: 32px;
}

@media screen and (max-width: 750px) {
    .interview-people__group-ttl {
        font-size: 6.25vw;
    }
}

.interview-people__group-ttl--blue {
    color: #0085e8;
}

.interview-people__group-ttl--yellow {
    color: #ffc538;
}

.interview-people__group-ttl--orange {
    color: #ff9a38;
}

.interview-people__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 0 30px 24px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .interview-people__body {
        display: block;
        padding-right: 3.125vw;
        padding-bottom: 1.875vw;
        padding-left: 3.125vw;
    }
}

.interview-people__body--1col {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

.interview-people__group--blue {
    margin-top: -9px;
    margin-bottom: 34px;
    width: 100%;
    border: 7.6px solid rgba(0, 133, 232, 0.75);
    background-color: rgba(0, 133, 232, 0.05);
}

@media screen and (max-width: 750px) {
    .interview-people__group {
        border: 1.1875vw solid rgba(0, 133, 232, 0.75);
    }
}

.interview-people__group--yellow {
    width: 315px;
    border: 7.6px solid rgba(255, 197, 56, 0.75);
    background-color: rgba(255, 197, 56, 0.05);
}

@media screen and (max-width: 750px) {
    .interview-people__group--yellow {
        margin-bottom: 9.375vw;
        width: 100%;
        border: 1.1875vw solid rgba(255, 197, 56, 0.75);
    }
}

.interview-people__group--orange {
    margin-left: 30px;
    width: 603px;
    border: 8px solid #ff9a38;
    background-color: rgba(255, 197, 56, 0.08);
}

@media screen and (max-width: 750px) {
    .interview-people__group--orange {
        margin-left: 0;
        width: 100%;
        border: 1.25vw solid #ff9a38;
    }
}

.interview-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 115px;
    width: 900px;
}

@media screen and (max-width: 750px) {
    .interview-lead {
        display: block;
        margin-top: 6.875vw;
        margin-bottom: 17.1875vw;
        width: 100%;
    }
}

.interview-lead__left {
    width: 50%;
}

@media screen and (max-width: 750px) {
    .interview-lead__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        width: 100%;

        -webkit-box-align: baseline;
        align-items: baseline;
    }
}

.interview-lead__right {
    width: 50%;
}

@media screen and (max-width: 750px) {
    .interview-lead__right {
        width: 100%;
    }
}

.interview-lead__name {
    text-align: left;
    letter-spacing: 0.3em;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .interview-lead__name {
        font-size: 9.375vw;
    }
}

.interview-lead__year {
    text-align: left;
    font-size: 17px;
}

@media screen and (max-width: 750px) {
    .interview-lead__year {
        font-size: 5.3125vw;
    }
}

.interview-lead__ttl {
    border-bottom: 2px solid #000;
    text-align: left;
    letter-spacing: 0.2em;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .interview-lead__ttl {
        margin-top: 4.6875vw;
        font-size: 4.375vw;
    }
}

.interview-lead__txt {
    padding-top: 15px;
    text-align: left;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .interview-lead__txt {
        padding-top: 4.6875vw;
        font-size: 4.375vw;
    }
}

.interview-lead-wrapper {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .interview-lead-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4.6875vw;
        width: 100%;
    }
}

.interview-detail {
    padding-top: 125px;
    padding-bottom: 115px;
    min-width: 1366px;
}

@media screen and (max-width: 750px) {
    .interview-detail {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4.6875vw;
        padding-top: 7.8125vw;
        min-width: 0;
    }
}

.interview-detail--gray {
    background-color: #C4C4C4;
}

.interview-detail__ttl {
    margin-top: 10px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .interview-detail__ttl {
        margin-top: 3.125vw;
        margin-bottom: 4.6875vw;
        font-size: 9.375vw;
    }
}

.interview-detail__txt {
    margin: 0 auto;
    width: 900px;
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .interview-detail__txt {
        width: 100%;
        font-size: 4.6875vw;
    }
}

.interview-detail__pic {
    margin-top: 120px;
}

@media screen and (max-width: 750px) {
    .interview-detail__pic {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0;
        padding: 4.6875vw;
        padding-top: 0;
    }
}

@media screen and (max-width: 750px) {
    .interview-detail__pic--gray {
        background-color: #C4C4C4;
    }
}

.interview-detail-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .interview-detail-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 25vw;
        width: 100%;
    }
}

.interview-schedule {
    padding-top: 120px;
    padding-bottom: 190px;
}

@media screen and (max-width: 750px) {
    .interview-schedule {
        padding-top: 9.375vw;
        padding-bottom: 14.0625vw;
    }
}

.interview-schedule__ttl {
    margin-left: 450px;
    color: #0085E8;
    -ms-writing-mode: tb-rl;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 21px;

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.ie {
    height: 150px;
}

@media screen and (max-width: 750px) {
    .ie {
        height: auto;
    }
}

.edge {
    height: 150px;
}

@media screen and (max-width: 750px) {
    .edge {
        height: auto;
    }
}

@media screen and (max-width: 750px) {
    .interview-schedule__ttl {
        margin-bottom: 14.0625vw;
        margin-left: 0;
        padding-left: 4.0625vw;
        -ms-writing-mode: inherit;
        text-align: left;
        font-size: 6.375vw;
        line-height: 1;

        -webkit-writing-mode: inherit;
        writing-mode: inherit;
    }
}

.interview-schedule__box {
    width: 450px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 9.375vw;
        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

.interview-schedule__box--right {
    margin-left: 50%;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--right {
        margin-left: 0;
    }
}

.interview-schedule__box--1 {
    margin-top: -35px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--1 {
        margin-top: 0;
    }
}

.interview-schedule__box--2 {
    margin-top: -150px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--2 {
        margin-top: 0;
    }
}

.interview-schedule__box--3 {
    margin-top: 55px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--3 {
        margin-top: 0;
        margin-bottom: 12.5vw;
    }
}

.interview-schedule__box--4 {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--4 {
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        margin-top: 0;

        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.interview-schedule__box--5 {
    margin-top: -165px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--5 {
        margin-top: 0;
        margin-bottom: 14.0625vw;
    }
}

.interview-schedule__box--6 {
    margin-top: 145px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.interview-schedule__box--7 {
    margin-top: -100px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--7 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.interview-schedule__box--7-ei {
    margin-top: 85px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--7-ei {
        margin-top: 0;
    }
}

.interview-schedule__box--7-my {
    margin-top: -40px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box--7-my {
        margin-top: 0;
    }
}

.interview-schedule__box-time {
    position: relative;
    padding-left: 30px;
    color: #0085E8;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-time {
        padding-left: 8.75vw;
        font-size: 3.75vw;
    }
}

.interview-schedule__box-time:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: #0085E8;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-time:before {
        width: 7.8125vw;
        height: 0.3125vw;
    }
}

.interview-schedule__box-time--right {
    padding-right: 30px;
    padding-left: 0;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-time--right {
        padding-right: 0;
        padding-left: 8.75vw;
        text-align: left;
    }
}

.interview-schedule__box-time--right:before {
    right: 0;
    left: auto;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-time--right:before {
        right: auto;
        left: 0;
    }
}

.interview-schedule__box-txt {
    margin-top: 10px;
    padding-left: 30px;
    text-align: left;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 13px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-txt {
        margin-top: 3.125vw;
        padding-left: 8.75vw;
        font-size: 4.0625vw;
        line-height: 1.6;

        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.interview-schedule__box-txt--right {
    padding-right: 30px;
    padding-left: 0;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-txt--right {
        padding-right: 0;
        padding-left: 8.75vw;
        text-align: left;
    }
}

.interview-schedule__box-txt--center {
    text-align: center;
}

.interview-schedule__box-img {
    margin-bottom: 20px;
    padding-left: 40px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-img {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 6.875vw;
        margin-bottom: 0;
        padding-left: 4.375vw;
        width: 100%;
    }
    .interview-schedule__box-img img {
        width: 100%;
    }
}

.interview-schedule__box-img--right {
    padding-right: 40px;
    padding-left: 0;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-img--right {
        padding-right: 0;
        padding-left: 4.375vw;
        text-align: left;
    }
}

.interview-schedule__box-img--4 {
    margin-top: 15px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-img--4 {
        margin-top: 6.25vw;
    }
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-img--7 {
        margin-top: 4.6875vw;
    }
}

.interview-schedule__line {
    position: relative;
    margin: 0 auto;
    padding-bottom: 70px;
    width: 900px;
}

@media screen and (max-width: 750px) {
    .interview-schedule__line {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 4.6875vw;
        padding-bottom: 10.9375vw;
        padding-left: 7.1875vw;
        width: 100%;
    }
}

.interview-schedule__line:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #0085E8;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .interview-schedule__line:after {
        left: 7.1875vw;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media screen and (max-width: 750px) {
    .interview-schedule__box-bottom-pic {
        width: 100%;
    }
    .interview-schedule__box-bottom-pic img {
        width: 100%;
    }
}

.interview-schedule-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .interview-schedule-container {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .interview-other {
        padding: 0 4.6875vw;
    }
}

.interview-other__ttl {
    font-weight: bold;
    font-size: 40px;
}

@media screen and (max-width: 750px) {
    .interview-other__ttl {
        font-size: 7.8125vw;
    }
}

.interview-other-container {
    margin: 0 auto;
    padding-top: 135px;
    width: 1366px;
    border-top: 1px dotted #000;
}

@media screen and (max-width: 750px) {
    .interview-other-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 6.25vw;
        padding-bottom: 9.375vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .js-int-wrapper {
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width: 750px) {
    .js-int-contents {
        height: 156.25vw;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .js-int-contents.open {
        height: calc(100% + 14.5vw);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
}

@media screen and (max-width: 750px) {
    .js-int-trigger {
        position: relative;
        display: block;
        margin: 0 auto;
        padding: 2.5vw 0;
        width: 56.25vw;
        background-color: #0085E8;
        color: #fff;
        font-size: 6.25vw;
    }
    .js-int-trigger:before {
        content: "続きを見る";
    }
    .js-int-trigger:after {
        position: absolute;
        top: 50%;
        right: 6.25vw;
        display: block;
        width: 3.125vw;
        height: 3.125vw;
        border-top: 0.3125vw solid #fff;
        border-right: 0.3125vw solid #fff;
        content: "";
        content: "";
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }
    .open .js-int-trigger:before {
        content: "閉じる";
    }
    .open .js-int-trigger:after {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }
}

@media screen and (max-width: 750px) {
    .interview-btn-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 7.8125vw;
        width: 56.25vw;
        width: 100%;
        height: 14.5vw;
        background: #C4C4C4;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .interview-btn--white .interview-btn-wrapper {
        background: #fff;
    }
    .interview-btn-wrapper:before {
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: absolute;
        top: -20vw;
        left: 0;
        width: 100%;
        height: 20vw;
        background: rgba(196, 196, 196, 0);
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(196, 196, 196, 0.5)), to(#c4c4c4));
        background: linear-gradient(to bottom, rgba(196, 196, 196, 0.5) 0%, #c4c4c4 100%);
        content: "";
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .interview-btn--white .interview-btn-wrapper:before {
        background: rgba(255, 255, 255, 0);
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#fff));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .open .interview-btn-wrapper:before {
        content: none;
    }
}

.interview-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}

/* ---------------------------------------------
*   salesbase
--------------------------------------------- */
.salesbase-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 120px auto;
    width: 900px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .salesbase-container {
        padding: 0 10px;
        width: 100%;
    }
}

.baselist {
    margin-top: 60px;
    width: 100%;
}

.baselist__ttl {
    margin-bottom: 10px;
    margin-left: 10px;
    color: #0085E8;
    text-align: left;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 22px;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .baselist__ttl {
        font-size: 8.125vw;
    }
}

.baselist__txt {
    margin-bottom: 30px;
    margin-left: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

/* ---------------------------------------------
*   faq
--------------------------------------------- */
@media screen and (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

.faq-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 120px auto;
    width: 900px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .faq-container {
        padding: 0 10px;
        width: 100%;
    }
}

.faq-wrap {
    margin-top: 63px;
    width: 100%;
    border-bottom: 2px solid #0085E8;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

.faq-wrap__item {
    border-top: 2px solid #0085E8;
}

.faq-wrap__question {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding-left: 32px;
    cursor: pointer;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .faq-wrap__question {
        padding-left: 3.125vw;
    }
}

.faq-wrap__question:before {
    position: absolute;
    top: 52%;
    right: 25px;
    display: block;
    width: 2px;
    height: 20px;
    background: #0085E8;
    content: "";
    -webkit-transform: translateY(-53%);
    transform: translateY(-53%);
}

.faq-wrap__question:after {
    position: absolute;
    top: 52%;
    right: 16px;
    display: block;
    margin-top: -2px;
    width: 20px;
    height: 2px;
    background: #0085E8;
    content: "";
}

.faq-wrap__answer {
    display: none;
    padding-left: 32px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .faq-wrap__answer {
        padding-left: 3.125vw;
    }
}

.faq-wrap__answer-txt {
    word-break: break-all;
}

.faq-wrap__question-inner, .faq-wrap__answer-inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 25px;
    padding-right: 55px;
    text-align: left;

    -webkit-box-align: center;
    align-items: center;
}

.faq-wrap__question-inner {
    margin-top: 25px;
}

.faq-wrap__icon {
    margin-right: 20px;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .faq-wrap__icon {
        margin-right: 3.125vw;
        font-size: 9.375vw;
    }
}

.faq-wrap__icon--q {
    color: #0085E8;
}

.faq-wrap__icon--a {
    color: #FFC538;
}

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
    position: relative;
    width: 100%;
    height: 650px;
    background-color: #000;
}

@media screen and (max-width: 750px) {
    .keyvisual {
        height: 131.25vw;
    }
}

.keyvisual__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 100;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* ---------------------------------------------
*   youtube
--------------------------------------------- */
/*  YouTube背景
--------------------------------------------- */
#youtube-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    #youtube-wrap {
        height: 56.25vw;
    }
}

@media screen and (max-width: 750px) {
    #youtube {
        width: 100%;
        height: 100%;
    }
}

.playerBox {
    margin-top: -25px !important;
    height: 113% !important;
}

/*  YouTube埋め込み
--------------------------------------------- */
.youtube-container {
    position: relative;
    padding-top: 58.5651%;
    width: 100%;
    /* = height ÷ width × 100 */
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ytp-chrome-top, .ytp-show-watch-later-title, .ytp-share-button-visible, .ytp-show-share-title, .ytp-show-cards-title {
    visibility: hidden !important;
}

/* ---------------------------------------------
*   section
--------------------------------------------- */
.section {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 400px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

@media screen and (max-width: 750px) {
    .section__item {
        height: 37.5vw;
    }
}

.section__item:hover {
    opacity: .8;
}

.section__item--half {
    width: 50%;
}

@media screen and (max-width: 750px) {
    .section__item--half {
        width: 100%;
    }
}

.section__item--variable {
    height: auto;
}

.section__item--low {
    height: 350px;
}

@media screen and (max-width: 750px) {
    .section__item--low {
        height: 37.5vw;
    }
}

.section__item--black {
    background-color: #000;
}

@media screen and (max-width: 750px) {
    .section__item--black {
        height: 62.5vw;
    }
}

.section__item--company {
    background: url(../img/company.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__item--people {
    background: url(../img/people/people_mv.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__item--environment {
    background: url(../img/environment.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__item--recruit {
    background: url(../img/recruit.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__item--descussion {
    background: url(../img/discussion.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__item--history {
    background: url(../img/history.jpg) 0 0 no-repeat;
    background-size: cover;
}

.section__ttl {
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 36px;
}

.section__subttl {
    font-weight: bold;
    font-size: 14px;
}

.section__txt {
    margin: 0 auto;
    margin-top: 2.63543vw;
    width: 21.96193vw;
    text-align: left;
    font-size: 0.87848vw;
}

@media screen and (max-width: 750px) {
    .section__txt {
        width: 65vw;
    }
}

.section__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

/* ---------------------------------------------
*   lead
--------------------------------------------- */
.lead-area {
    margin: 118px auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .lead-area {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 10vw auto;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   machine
--------------------------------------------- */
.machine {
    padding-top: 115px;
    padding-bottom: 120px;
}

@media screen and (max-width: 750px) {
    .machine {
        padding-top: 17.1875vw;
        padding-bottom: 18.75vw;
    }
}

.machine-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .machine-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.machine-box {
    width: 230px;
    border: 2px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .machine-box {
        margin-bottom: 4.6875vw;
        width: 47%;
    }
}

.machine-box__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    margin-bottom: 55px;
    width: 985px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .machine-box__wrapper {
        margin-bottom: 9.375vw;
        width: 100%;
    }
}

.machine-box__txt {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 200px;
    border-bottom: 1px solid #0085E8;
    color: #0085E8;
    font-weight: bold;
    font-size: 25px;
}

@media screen and (max-width: 750px) {
    .machine-box__txt {
        padding-top: 3.125vw;
        padding-bottom: 1.5625vw;
        width: 80%;
        font-size: 5.625vw;
    }
}

.machine-box__list-item {
    font-size: 18px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .machine-box__list-item {
        font-size: 4.0625vw;
    }
}

.machine-box__list {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
    .machine-box__list {
        margin-top: 3.125vw;
        margin-bottom: 3.125vw;
    }
}

.machine-box__link {
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    width: 180px;
    background-color: #0085E8;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
}

@media screen and (max-width: 750px) {
    .machine-box__link {
        padding: 0.9375vw 0;
        width: 56.25vw;
        font-size: 7.1875vw;
    }
}

.machine-box__link:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* ---------------------------------------------
*   main-visual
--------------------------------------------- */
.main-visual-wrapper {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .main-visual-wrapper {
        width: 100%;
    }
}

.main-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 1326px;
    height: 431px;
    background-size: 100% auto;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

@media screen and (max-width: 750px) {
    .main-visual {
        width: 100%;
        height: 62.5vw;
    }
}

.main-visual--company {
    background: url(../img/company.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .main-visual--company {
        background: url(../img/company.jpg) left center no-repeat;
        background-size: 250%;
    }
}

.main-visual--business {
    background: url(../img/company/business_main.png) center 85% no-repeat;
}

@media screen and (max-width: 750px) {
    .main-visual--business {
        background: url(../img/company/business_main_sp.jpg) center center no-repeat;
        background-size: cover;
    }
}

.main-visual--message {
    background: url(../img/company/message_mv.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .main-visual--message {
        background: url(../img/company/message_mv.jpg) 64% center no-repeat;
        background-size: cover;
    }
}

.main-visual--data {
    background: url(../img/company/data_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--environment {
    background: url(../img/environment/environment_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--salesbase {
    background: url(../img/environment/salesbase_mv.png) center center no-repeat;
    background-size: cover;
}

.main-visual--faq {
    background: url(../img/environment/environmentfaq_mv.png) center center no-repeat;
    background-size: cover;
}

.main-visual--recruitment {
    background: url(../img/recruitment/recruitment_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--history {
    background: url(../img/company/history_mv.jpg) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .main-visual--history {
        background-image: url(../img/company/history_mv.jpg);
        background-position: right center;
    }
}

.main-visual--newgraduate {
    background: url(../img/recruitment/newgraduate_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--career {
    background: url(../img/recruitment/career_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--people {
    background: url(../img/people/people_mv.jpg) center center no-repeat;
    background-size: cover;
}

.main-visual--trsystem {
    background: url(../img/environment/trsystem_mv.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

.main-visual--welfare {
    background: url(../img/environment/welfare_mv.jpg) center 94% no-repeat;
    background-size: cover;
    text-align: left;
}

.main-visual--int1 {
    display: block;
    height: 640px;
    background: url(../img/people/img_kn_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int1 {
        height: 90.625vw;
    }
}

.main-visual--int2 {
    display: block;
    height: 640px;
    background: url(../img/people/img_ei_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int2 {
        height: 90.625vw;
    }
}

.main-visual--int3 {
    display: block;
    height: 640px;
    background: url(../img/people/img_rk_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int3 {
        height: 90.625vw;
    }
}

.main-visual--int4 {
    display: block;
    height: 640px;
    background: url(../img/people/img_my_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int4 {
        height: 90.625vw;
    }
}

.main-visual--int5 {
    display: block;
    height: 640px;
    background: url(../img/people/img_ey_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int5 {
        height: 90.625vw;
    }
}

.main-visual--int6 {
    display: block;
    height: 640px;
    background: url(../img/people/img_dk_01.jpg) center center no-repeat;
    background-size: cover;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .main-visual--int6 {
        height: 90.625vw;
    }
}

.main-visual__txt {
    display: block;
    margin-left: 72px;
    color: #fff;
    text-shadow: 1px 2px 3px #554b4b;
    font-weight: bold;
    font-size: 37px;
}

@media screen and (max-width: 750px) {
    .main-visual__txt {
        margin-left: 9.375vw;
        text-align: left;
        font-size: 7.8125vw;
        line-height: 1.2;
    }
}

.main-visual__txt--small {
    color: #fff;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .main-visual__txt--small {
        font-weight: normal;
        font-size: 5.3125vw;
    }
}

@media screen and (max-width: 750px) {
    .main-visual__txt--sp-small {
        font-size: 5.3125vw;
    }
}

.main-visual__txt-int {
    display: block;
    margin-top: 165px;
    margin-left: 170px;
    color: #fff;
    text-shadow: 1px 2px 3px #554b4b;
    font-weight: bold;
    font-size: 49px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .main-visual__txt-int {
        margin-top: 23.4375vw;
        margin-left: 5.625vw;
        font-size: 6.5625vw;
    }
}

@media screen and (max-width: 750px) {
    .main-visual__txt-int--3 {
        margin-top: 9.375vw;
    }
}

@media screen and (max-width: 750px) {
    .main-visual__txt-int--4 {
        margin-top: 29.6875vw;
    }
}

.main-visual__txt-num {
    margin-left: 170px;
    padding-top: 70px;
    color: #fff;
    letter-spacing: 0.03em;
    font-size: 33px;
}

@media screen and (max-width: 750px) {
    .main-visual__txt-num {
        margin-left: 3.75vw;
        padding-top: 6.25vw;
        font-size: 5.3125vw;
    }
}

.main-visual__txt-num--black {
    color: #000;
}

@media screen and (max-width: 750px) {
    .main-visual__txt-num--3 {
        padding-top: 21.875vw;
    }
}

@media screen and (max-width: 750px) {
    .main-visual__txt-num--4 {
        padding-top: 0;
    }
}

.main-visual__txt-position {
    position: relative;
    margin-top: 20px;
    margin-left: 195px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 19px;
}

@media screen and (max-width: 750px) {
    .main-visual__txt-position {
        margin-top: 2.1875vw;
        margin-left: 7.8125vw;
        font-size: 3.75vw;
        line-height: 1.4;
    }
}

.main-visual__txt-position:after {
    position: absolute;
    bottom: 15px;
    left: -20px;
    width: 15px;
    height: 30px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    content: "";
}

@media screen and (max-width: 750px) {
    .main-visual__txt-position:after {
        bottom: 7.8125vw;
        left: -3.125vw;
        width: 2.5vw;
        height: 4.6875vw;
    }
}

.main-visual__txt-position--black {
    color: #000;
}

.main-visual__txt-position--black:after {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.main-visual__txt-position-right {
    margin-left: 20px;
}

@media screen and (max-width: 750px) {
    .main-visual__txt-position-right {
        display: block;
        margin-left: 0;
    }
}

/* ---------------------------------------------
*   mod
--------------------------------------------- */
.mod-ttl {
    color: #0085E8;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .mod-ttl {
        font-size: 9.375vw;
    }
}

.mod-ttl__ja {
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .mod-ttl__ja {
        font-size: 4.6875vw;
    }
}

.mod-txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 35px;
    width: 900px;
    font-size: 13px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .mod-txt {
        margin-top: 10.9375vw;
        width: 100%;
        text-align: justify;
        font-size: 4.0625vw;
    }
}

.mod-txt--mgt-l {
    margin-top: 50px;
}

.mod-txt--mgt-m {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .mod-txt--mgt-m {
        margin-top: 9.375vw;
    }
}

.mod-txt--center {
    text-align: center;
}

.mod-txt--left {
    text-align: left;
}

@media screen and (max-width: 750px) {
    .mod-txt--left {
        text-align: justify;
    }
}

.mod-txt--small {
    margin: 0 auto;
    margin-top: 35px;
    width: 620px;
}

@media screen and (max-width: 750px) {
    .mod-txt--small {
        margin-top: 10.9375vw;
        width: 100%;
    }
}

.mod-txt--data {
    /* width: 350px; */
    width: 460px;
}

@media screen and (max-width: 750px) {
    .mod-txt--data {
        width: 100%;
    }
}

.mod-txt--name {
    margin-top: 40px;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .mod-txt--name {
        margin-top: 12.5vw;
    }
}

@media screen and (max-width: 750px) {
    .mod-txt--narrow {
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
    }
}

.mod-txt--business {
    width: 443px;
    text-align: left;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

@media screen and (max-width: 750px) {
    .mod-txt--business {
        margin-top: 7.8125vw;
        padding: 0 3.75vw;
        width: 100%;
        text-align: justify;
    }
}

.mod-txt--business + .mod-txt--business {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .mod-txt--business + .mod-txt--business {
        margin-top: 0;
    }
}

.mod-txt--business-field {
    width: 620px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .mod-txt--business-field {
        margin-top: 7.1875vw;
        width: 100%;
        text-align: center;
    }
}

.mod-img {
    display: inline-block;
    margin: 60px 0;
}

@media screen and (max-width: 750px) {
    .mod-img {
        margin-top: 18.75vw;
    }
}

.mod-img--map {
    margin: 60px 0 0;
}

@media screen and (max-width: 750px) {
    .mod-img--map {
        margin-top: 18.75vw;
    }
}

.mod-img--jp {
    width: 630px;
}

@media screen and (max-width: 750px) {
    .mod-img--jp {
        width: 100%;
    }
}

.mod-img--china {
    width: 620px;
}

@media screen and (max-width: 750px) {
    .mod-img--china {
        width: 100%;
    }
}

.mod-img--mexico {
    width: 620px;
}

@media screen and (max-width: 750px) {
    .mod-img--mexico {
        width: 100%;
    }
}

.mod-img--thailand {
    margin: 100px 0 0;
    width: 320px;
}

@media screen and (max-width: 750px) {
    .mod-img--thailand {
        margin-top: 18.75vw;
        width: 100%;
    }
}

.mod__movie {
    margin: 0 auto;
    margin-top: 50px;
    width: 625px;
    height: 350px;
}

@media screen and (max-width: 750px) {
    .mod__movie {
        width: 100%;
        height: 52.5vw;
    }
}

.mod__movie:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mod__movie:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mod__movie iframe {
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------
*   newgraduate
--------------------------------------------- */
.newgraduate {
    padding-top: 123px;
    padding-bottom: 83px;
}

@media screen and (max-width: 750px) {
    .newgraduate {
        padding-top: 18.75vw;
        padding-bottom: 12.5vw;
    }
}

.newgraduate-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .newgraduate-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

/* ---------------------------------------------
*   others
--------------------------------------------- */
.others {
    margin-bottom: 140px;
    min-width: 1366px;
}

@media screen and (max-width: 750px) {
    .others {
        margin-bottom: 21.875vw;
        padding-bottom: 18.75vw;
        min-width: auto;
        min-width: inherit;
    }
}

.others-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .others-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.others-contents {
    margin: 0 auto;
    width: 620px;
}

@media screen and (max-width: 750px) {
    .others-contents {
        width: 100%;
    }
}

.others-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-top: 50px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .others-box {
        margin-top: 7.8125vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 750px) {
    .others-box--reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }
}

.others-box__ttl {
    color: #0085E8;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .others-box__ttl {
        font-size: 5.625vw;
    }
}

.others-box__txt {
    margin-top: 13px;
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .others-box__txt {
        margin-top: 1.5625vw;
        font-size: 4.0625vw;
    }
}

.others-box__txt-area {
    width: 305px;
}

@media screen and (max-width: 750px) {
    .others-box__txt-area {
        width: 100%;
    }
}

.others-box__pic {
    margin-top: 10px;
    width: 280px;
}

@media screen and (max-width: 750px) {
    .others-box__pic {
        margin-top: 1.5625vw;
        width: 100%;
    }
}

.others-box__pic img {
    width: 100%;
}

.others-bottom {
    margin: 0 auto;
    margin-bottom: 100px;
    width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.others-bottom .text-box {
  width: 60%;
}
.others-bottom .img-box {
  width: 36%;
  box-sizing: border-box;
  padding: 10px 0 0;
}
@media screen and (max-width: 750px) {
    .others-bottom {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15.625vw;
        padding: 0 6.25vw;
        width: 100%;
    }
.others-bottom .text-box {
  width: 100%;
}
.others-bottom .img-box {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0 0;
}
}

.others-bottom__txt-b {
    margin-bottom: 15px;
    border-bottom: 2px solid #000;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.7;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .others-bottom__txt-b {
        margin-bottom: 1.5625vw;
        font-size: 4.6875vw;
    }
}

.others-bottom__txt {
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
}
.obt-idt {
  text-align: left;
  font-size: 13px;
  margin-left: 1em;
}
@media screen and (max-width: 750px) {
    .others-bottom__txt {
        font-size: 4.0625vw;
    }
    .obt-idt {
        font-size: 3.6vw;
    }
}

/* ---------------------------------------------
*   training
--------------------------------------------- */
.training {
    padding-top: 120px;
    padding-bottom: 85px;
}

@media screen and (max-width: 750px) {
    .training {
        padding-top: 18.75vw;
        padding-bottom: 18.75vw;
    }
}

.training__img {
    margin: 0 auto;
    margin-top: 85px;
    width: 875px;
}

@media screen and (max-width: 750px) {
    .training__img {
        margin-top: 10vw;
        width: 100%;
    }
}

.training__img img {
    width: 100%;
}

.training-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .training-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.training-flow-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .training-flow-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.training-flow {
    padding-bottom: 85px;
}

@media screen and (max-width: 750px) {
    .training-flow {
        padding-bottom: 12.5vw;
    }
}

.training-flow__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 620px;
}

@media screen and (max-width: 750px) {
    .training-flow__box {
        display: block;
        margin-bottom: 9.375vw;
        width: 100%;
    }
}

.training-flow__box-left {
    position: relative;
    position: relative;
    margin-right: 25px;
    width: 69px;
    height: 303px;
    border-bottom: none;
    background: url(../img/environment/img_flow_blue.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 750px) {
    .training-flow__box-left {
        margin: 0 auto;
        width: 80%;
        height: auto;
        background-image: url(../img/sp/environment/img_flow_blue.png);
    }
}

.training-flow__box-left--yellow {
    background-image: url(../img/environment/img_flow_yellow.png);
}

@media screen and (max-width: 750px) {
    .training-flow__box-left--yellow {
        background-image: url(../img/sp/environment/img_flow_yellow.png);
    }
}

.training-flow__box-right {
    width: 194px;
}

@media screen and (max-width: 750px) {
    .training-flow__box-right {
        margin: 0 auto;
        width: 80%;
    }
}

.training-flow__box-right img {
    width: 100%;
}

.training-flow__box-center {
    margin-right: 25px;
    width: 305px;
}

@media screen and (max-width: 750px) {
    .training-flow__box-center {
        margin-top: 9.375vw;
        margin-right: 0;
        width: 100%;
    }
}

.training-flow__box-ttl {
    padding-top: 115px;
    color: #0085E8;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .training-flow__box-ttl {
        padding: 3.75vw 0 3.75vw 15.625vw;
        text-align: left;
        font-size: 5.9375vw;
    }
}

@media screen and (max-width: 750px) {
    .training-flow__box-ttl--pdl-s {
        padding-left: 18.75vw;
    }
}

.training-flow__box-ttl--yellow {
    color: #FFC538;
}

.training-flow__box-ttl-rl {
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media screen and (max-width: 750px) {
    .training-flow__box-ttl-rl {
        display: inline;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.training-flow__box-txt-l {
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .training-flow__box-txt-l {
        padding-bottom: 1.5625vw;
        font-size: 4.375vw;
    }
}

.training-flow__box-txt {
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: left;
    letter-spacing: -0.01em;
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .training-flow__box-txt {
        padding-top: 1.5625vw;
        padding-bottom: 3.125vw;
        font-size: 4.375vw;
    }
}

.training-flow__box-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 18px;
    border-bottom: 1px solid #B3B3B3;
}

@media screen and (max-width: 750px) {
    .training-flow__box-contents {
        display: block;
        padding-bottom: 3.125vw;
    }
}

.training-flow__box-contents--last {
    border-bottom: none;
}

/* ---------------------------------------------
*   welfare
--------------------------------------------- */
.welfare {
    padding-top: 120px;
    padding-bottom: 90px;
    min-width: 1366px;
    background-color: #F0F0F0;
}

@media screen and (max-width: 750px) {
    .welfare {
        padding-top: 18.75vw;
        padding-bottom: 14.0625vw;
        min-width: auto;
        min-width: inherit;
    }
}

.welfare-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .welfare-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.welfare-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-top: 65px;
    width: 900px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .welfare-contents {
        -ms-flex-pack: justify;
        margin-top: 9.375vw;
        width: 100%;

        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.welfare-box {
    margin-right: 10px;
    margin-bottom: 20px;
    width: calc((100% - 30px) / 4);
}

@media screen and (max-width: 750px) {
    .welfare-box {
        margin-right: 0;
        margin-bottom: 9.375vw;
        /* width: 45%; */
        width: calc((100% - 10px) / 2);
    }
}

.welfare-box:nth-child(4n) {
    margin-right: 0;
}

.welfare-box--l {
    margin-bottom: 65px;
}

@media screen and (max-width: 750px) {
    .welfare-box--l {
        margin-bottom: 6.25vw;
    }
}

.welfare-box__img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 125px;
}

@media screen and (max-width: 750px) {
    .welfare-box__img {
        margin: 0 auto;
        width: 60%;
        height: 31.25vw;
    }
    .welfare-box__img img {
        width: 100%;
    }
}

.welfare-box__img--s {
    padding-top: 15px;
}

@media screen and (max-width: 750px) {
    .welfare-box__img--s {
        padding-top: 4.6875vw;
    }
}

.welfare-box__img--m {
    padding-top: 10px;
}

@media screen and (max-width: 750px) {
    .welfare-box__img--m {
        padding-top: 3.125vw;
    }
}

.welfare-box__txt {
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .welfare-box__txt {
        /* font-size: 4.375vw; */
        font-size: 3.8vw;
    }
}

.welfare-box__txt-s {
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .welfare-box__txt-s {
        font-size: 3.75vw;
    }
}

/* ---------------------------------------------
*   radio-cm
--------------------------------------------- */
.radio-cm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 94px;
    border-top: 2px solid #1D2087;
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, #1D2087), to(#1D2087));
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #1D2087 50%, #1D2087 100%);

    -webkit-box-pack: center;
    justify-content: center;
}

.radio-cm * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media screen and (max-width: 750px) {
    .radio-cm {
        display: block;
        height: 26.66vw;
        background: none;
    }
}

.radio-cm__logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    max-width: 683px;
    width: 50%;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .radio-cm__logo {
        max-width: 750px;
        width: 100%;
        height: 13.33vw;
        background-color: #fff;
    }
}

@media screen and (max-width: 750px) {
    .radio-cm__logo img {
        width: 32.13%;
        -webkit-transform: translateX(-11%);
        transform: translateX(-11%);
    }
}

.radio-cm__logo:after {
    position: absolute;
    top: 0;
    left: calc(100% - .5px);
    width: 0;
    height: 0;
    border-width: 47px 0 47px 30px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    content: "";
}

.ie11 .radio-cm__logo:after {
    left: calc(100% - 1px);
}

.edge .radio-cm__logo:after {
    left: calc(100% - 1px);
}

@media screen and (max-width: 750px) {
    .radio-cm__logo:after {
        content: none;
    }
}

.radio-cm__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    max-width: 683px;
    width: 50%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .radio-cm__item {
        max-width: 750px;
        width: 100%;
        height: 13.33vw;
        background-color: #1D2087;
    }
}

.radio-cm__txt {
    margin-left: 37px;
    padding-right: 24px;
}

@media screen and (max-width: 750px) {
    .radio-cm__txt {
        margin-left: 2.93333%;
        padding-right: 3.2%;
        width: 74.4%;
    }
}

.radio-cm__txt img {
    width: 100%;
}

.radio-cm__link {
    padding-right: 20px;
}

@media screen and (max-width: 750px) {
    .radio-cm__link {
        padding-right: 2%;
        width: 8.53333%;
    }
}

.radio-cm__btn {
    display: block;
}

.radio-cm__btn img {
    width: 100%;
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */
/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 1.5625vw !important;
    }
    .mgt-sp--10 {
        margin-top: 3.125vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4.6875vw !important;
    }
    .mgt-sp--20 {
        margin-top: 6.25vw !important;
    }
    .mgt-sp--25 {
        margin-top: 7.8125vw !important;
    }
    .mgt-sp--30 {
        margin-top: 9.375vw !important;
    }
    .mgt-sp--35 {
        margin-top: 10.9375vw !important;
    }
    .mgt-sp--40 {
        margin-top: 12.5vw !important;
    }
    .mgt-sp--45 {
        margin-top: 14.0625vw !important;
    }
    .mgt-sp--50 {
        margin-top: 15.625vw !important;
    }
    .mgt-sp--55 {
        margin-top: 17.1875vw !important;
    }
    .mgt-sp--60 {
        margin-top: 18.75vw !important;
    }
    .mgt-sp--65 {
        margin-top: 20.3125vw !important;
    }
    .mgt-sp--70 {
        margin-top: 21.875vw !important;
    }
    .mgt-sp--75 {
        margin-top: 23.4375vw !important;
    }
    .mgt-sp--80 {
        margin-top: 25vw !important;
    }
    .mgt-sp--85 {
        margin-top: 26.5625vw !important;
    }
    .mgt-sp--90 {
        margin-top: 28.125vw !important;
    }
    .mgt-sp--95 {
        margin-top: 29.6875vw !important;
    }
    .mgt-sp--100 {
        margin-top: 31.25vw !important;
    }
    .mgt-sp--105 {
        margin-top: 32.8125vw !important;
    }
    .mgt-sp--110 {
        margin-top: 34.375vw !important;
    }
    .mgt-sp--115 {
        margin-top: 35.9375vw !important;
    }
    .mgt-sp--120 {
        margin-top: 37.5vw !important;
    }
    .mgt-sp--125 {
        margin-top: 39.0625vw !important;
    }
    .mgt-sp--130 {
        margin-top: 40.625vw !important;
    }
    .mgt-sp--135 {
        margin-top: 42.1875vw !important;
    }
    .mgt-sp--140 {
        margin-top: 43.75vw !important;
    }
    .mgt-sp--145 {
        margin-top: 45.3125vw !important;
    }
    .mgt-sp--150 {
        margin-top: 46.875vw !important;
    }
    .mgt-sp--155 {
        margin-top: 48.4375vw !important;
    }
    .mgt-sp--160 {
        margin-top: 50vw !important;
    }
    .mgt-sp--165 {
        margin-top: 51.5625vw !important;
    }
    .mgt-sp--170 {
        margin-top: 53.125vw !important;
    }
    .mgt-sp--175 {
        margin-top: 54.6875vw !important;
    }
    .mgt-sp--180 {
        margin-top: 56.25vw !important;
    }
    .mgt-sp--185 {
        margin-top: 57.8125vw !important;
    }
    .mgt-sp--190 {
        margin-top: 59.375vw !important;
    }
    .mgt-sp--195 {
        margin-top: 60.9375vw !important;
    }
    .mgt-sp--200 {
        margin-top: 62.5vw !important;
    }
    .mgt-sp--205 {
        margin-top: 64.0625vw !important;
    }
    .mgt-sp--210 {
        margin-top: 65.625vw !important;
    }
    .mgt-sp--215 {
        margin-top: 67.1875vw !important;
    }
    .mgt-sp--220 {
        margin-top: 68.75vw !important;
    }
    .mgt-sp--225 {
        margin-top: 70.3125vw !important;
    }
    .mgt-sp--230 {
        margin-top: 71.875vw !important;
    }
    .mgt-sp--235 {
        margin-top: 73.4375vw !important;
    }
    .mgt-sp--240 {
        margin-top: 75vw !important;
    }
    .mgt-sp--245 {
        margin-top: 76.5625vw !important;
    }
    .mgt-sp--250 {
        margin-top: 78.125vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 1.5625vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 3.125vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4.6875vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 6.25vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 7.8125vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 9.375vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 10.9375vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 12.5vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 14.0625vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 15.625vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 17.1875vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 18.75vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 20.3125vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 21.875vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 23.4375vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 25vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 26.5625vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 28.125vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 29.6875vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 31.25vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 32.8125vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 34.375vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 35.9375vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 37.5vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 39.0625vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 40.625vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 42.1875vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 43.75vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 45.3125vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 46.875vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 48.4375vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 50vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 51.5625vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 53.125vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 54.6875vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 56.25vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 57.8125vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 59.375vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 60.9375vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 62.5vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 64.0625vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 65.625vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 67.1875vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 68.75vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 70.3125vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 71.875vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 73.4375vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 75vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 76.5625vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 78.125vw !important;
    }
}

@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}







/* ---------------------------------------------
*   newbox02
--------------------------------------------- */
.newbox02 {
    padding-top: 120px;
    padding-bottom: 90px;
    min-width: 1366px;
    background-color: #F0F0F0;
}
.newbox02.white{
    background: #fff;
}

@media screen and (max-width: 750px) {
    .newbox02 {
        padding-top: 18.75vw;
        padding-bottom: 14.0625vw;
        min-width: auto;
        min-width: inherit;
    }
}

.newbox02-container {
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .newbox02-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.content-box {
  width: 90%;
  max-width: 550px;
  margin: 0 auto;
}
.content-box .p01 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  color: #3598ea;
}
.content-box .p02 {
  font-size: 14px;
  text-align: left;
  margin-bottom: 30px;
}
.content-box .fig01 {
  margin-bottom: 40px;
}


@media screen and (max-width: 750px) {
.content-box .p01 {
  font-size: 4.0625vw;
}
.content-box .p02 {
  font-size: 4.0625vw;
}
.newbox02-container .lead-btn__link {
  font-size: 16px;
}
}
@media screen and (max-width: 480px) {
.newbox02-container .lead-btn__link {
  font-size: 12px;
}
.content-box .fig01 {
  max-width: 280px;
  margin: 0 auto 40px;
}
}



.health-container {
    margin: 5vw auto 0;
    width: 1366px;
}

@media screen and (max-width: 750px) {
    .health-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25vw;
        width: 100%;
    }
}

.health-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 50px auto;
    padding: 5%;
    width: 900px;
    border: 2px solid #0085E8;
}

@media screen and (max-width: 750px) {
    .health-box {
        margin-top: 12.5vw;
        padding: 5%;
        width: 100%;
    }
}

.hap2021 {
  max-width: 400px;
  margin: 0 auto;
}
.health-block {
  margin-bottom: 20px;
}
.health-block .p01 {
  text-align: left;
  color: #0085E8;
  font-size: 16px;
  font-weight: bold;
}
.health-block .p02 {
  text-align: left;
  font-size: 13px;
}
.health-block .p03 {
  text-align: left;
  font-size: 13px;
  font-weight: nomal;
}
.health-block .p04 {
  text-align: left;
  font-size: 13px;
}
.health-list {
  margin-top: 5px;
}
.health-list li {
  padding-left: 20px;
  position: relative;
  text-align: left;
  margin-bottom: 3px;
}
.health-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  text-align: center;
  font-size: 13px;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 17px;
  background: #C7C7C7;
  border-radius: 50%;
}
.health-list li:nth-child(1):before {
  content: "1";
}
.health-list li:nth-child(2):before {
  content: "2";
}
.health-list li:nth-child(3):before {
  content: "3";
}
.health-list2 li {
  margin-left: 1.2em;
  position: relative;
  text-align: left;
  margin-bottom: 3px;
  margin-top: 5px;
  list-style: decimal;
}

@media screen and (max-width: 750px) {
.health-block .p01 {
 font-size: 4.0625vw;
}
.health-block .p02 {
  font-size: 4.0625vw;
}
.health-block .p03 {
  font-size: 4.0625vw;
}
.health-block .p04 {
  font-size: 4.0625vw;
}
.health-list li:before {
  top: .5vw;
}
}