@charset 'UTF-8';
html,
body
{
    font-family: 'Noto Sans JP', serif;
    font-size: 16px;
    line-height: 1;

    text-align: center;

    color: #000;
}

a
{
    text-decoration: none;

    color: #000;
}

.sp
{
    display: none !important;
}

@media print, screen and (max-width: 480px)
{
    .sp
    {
        display: block !important;
    }
}

.pc
{
    display: block;
}

@media print, screen and (max-width: 480px)
{
    .pc
    {
        display: none !important;
    }
}

.spi
{
    display: none;
}

@media print, screen and (max-width: 480px)
{
    .spi
    {
        display: inline;
    }
}

.pci
{
    display: inline;
}

@media print, screen and (max-width: 480px)
{
    .pci
    {
        display: none;
    }
}

.fadeup
{
    -webkit-transform: translateY(30px);
            transform: translateY(30px);

    opacity: 0;
}

.fadeup.is-active
{
    -webkit-animation: fadeup 1.3s cubic-bezier(.33, 1, .68, 1) .6 forwards;
            animation: fadeup 1.3s cubic-bezier(.33, 1, .68, 1) .6 forwards;
}

@-webkit-keyframes fadeup
{
    0%
    {
        -webkit-transform: translateY(30px);
                transform: translateY(30px);

        opacity: 0;
    }
    80%
    {
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}

@keyframes fadeup
{
    0%
    {
        -webkit-transform: translateY(30px);
                transform: translateY(30px);

        opacity: 0;
    }
    80%
    {
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}

br
{
    font-size: 0;
}

/* ============== .l-sec ============== */
.l-sec
{
    width: 100%;
}

.l-sec__inner
{
    width: 76.28111vw;
    max-width: 1042px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1025px)
{
    .l-sec__inner
    {
        width: 80.46875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .l-sec__inner
    {
        width: 92vw;
    }
}

.l-sec--fixed
{
    overflow: hidden;
}

/* ============== .head ============== */
.head
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100%;
    height: 90px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .head
    {
        height: 6.58858vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head
    {
        height: 8.78906vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head
    {
        height: 16.92308vw;
    }
}

.head--open .head__entryBtn
{
    display: none;
}

.head--open .head__nav
{
    margin: 0 0 0 auto;
}

.head__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 90px;
    margin: 0 auto;

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

@media print, screen and (max-width: 1367px)
{
    .head__inner
    {
        height: 6.58858vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__inner
    {
        height: 8.78906vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__inner
    {
        height: 16.92308vw;
    }
}

.head__entryBtn
{
    font-size: 18px;
    font-weight: 700;

    position: relative;

    display: block;

    width: 328px;
    margin: 0 0 0 auto;
    padding: 19px 0;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: left;
    text-align: center;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 100vh;
    background-color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .head__entryBtn
    {
        font-size: 1.31772vw;

        width: 24.01171vw;
        padding: 1.39092vw 0;

        border: .14641vw solid #fff;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__entryBtn
    {
        font-size: 1.75781vw;

        width: 32.03125vw;
        padding: 1.85547vw 0;

        border: .19531vw solid #fff;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__entryBtn
    {
        display: none;
    }
}

.head__entryBtn:before
{
    position: absolute;
    top: 0;
    right: 22.5px;
    bottom: 0;

    width: 8px;
    height: 11px;
    margin: auto 0;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;

    background-image: url(../images/img_head_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 1367px)
{
    .head__entryBtn:before
    {
        right: 1.64714vw;

        width: .58565vw;
        height: .80527vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__entryBtn:before
    {
        right: 2.19727vw;

        width: .78125vw;
        height: 1.07422vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__entryBtn:before
    {
        right: 5.76923vw;

        width: 2.05128vw;
        height: 2.82051vw;
    }
}

.head__entryBtn:hover
{
    -webkit-transition: .3s;
            transition: .3s;

    color: #094;
    border: 2px solid #094;
    background-color: #fff;
}

@media print, screen and (max-width: 1367px)
{
    .head__entryBtn:hover
    {
        border: .14641vw solid #094;
    }
}

.head__entryBtn:hover:before
{
    -webkit-transition: .3s;
            transition: .3s;

    background-image: url(../images/img_head_arrow_hover.svg);
}

.head__nav
{
    position: relative;

    width: 90px;
    height: 90px;

    cursor: pointer;
}

@media print, screen and (max-width: 1367px)
{
    .head__nav
    {
        width: 6.58858vw;
        height: 6.58858vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav
    {
        width: 8.78906vw;
        height: 8.78906vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav
    {
        width: 16.92308vw;
        height: 16.92308vw;
        margin: 0 0 0 auto;
    }
}

.head__nav > span
{
    position: absolute;
    right: 0;
    left: 0;

    width: 50px;
    height: 2px;
    margin: 0 auto;

    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;

    background-color: #3b3636;
}

@media print, screen and (max-width: 1367px)
{
    .head__nav > span
    {
        width: 3.66032vw;
        height: .14641vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav > span
    {
        width: 4.88281vw;
        height: .19531vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav > span
    {
        width: 10.25641vw;
        height: 1px;
    }
}

.head__nav > span:nth-of-type(1)
{
    top: 30px;
}

@media print, screen and (max-width: 1367px)
{
    .head__nav > span:nth-of-type(1)
    {
        top: 2.19619vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav > span:nth-of-type(1)
    {
        top: 2.92969vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav > span:nth-of-type(1)
    {
        top: 5.64103vw;
    }
}

.head__nav > span:nth-of-type(2)
{
    top: 44px;
}

@media print, screen and (max-width: 1367px)
{
    .head__nav > span:nth-of-type(2)
    {
        top: 3.22108vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav > span:nth-of-type(2)
    {
        top: 4.29688vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav > span:nth-of-type(2)
    {
        top: 8.46154vw;
    }
}

.head__nav > span:nth-of-type(3)
{
    top: 58px;
}

@media print, screen and (max-width: 1367px)
{
    .head__nav > span:nth-of-type(3)
    {
        top: 4.24597vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav > span:nth-of-type(3)
    {
        top: 5.66406vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav > span:nth-of-type(3)
    {
        top: 11.28205vw;
    }
}

.head__nav--open > span:nth-of-type(1)
{
    top: 44px;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

@media print, screen and (max-width: 1367px)
{
    .head__nav--open > span:nth-of-type(1)
    {
        top: 3.22108vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav--open > span:nth-of-type(1)
    {
        top: 4.29688vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav--open > span:nth-of-type(1)
    {
        top: 8.46154vw;
    }
}

.head__nav--open > span:nth-of-type(2)
{
    display: none;
}

.head__nav--open > span:nth-of-type(3)
{
    top: 44px;

    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}

@media print, screen and (max-width: 1367px)
{
    .head__nav--open > span:nth-of-type(3)
    {
        top: 3.22108vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__nav--open > span:nth-of-type(3)
    {
        top: 4.29688vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__nav--open > span:nth-of-type(3)
    {
        top: 8.46154vw;
    }
}

.head__menu
{
    position: fixed;
    z-index: 8888;
    top: 0;
    right: 0;

    overflow: scroll;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 148px 610px;

    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);

    opacity: 0;
    background-color: #f8fbff;

    -webkit-overflow-scrolling: touch;
}

@media print, screen and (max-width: 1367px)
{
    .head__menu
    {
        padding: 10.83455vw 44.65593vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__menu
    {
        padding: 14.45312vw 39.0625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__menu
    {
        padding: 25.64103vw 28.20513vw;
    }
}

.head__menu--open
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

.head__menuCont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 40px;
}

@media print, screen and (max-width: 1367px)
{
    .head__menuCont
    {
        gap: 2.92826vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__menuCont
    {
        gap: 3.90625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__menuCont
    {
        gap: 10.25641vw;
    }
}

.head__menuItem
{
    width: 100%;

    list-style-type: none;
}

.head__menuLink
{
    font-family: 'Jost', serif;
    font-size: 23px;
    font-weight: 600;

    letter-spacing: 0;

    color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .head__menuLink
    {
        font-size: 1.68375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__menuLink
    {
        font-size: 2.34375vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .head__menuLink
    {
        font-size: 6.15385vw;
    }
}

.head__menuLink > span
{
    position: relative;

    padding-bottom: 5px;
}

@media print, screen and (max-width: 1367px)
{
    .head__menuLink > span
    {
        padding-bottom: .26042vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__menuLink > span
    {
        padding-bottom: .48828vw;
    }
}

.head__menuLink > span:before
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transition: all .3s;
            transition: all .3s;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top;

    background-color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .head__menuLink > span:before
    {
        height: .10417vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .head__menuLink > span:before
    {
        height: .19531vw;
    }
}

.head__menuLink:hover > span:before
{
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}

@media print, screen and (max-width: 480px)
{
    .head__menuLink:hover > span:before
    {
        -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
    }
}

/* ============== .foot ============== */
.foot
{
    background-color: #f8fbff;
}

.foot__logo
{
    width: 337px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .foot__logo
    {
        width: 24.67057vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .foot__logo
    {
        width: 32.91016vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .foot__logo
    {
        width: 100%;
    }
}

.foot__logo > img
{
    display: block;

    width: 100%;
}

.foot__txtCont
{
    width: 618px;
    margin: 0 auto;
    margin-bottom: 35px;
}

@media print, screen and (max-width: 1367px)
{
    .foot__txtCont
    {
        width: 45.24158vw;
        margin-bottom: 2.56223vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .foot__txtCont
    {
        width: 60.35156vw;
        margin-bottom: 3.41797vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .foot__txtCont
    {
        width: 82.4vw;
        margin-bottom: 4.66667vw;
    }
}

.foot__txt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
    letter-spacing: 0;
}

@media print, screen and (max-width: 1367px)
{
    .foot__txt
    {
        font-size: 1.1713vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .foot__txt
    {
        font-size: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .foot__txt
    {
        font-size: 3.68421vw;
    }
}

.foot__copy
{
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5;

    padding: 15px 0 20px 0;

    text-align: center;
    letter-spacing: 0;

    background-color: #fff;
}

@media print, screen and (max-width: 1367px)
{
    .foot__copy
    {
        font-size: .73206vw;

        padding: 1.0981vw 0 1.46413vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .foot__copy
    {
        font-size: .97656vw;

        padding: 1.46484vw 0 1.95312vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .foot__copy
    {
        font-size: 3.2vw;

        padding: 2vw 0 2.66667vw 0;
    }
}

/* ============== .c-modal ============== */
.c-modal
{
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;

    background-color: #fff;
}

.c-modal__wrp
{
    position: relative;

    overflow: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 180px;

    -webkit-overflow-scrolling: touch;
}

@media print, screen and (max-width: 1367px)
{
    .c-modal__wrp
    {
        padding-top: 7.32064vw;
        padding-bottom: 13.17716vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-modal__wrp
    {
        padding-top: 9.76562vw;
        padding-bottom: 17.57812vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-modal__wrp
    {
        padding-top: 13.33333vw;
        padding-bottom: 24vw;
    }
}

.c-modal__cont
{
    display: table;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 800px;
    height: 100%;
    margin: 0 auto;

    table-layout: fixed;

    background-color: #fff;
}

@media print, screen and (max-width: 1367px)
{
    .c-modal__cont
    {
        width: 58.56515vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-modal__cont
    {
        width: 78.125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-modal__cont
    {
        width: 92vw;
    }
}

.c-modal__inner
{
    position: relative;

    margin: 0 auto;
}

.c-modal__close
{
    position: absolute;
    top: 0;
    right: 0;
}

.c-modal__closeBtn
{
    display: block;

    width: 80px;
}

@media print, screen and (max-width: 1367px)
{
    .c-modal__closeBtn
    {
        width: 5.85652vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-modal__closeBtn
    {
        width: 7.8125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-modal__closeBtn
    {
        width: 13.33333vw;
    }
}

.c-modal__closeBtn > img
{
    width: 100%;
}

.c-modal__closeBtn:hover
{
    opacity: .7;
}

/* ============== .fv ============== */
.fv
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 56.22255vw;
}

@media print, screen and (max-width: 480px)
{
    .fv
    {
        position: relative;

        display: block;

        height: 205.12821vw;
    }
}

.fv__lBlock
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33%;
    padding: 6.58858vw 0 0 4.75842vw;
}

@media print, screen and (max-width: 480px)
{
    .fv__lBlock
    {
        width: 100%;
        height: 100%;
        padding: 0;
        padding-top: 6.92308vw;
    }
}

.fv__lBg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

.fv__lBg > img
{
    display: block;

    width: 100%;
}

.fv__logoBox
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 22.40117vw;
    height: 22.40117vw;
    padding-top: 2.59883vw;

    background-color: white;
    -webkit-box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
            box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
}

@media print, screen and (max-width: 480px)
{
    .fv__logoBox
    {
        width: 64.61538vw;
        height: 56.15385vw;
        margin: 0 auto;
        padding-top: 4.87179vw;

        -webkit-box-shadow: 7.69231vw 7.69231vw 7.69231vw rgba(62, 99, 150, .16);
                box-shadow: 7.69231vw 7.69231vw 7.69231vw rgba(62, 99, 150, .16);
    }
}

.fv__logo
{
    width: 16.54466vw;
    margin-bottom: 2.19619vw;
    margin-left: 3.87994vw;
}

@media print, screen and (max-width: 480px)
{
    .fv__logo
    {
        width: 47.60769vw;
        margin-bottom: 4.35897vw;
        margin-left: 11.28205vw;
    }
}

.fv__logo > img
{
    display: block;

    width: 100%;
}

.fv__logoTxtBox
{
    margin-bottom: 1.46413vw;
}

.fv__year
{
    font-family: 'Jost', serif;
    font-size: 5.12445vw;
    font-weight: 600;

    margin-bottom: .36603vw;

    letter-spacing: 0;
}

@media print, screen and (max-width: 480px)
{
    .fv__year
    {
        font-size: 14.61538vw;

        margin-bottom: 1.02564vw;
    }
}

.fv__green
{
    color: #094;
}

.fv__blue
{
    color: #008ce1;
}

.fv__logoTxt
{
    font-size: 1.90337vw;
    font-weight: 700;

    letter-spacing: 0;

    color: #1f1f1f;
}

@media print, screen and (max-width: 480px)
{
    .fv__logoTxt
    {
        font-size: 5.38462vw;
    }
}

.fv__nameImg
{
    width: 13.76281vw;
    margin: 0 auto;
}

@media print, screen and (max-width: 480px)
{
    .fv__nameImg
    {
        width: 40vw;
    }
}

.fv__nameImg > img
{
    display: block;

    width: 100%;
}

.fv__txtBox
{
    position: absolute;
    bottom: 4.39239vw;
    left: 4.75842vw;

    width: 60.83455vw;
}

@media print, screen and (max-width: 480px)
{
    .fv__txtBox
    {
        bottom: 12.82051vw;
        left: 4.35897vw;

        width: 57.75385vw;
    }
}

.fv__yearTxt
{
    font-family: 'Jost', serif;
    font-size: 1.24451vw;
    font-weight: 600;

    margin-bottom: .58565vw;

    text-align: left;
    letter-spacing: 0;

    color: #1f1f1f;
}

@media print, screen and (max-width: 480px)
{
    .fv__yearTxt
    {
        font-size: 4.35897vw;

        margin-bottom: 6.53846vw;

        text-align: center;
    }
}

.fv__enTxt
{
    width: 100%;
    margin-bottom: 1.02489vw;
}

.fv__enTxt > img
{
    display: block;

    width: 100%;
}

.fv__txt
{
    font-size: 1.83016vw;
    font-weight: 700;

    width: 23.12225vw;
    padding: .87848vw 0;

    color: #fff;
    background-color: #094;
}

@media print, screen and (max-width: 480px)
{
    .fv__txt
    {
        font-size: 4.10256vw;

        width: 51.65897vw;
        margin: 0 auto;
        padding: .76923vw 0 1.28205vw;
    }
}

.fv__photo
{
    width: 67%;
}

@media print, screen and (max-width: 480px)
{
    .fv__photo
    {
        position: absolute;
        z-index: -1;
        top: 59.23077vw;
        left: 0;

        width: 100%;
    }
}

.fv__photo > img
{
    display: block;

    width: 100%;
}

/* ============== .ctaSec ============== */
.ctaSec
{
    position: relative;

    display: block;

    padding: 43px 0 42px 0;

    -webkit-transition: all .3s;
            transition: all .3s;
}

@media print, screen and (max-width: 1367px)
{
    .ctaSec
    {
        padding: 3.58712vw 0 3.07467vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .ctaSec
    {
        padding: 4.78516vw 0 4.10156vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .ctaSec
    {
        padding: 6.53333vw 0 5.6vw 0;
    }
}

.ctaSec::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 187px;

    content: '';

    background-image: url(../images/img_entry_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .ctaSec::before
    {
        height: 13.6896vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .ctaSec::before
    {
        height: 100%;
    }
}

@media print, screen and (max-width: 480px)
{
    .ctaSec::before
    {
        height: 100%;
    }
}

.ctaSec:hover
{
    opacity: .7;
}

/* ============== .recruitSec ============== */
.recruitSec
{
    position: relative;

    margin: 0 auto;
    padding: 300px 0 47px 0;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec
    {
        padding: 21.96193vw 0 3.4407vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec
    {
        padding: 29.29688vw 0 4.58984vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec
    {
        padding: 40vw 0 20vw 0;
    }
}

.recruitSec::before
{
    position: absolute;
    top: 160px;
    right: 0;

    width: 389px;
    height: 457px;

    content: '';

    background-image: url(../images/img_recruit_bg_01.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec::before
    {
        top: 11.71303vw;

        width: 28.47731vw;
        height: 33.45534vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec::before
    {
        top: 7.8125vw;

        width: 32.12891vw;
        height: 39.74609vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec::before
    {
        top: 13.33333vw;

        width: 43.86667vw;
        height: 54.26667vw;
    }
}

.recruitSec::after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 175px;
    height: 175px;

    content: '';

    background-image: url(../images/img_recruit_bg_03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec::after
    {
        width: 12.81113vw;
        height: 12.81113vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec::after
    {
        width: 11.23047vw;
        height: 11.23047vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec::after
    {
        width: 23.33333vw;
        height: 23.33333vw;
    }
}

.recruitSec__bgInner
{
    position: relative;
}

.recruitSec__bgInner::before
{
    position: absolute;
    bottom: -770px;
    left: 0;

    width: 124px;
    height: 248px;

    content: '';

    background-image: url(../images/img_recruit_bg_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec__bgInner::before
    {
        bottom: -56.36896vw;

        width: 9.0776vw;
        height: 18.1552vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec__bgInner::before
    {
        bottom: -72.26562vw;

        width: 7.03125vw;
        height: 14.0625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec__bgInner::before
    {
        bottom: -373.33333vw;

        width: 16.53333vw;
        height: 33.06667vw;
    }
}

.recruitSec__inner
{
    width: 869px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec__inner
    {
        width: 63.6164vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec__inner
    {
        width: 100%;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec__inner
    {
        width: 92vw;
    }
}

.recruitSec__table
{
    position: relative;

    margin-top: 58px;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec__table
    {
        margin: 4.24597vw auto 0 auto;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec__table
    {
        margin: 5.66406vw auto 0 auto;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec__table
    {
        margin: 7.73333vw auto 0 auto;
    }
}

.recruitSec__th
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 227px;
    padding: 6px 0 8px 11px;

    text-align: left;
    letter-spacing: 0;

    border: 1px solid #d8fef5;
    background-color: #f4fff9;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec__th
    {
        font-size: 1.1713vw;

        width: 16.61786vw;
        padding: .43924vw 0 .58565vw .80527vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec__th
    {
        font-size: 1.5625vw;

        width: 22.16797vw;
        padding: .58594vw 0 .78125vw 1.07422vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec__th
    {
        font-size: 3.73333vw;

        display: block;

        width: 100%;
        padding: 2.66667vw;
    }
}

.recruitSec__td
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 642px;
    padding: 6px 0 8px 21px;

    text-align: left;
    letter-spacing: 0;

    border: 1px solid #d8fef5;
}

@media print, screen and (max-width: 1367px)
{
    .recruitSec__td
    {
        font-size: 1.1713vw;

        width: 46.99854vw;
        padding: .43924vw 0 .58565vw 1.53734vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recruitSec__td
    {
        font-size: 1.5625vw;

        width: 62.69531vw;
        padding: .58594vw 0 .78125vw 2.05078vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .recruitSec__td
    {
        font-size: 3.73333vw;

        display: block;

        width: 100%;
        padding: 2.66667vw;
    }
}

/* ============== .gallerySec ============== */
.gallerySec
{
    position: relative;

    padding-top: 50px;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec
    {
        padding-top: 3.66032vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec
    {
        padding-top: 4.88281vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec
    {
        padding-top: 16vw;
    }
}

.gallerySec::before
{
    position: absolute;
    top: -20px;
    left: 0;

    width: 103px;
    height: 206px;

    content: '';

    background-image: url(../images/img_gallery_bg_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec::before
    {
        top: -1.46413vw;

        width: 7.54026vw;
        height: 15.08053vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec::before
    {
        top: -.97656vw;

        width: 10.05859vw;
        height: 20.11719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec::before
    {
        top: 8vw;

        width: 13.73333vw;
        height: 27.46667vw;
    }
}

.gallerySec::after
{
    position: absolute;
    top: -140px;
    right: 0;

    width: 258px;
    height: 303px;

    content: '';

    background-image: url(../images/img_gallery_bg_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec::after
    {
        top: -10.2489vw;

        width: 18.88726vw;
        height: 22.18155vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec::after
    {
        top: -9.76562vw;

        width: 25.19531vw;
        height: 29.58984vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec::after
    {
        top: -2.66667vw;

        width: 34.4vw;
        height: 40.4vw;
    }
}

.gallerySec__mainOuter
{
    position: relative;

    max-width: 1366px;
    margin: 0 auto;
}

.gallerySec__bg
{
    position: absolute;
    top: 200px;
    left: 0;

    width: 100%;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec__bg
    {
        top: 14.64129vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec__bg
    {
        top: 26.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec__bg
    {
        top: 120vw;
    }
}

.gallerySec__bg > img
{
    display: block;

    width: 100%;
}

.gallerySec__inner
{
    position: relative;

    width: 1180px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec__inner
    {
        width: 86.3836vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec__inner
    {
        width: 80.46875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec__inner
    {
        width: 92vw;
    }
}

.gallerySec__swiper
{
    overflow: hidden;

    padding-bottom: 50px;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec__swiper
    {
        padding-bottom: 3.66032vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec__swiper
    {
        padding-bottom: 4.88281vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec__swiper
    {
        padding-bottom: 8vw;
    }
}

.gallerySec__swiper
{
    margin-top: 75px;
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec__swiper
    {
        margin-top: 5.49048vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec__swiper
    {
        margin-top: 7.32422vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec__swiper
    {
        margin-top: 10vw;
    }
}

.gallerySec__slide
{
    width: 280px;

    -webkit-box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
            box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
}

@media print, screen and (max-width: 1367px)
{
    .gallerySec__slide
    {
        width: 20.4978vw;

        -webkit-box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
                box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallerySec__slide
    {
        width: 27.34375vw;

        -webkit-box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
                box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 480px)
{
    .gallerySec__slide
    {
        width: 100%;

        -webkit-box-shadow: 4vw 5.33333vw 4vw rgba(62, 99, 150, .16);
                box-shadow: 4vw 5.33333vw 4vw rgba(62, 99, 150, .16);
    }
}

.gallerySec__slide > img
{
    display: block;

    width: 100%;
}

.swiper-pagination-bullets.swiper-pagination-horizontal
{
    bottom: 5px;

    text-align: left;
}

@media print, screen and (max-width: 1367px)
{
    .swiper-pagination-bullets.swiper-pagination-horizontal
    {
        bottom: .36603vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .swiper-pagination-bullets.swiper-pagination-horizontal
    {
        bottom: .48828vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .swiper-pagination-bullets.swiper-pagination-horizontal
    {
        bottom: 0;
    }
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0;
    margin-right: 20px;
}

@media print, screen and (max-width: 1367px)
{
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
    {
        margin-right: 1.46413vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
    {
        margin-right: 1.95312vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
    {
        margin-right: 2.66667vw;
    }
}

.swiper-pagination-bullet
{
    width: 10px;
    height: 10px;

    opacity: 1;
    border: .5px solid #008ce2;
    background-color: #fff;
}

@media print, screen and (max-width: 1367px)
{
    .swiper-pagination-bullet
    {
        width: .73206vw;
        height: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .swiper-pagination-bullet
    {
        width: .97656vw;
        height: .97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .swiper-pagination-bullet
    {
        width: 2.66667vw;
        height: 2.66667vw;
    }
}

.swiper-pagination-bullet-active
{
    background-color: #008ce2;
}

/* 前への矢印 */
.gallery-button-prev
{
    top: 150px;
    left: -30px;
}

@media print, screen and (max-width: 1367px)
{
    .gallery-button-prev
    {
        top: 10.98097vw;
        left: -2.19619vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallery-button-prev
    {
        top: 14.64844vw;
        left: -2.92969vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallery-button-prev
    {
        top: 53.33333vw;
        left: -3.33333vw;
    }
}

/* 次への矢印 */
.gallery-button-next
{
    top: 150px;
    right: -30px;
}

@media print, screen and (max-width: 1367px)
{
    .gallery-button-next
    {
        top: 10.98097vw;
        right: -2.19619vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallery-button-next
    {
        top: 14.64844vw;
        right: -2.92969vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallery-button-next
    {
        top: 53.33333vw;
        right: -3.33333vw;
    }
}

/* 前へ次への矢印カスタマイズ */
.gallery-button-prev,
.gallery-button-next
{
    width: 67px;
    height: 67px;
}

@media print, screen and (max-width: 1367px)
{
    .gallery-button-prev,
    .gallery-button-next
    {
        width: 4.90483vw;
        height: 4.90483vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallery-button-prev,
    .gallery-button-next
    {
        width: 6.54297vw;
        height: 6.54297vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallery-button-prev,
    .gallery-button-next
    {
        width: 13.33333vw;
        height: 13.33333vw;
    }
}

/* 前へ次への矢印カスタマイズ */
.gallery-button-prev::after,
.gallery-button-next::after
{
    width: 67px;
    height: 67px;
    margin: auto;

    content: '';

    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 1367px)
{
    .gallery-button-prev::after,
    .gallery-button-next::after
    {
        width: 4.90483vw;
        height: 4.90483vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .gallery-button-prev::after,
    .gallery-button-next::after
    {
        width: 6.54297vw;
        height: 6.54297vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .gallery-button-prev::after,
    .gallery-button-next::after
    {
        width: 13.33333vw;
        height: 13.33333vw;
    }
}

/* 前への矢印カスタマイズ */
.gallery-button-prev::after
{
    background-image: url(../images/img_gallery_prev_btn.png);
}

/* 次への矢印カスタマイズ */
.gallery-button-next::after
{
    background-image: url(../images/img_gallery_next_btn.png);
}

/* ============== .msgSec ============== */
.msgSec
{
    position: relative;

    width: 100%;
    padding-top: 60px;
}

@media print, screen and (max-width: 1367px)
{
    .msgSec
    {
        padding-top: 4.39239vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .msgSec
    {
        padding-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .msgSec
    {
        padding-top: 13.33333vw;
    }
}

.msgSec__square
{
    position: absolute;
    z-index: -1;
    top: 109px;
    left: 0;

    width: 258px;
}

@media print, screen and (max-width: 1367px)
{
    .msgSec__square
    {
        top: 7.9795vw;

        width: 18.88726vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .msgSec__square
    {
        top: 10.64453vw;

        width: 19.53125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .msgSec__square
    {
        top: 40vw;

        width: 25.33333vw;
    }
}

.msgSec__square > img
{
    display: block;

    width: 100%;
}

.msgSec__square02
{
    position: absolute;
    z-index: -1;
    top: 116px;
    right: 0;

    width: 258px;
}

@media print, screen and (max-width: 1367px)
{
    .msgSec__square02
    {
        top: 8.49195vw;

        width: 18.88726vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .msgSec__square02
    {
        top: 11.32812vw;

        width: 19.53125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .msgSec__square02
    {
        top: 40vw;

        width: 25.33333vw;
    }
}

.msgSec__square02 > img
{
    display: block;

    width: 100%;
}

.msgSec__inner
{
    width: 946px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .msgSec__inner
    {
        width: 69.25329vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .msgSec__inner
    {
        width: 92vw;
    }
}

.msgSec__cont
{
    width: 100%;
}

.msgSec__txt
{
    font-size: 18px;
    font-weight: 700;
    line-height: 2.33;

    margin-top: 52.5px;

    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .msgSec__txt
    {
        font-size: 1.31772vw;

        margin-top: 3.84334vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .msgSec__txt
    {
        font-size: 1.5625vw;

        margin-top: 5.12695vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .msgSec__txt
    {
        font-size: 3.73333vw;

        margin-top: 6.66667vw;
    }
}

.msgSec__txt > span
{
    font-weight: 900;
}

/* ============== .c-ttl ============== */
.c-ttl--msg .c-ttl__en
{
    width: 279px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--msg .c-ttl__en
    {
        width: 20.4246vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--msg .c-ttl__en
    {
        width: 27.24609vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--msg .c-ttl__en
    {
        width: 51.33333vw;
    }
}

.c-ttl--we .c-ttl__en
{
    width: 432px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--we .c-ttl__en
    {
        width: 31.62518vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--we .c-ttl__en
    {
        width: 42.1875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--we .c-ttl__en
    {
        width: 80vw;
    }
}

.c-ttl--work .c-ttl__en
{
    width: 321px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--work .c-ttl__en
    {
        width: 23.49927vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--work .c-ttl__en
    {
        width: 31.34766vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--work .c-ttl__en
    {
        width: 58.93333vw;
    }
}

.c-ttl--company .c-ttl__en
{
    width: 525px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--company .c-ttl__en
    {
        width: 38.43338vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--company .c-ttl__en
    {
        width: 51.26953vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--company .c-ttl__en
    {
        width: 83.33333vw;
    }
}

.c-ttl--interview .c-ttl__en
{
    width: 290px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--interview .c-ttl__en
    {
        width: 21.22987vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--interview .c-ttl__en
    {
        width: 28.32031vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--interview .c-ttl__en
    {
        width: 53.33333vw;
    }
}

.c-ttl--number .c-ttl__en
{
    width: 261px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--number .c-ttl__en
    {
        width: 19.10688vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--number .c-ttl__en
    {
        width: 25.48828vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--number .c-ttl__en
    {
        width: 48vw;
    }
}

.c-ttl--gallery .c-ttl__en
{
    width: 233px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--gallery .c-ttl__en
    {
        width: 17.0571vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--gallery .c-ttl__en
    {
        width: 22.75391vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--gallery .c-ttl__en
    {
        width: 42.66667vw;
    }
}

.c-ttl--recruit .c-ttl__en
{
    width: 225px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--recruit .c-ttl__en
    {
        width: 16.47145vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--recruit .c-ttl__en
    {
        width: 21.97266vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--recruit .c-ttl__en
    {
        width: 41.33333vw;
    }
}

.c-ttl--entry .c-ttl__en
{
    position: relative;

    width: 162px;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl--entry .c-ttl__en
    {
        width: 11.85944vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl--entry .c-ttl__en
    {
        width: 15.82031vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl--entry .c-ttl__en
    {
        width: 29.73333vw;
    }
}

.c-ttl__ja
{
    font-size: 16px;
    font-weight: 700;

    position: relative;

    margin-bottom: 10px;

    letter-spacing: 0;

    color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl__ja
    {
        font-size: 1.1713vw;

        margin-bottom: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl__ja
    {
        font-size: 1.86667vw;

        margin-bottom: 1.33333vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl__ja
    {
        font-size: 3.73333vw;

        margin-bottom: 1.33333vw;
    }
}

.c-ttl__ja:before
{
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;

    width: 1px;
    height: 10px;
    margin: 0 auto;

    content: '';

    background-color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .c-ttl__ja:before
    {
        top: -1.0981vw;

        height: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .c-ttl__ja:before
    {
        top: -2vw;

        height: 1.33333vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .c-ttl__ja:before
    {
        top: -2.66667vw;

        height: 2vw;
    }
}

.c-ttl__ja--white
{
    color: #fff;
}

.c-ttl__ja--white:before
{
    background-color: #fff;
}

.c-ttl__en
{
    margin: 0 auto;
}

.c-ttl__en > img
{
    display: block;

    width: 100%;
}

/* ============== .weAreSec ============== */
.weAreSec
{
    width: 100%;
    padding-top: 90px;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec
    {
        padding-top: 6.58858vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec
    {
        padding-top: 8.78906vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec
    {
        padding-top: 13.33333vw;
    }
}

.weAreSec__inner
{
    width: 1060px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__inner
    {
        width: 77.59883vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__inner
    {
        width: 80.46875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec__inner
    {
        width: 92vw;
    }
}

.weAreSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 79px;

    gap: 50px;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__cont
    {
        margin-top: 5.78331vw;

        gap: 3.66032vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__cont
    {
        margin-top: 5.85938vw;

        gap: 2.92969vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec__cont
    {
            flex-direction: column;

        margin-top: 6.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 6.66667vw 0;
    }
}

.weAreSec__item
{
    width: 320px;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__item
    {
        width: 23.42606vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__item
    {
        width: 25.39062vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec__item
    {
        width: 100%;
    }
}

.weAreSec__ttl
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;

    margin-bottom: 17px;

    letter-spacing: 0;

    color: #1f1f1f;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__ttl
    {
        font-size: 1.46413vw;

        margin-bottom: 1.24451vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__ttl
    {
        font-size: 1.5625vw;

        margin-bottom: 1.26953vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec__ttl
    {
        font-size: 4.26667vw;

        margin-bottom: 2.26667vw;
    }
}

.weAreSec__photo
{
    width: 100%;
    margin-bottom: 23px;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__photo
    {
        margin-bottom: 1.68375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__photo
    {
        margin-bottom: 1.75781vw;
    }
}

.weAreSec__photo > img
{
    display: block;

    width: 100%;
}

.weAreSec__txt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .weAreSec__txt
    {
        font-size: 1.1713vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .weAreSec__txt
    {
        font-size: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .weAreSec__txt
    {
        font-size: 3.73333vw;
    }
}

/* ============== .workSec ============== */
.workSec
{
    position: relative;
    z-index: 0;

    width: 100%;
    padding-top: 10.10249vw;
}

@media print, screen and (max-width: 1025px)
{
    .workSec
    {
        padding-top: 13.47656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec
    {
        padding-top: 13.33333vw;
    }
}

.workSec__bg
{
    position: absolute;
    z-index: -1;
    top: -2.92826vw;
    left: 0;

    width: 100%;
}

@media print, screen and (max-width: 1025px)
{
    .workSec__bg
    {
        top: -.97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__bg
    {
        top: .66667vw;
    }
}

.workSec__bg > img
{
    display: block;

    width: 100%;
}

.workSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 67px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__cont
    {
        margin-top: 4.90483vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__cont
    {
        margin-top: 6.54297vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__cont
    {
            flex-direction: column;

        margin-top: 12vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 10.66667vw 0;
    }
}

.workSec__item
{
    width: 484px;

    background-color: white;
    -webkit-box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
            box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
}

@media print, screen and (max-width: 1367px)
{
    .workSec__item
    {
        width: 35.43192vw;

        -webkit-box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
                box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__item
    {
        width: 38.08594vw;

        -webkit-box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
                box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__item
    {
        width: 100%;
        margin-bottom: 13.33333vw;

        -webkit-box-shadow: 4vw 4vw 4vw rgba(62, 99, 150, .16);
                box-shadow: 4vw 4vw 4vw rgba(62, 99, 150, .16);
    }
}

.workSec__item:first-child .workSec__ttl
{
    background-color: #d8e9ff;
}

.workSec__item:first-child .workSec__ttl > span
{
    color: #008ce1;
}

.workSec__item:first-child .workSec__ttl:before
{
    left: 0;

    background-image: url(../images/img_work_photo_left.png);
}

.workSec__item:first-child .workSec__ttl:after
{
    right: 22px;

    width: 81px;
    height: 59px;

    background-image: url(../images/ico_work_left.svg);
}

@media print, screen and (max-width: 1367px)
{
    .workSec__item:first-child .workSec__ttl:after
    {
        right: 1.61054vw;

        width: 5.92972vw;
        height: 4.31918vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:first-child .workSec__ttl:after
    {
        right: 2.93333vw;

        width: 14.66667vw;
        height: 10.66667vw;
    }
}

.workSec__item:first-child .workSec__scheduleTtl
{
    background-color: #008ce1;
}

.workSec__item:first-child .workSec__time
{
    color: #008ce1;
}

.workSec__item:first-child .workSec__row
{
    background-color: #f8fbff;
}

.workSec__item:first-child .workSec__txtBox
{
    background-color: #d8e9ff;
}

.workSec__item:first-child .workSec__readmore label
{
    background-color: #008ce1;
}

.workSec__item:first-child .workSec__readmore label:hover
{
    -webkit-transition: .3s;
            transition: .3s;

    color: #008ce1;
    background-color: white;
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:first-child .workSec__readmore label:hover
    {
        color: white;
        background-color: #008ce1;
    }
}

.workSec__item:first-child .workSec__readmore label:hover:after
{
    -webkit-transition: .3s;
            transition: .3s;

    background-color: #008ce1;
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:first-child .workSec__readmore label:hover:after
    {
        background-color: white;
    }
}

.workSec__item:last-child .workSec__ttl
{
    background-color: #d3efdf;
}

.workSec__item:last-child .workSec__ttl > span
{
    color: #094;
}

.workSec__item:last-child .workSec__ttl:before
{
    right: 0;

    background-image: url(../images/img_work_photo_right.png);
}

.workSec__item:last-child .workSec__ttl:after
{
    top: 0;
    left: 12px;

    width: 70.37px;
    height: 46px;
    margin: auto 0;

    background-image: url(../images/ico_work_right.svg);
}

@media print, screen and (max-width: 1367px)
{
    .workSec__item:last-child .workSec__ttl:after
    {
        left: .87848vw;

        width: 5.15154vw;
        height: 3.3675vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:last-child .workSec__ttl:after
    {
        left: 1.6vw;

        width: 13.33333vw;
        height: 8.66667vw;
    }
}

.workSec__item:last-child .workSec__scheduleTtl
{
    background-color: #094;
}

.workSec__item:last-child .workSec__time
{
    color: #094;
}

.workSec__item:last-child .workSec__row
{
    background-color: #f4fff9;
}

.workSec__item:last-child .workSec__txtBox
{
    background-color: #d3efdf;
}

.workSec__item:last-child .workSec__readmore label
{
    background-color: #094;
}

.workSec__item:last-child .workSec__readmore label:hover
{
    -webkit-transition: .3s;
            transition: .3s;

    color: #094;
    background-color: white;
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:last-child .workSec__readmore label:hover
    {
        color: white;
        background-color: #094;
    }
}

.workSec__item:last-child .workSec__readmore label:hover:after
{
    -webkit-transition: .3s;
            transition: .3s;

    background-color: #094;
}

@media print, screen and (max-width: 480px)
{
    .workSec__item:last-child .workSec__readmore label:hover:after
    {
        background-color: white;
    }
}

.workSec__ttl
{
    font-size: 22px;
    font-weight: 700;

    position: relative;

    width: 100%;
    padding: 20px 0;

    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__ttl
    {
        font-size: 1.61054vw;

        padding: 1.46413vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__ttl
    {
        font-size: 1.75781vw;

        padding: 1.75781vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__ttl
    {
        font-size: 4.66667vw;

        padding: 3.33333vw 0;
    }
}

.workSec__ttl:before
{
    position: absolute;
    bottom: 0;

    width: 140px;
    height: 140px;

    content: '';

    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__ttl:before
    {
        width: 10.2489vw;
        height: 10.2489vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__ttl:before
    {
        width: 26.66667vw;
        height: 26.66667vw;
    }
}

.workSec__ttl:after
{
    position: absolute;
    bottom: 0;

    content: '';

    background-repeat: no-repeat;
    background-size: contain;
}

.workSec__lead
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    min-height: 97px;
    padding: 17px 22px 0;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__lead
    {
        font-size: 1.1713vw;

        min-height: 7.10102vw;
        padding: 1.24451vw 1.61054vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__lead
    {
        font-size: 1.36719vw;

        min-height: 7.8125vw;
        padding: 1.36719vw 1.75781vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__lead
    {
        font-size: 3.73333vw;

        min-height: 12.93333vw;
        padding: 2.26667vw 2.93333vw 0;
    }
}

.workSec__schedule
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 453px;
    margin-top: 17px;
    margin-bottom: 25px;
    padding: 0 22px;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__schedule
    {
        min-height: 33.16252vw;
        margin-top: 1.24451vw;
        margin-bottom: 1.83016vw;
        padding: 0 1.61054vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__schedule
    {
        min-height: auto;
        margin-top: 2.26667vw;
        margin-bottom: 3.33333vw;
        padding: 0 4.53333vw;
    }
}

.workSec__scheduleTtl
{
    font-size: 16px;
    font-weight: 700;

    width: 100px;
    padding: 7px 0;

    letter-spacing: 0;

    color: #fff;
    border-radius: 100vh;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__scheduleTtl
    {
        font-size: 1.1713vw;

        width: 7.32064vw;
        padding: .51245vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__scheduleTtl
    {
        font-size: 1.36719vw;

        width: 9.76562vw;
        padding: .68359vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__scheduleTtl
    {
        font-size: 3.73333vw;

        width: 26.66667vw;
        padding: .93333vw 0;
    }
}

.workSec__flowBox
{
    width: 100%;
    margin-top: 11px;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__flowBox
    {
        margin-top: .80527vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__flowBox
    {
        margin-top: 1.07422vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__flowBox
    {
        margin-top: 1.46667vw;
    }
}

.workSec__flowItem
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-bottom: 10px;

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

@media print, screen and (max-width: 1367px)
{
    .workSec__flowItem
    {
        margin-bottom: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__flowItem
    {
        margin-bottom: 1.46484vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__flowItem
    {
        margin-bottom: 2.66667vw;
    }
}

.workSec__flowItem:last-child
{
    margin-bottom: 0;
}

.workSec__time
{
    font-family: 'Jost', serif;
    font-size: 24px;
    font-weight: 600;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 87px;

    letter-spacing: 0;

    color: #008ce1;
    border-radius: 10px;

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

@media print, screen and (max-width: 1367px)
{
    .workSec__time
    {
        font-size: 1.75695vw;

        width: 6.36896vw;

        border-radius: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__time
    {
        font-size: 1.95312vw;

        width: 8.49609vw;

        border-radius: .97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__time
    {
        font-size: 3.73333vw;

        width: 16vw;

        border-radius: 1.33333vw;
    }
}

.workSec__time--01
{
    background-color: #f8fbff;
}

.workSec__time--02
{
    background-color: #d8e9ff;
}

.workSec__time--03
{
    background-color: #f4fff9;
}

.workSec__time--04
{
    background-color: #d3efdf;
}

.workSec__flowTxt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;

    width: 280px;
    padding: 8px 0;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__flowTxt
    {
        font-size: 1.1713vw;

        width: 20.4978vw;
        padding: .58565vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__flowTxt
    {
        font-size: 1.36719vw;

        width: 22.46094vw;
        padding: .78125vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__flowTxt
    {
        font-size: 3.73333vw;

        width: 61.33333vw;
        padding: 2vw 0;
    }
}

.workSec__row
{
    font-size: 16px;
    font-weight: 500;

    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;

    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__row
    {
        font-size: 1.1713vw;

        margin-bottom: .73206vw;
        padding: .73206vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__row
    {
        font-size: 1.36719vw;

        margin-bottom: 1.46484vw;
        padding: 1.46484vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__row
    {
        font-size: 3.73333vw;

        margin-bottom: 2.66667vw;
        padding: 2vw 0;
    }
}

.workSec__txtBox
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 18px 10px;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__txtBox
    {
        padding: .95168vw 1.31772vw .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__txtBox
    {
        padding: .97656vw 1.46484vw 1.46484vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__txtBox
    {
        padding: 1.73333vw 2.4vw 4vw;
    }
}

.workSec__example
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__example
    {
        font-size: 1.1713vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__example
    {
        font-size: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__example
    {
        font-size: 3.73333vw;
    }
}

.workSec__txt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__txt
    {
        font-size: 1.1713vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__txt
    {
        font-size: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__txt
    {
        font-size: 3.73333vw;
    }
}

.workSec__readmore
{
    position: relative;

    padding-bottom: 50px;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__readmore
    {
        padding-bottom: 3.66032vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__readmore
    {
        padding-bottom: 5.37109vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__readmore
    {
        padding-bottom: 13.33333vw;
    }
}

.workSec__readmore label
{
    font-family: 'Noto Sans JP', serif;
    font-weight: 700;

    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;

    display: table;

    width: 200px;
    margin: 0 auto;
    padding: 10px 0;

    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;

    color: #fff;
    border-radius: 100vh;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__readmore label
    {
        width: 14.64129vw;
        padding: .73206vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__readmore label
    {
        width: 24.41406vw;
        padding: 1.46484vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__readmore label
    {
        width: 66.66667vw;
        padding: 2.66667vw 0;
    }
}

.workSec__readmore label:before
{
    font-size: 14px;

    content: '…もっと読む';
}

@media print, screen and (max-width: 1367px)
{
    .workSec__readmore label:before
    {
        font-size: 1.02489vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__readmore label:before
    {
        font-size: 1.5625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__readmore label:before
    {
        font-size: 3.73333vw;
    }
}

.workSec__readmore label:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 10px;
    height: 1px;
    margin: auto 0;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;

    background-color: #fff;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__readmore label:after
    {
        width: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__readmore label:after
    {
        width: 1.46484vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__readmore label:after
    {
        width: 4vw;
    }
}

.workSec__readmore label:hover
{
    -webkit-transition: .3s;
            transition: .3s;
}

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

.workSec__readmore input[type='checkbox']:checked ~ label::before
{
    content: '閉じる';
}

.workSec__readmore input[type='checkbox']:checked ~ .workSec__readmoreCont
{
    height: auto;
}

.workSec__readmoreCont
{
    position: relative;

    overflow: hidden;

    height: 0;
}

.workSec__stepFormat
{
    font-size: 16px;
    font-weight: 500;

    width: 203px;
    margin: 0 auto 14px;
    padding: 7px 0;

    letter-spacing: 0;

    color: #fff;
    border-radius: 15px;
    background-color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__stepFormat
    {
        font-size: 1.1713vw;

        width: 14.86091vw;
        margin: 0 auto 1.02489vw;
        padding: .51245vw 0;

        border-radius: 1.0981vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__stepFormat
    {
        font-size: 1.36719vw;

        width: 19.82422vw;
        margin: 0 auto 1.36719vw;
        padding: .68359vw 0;

        border-radius: 1.46484vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__stepFormat
    {
        font-size: 3.73333vw;

        width: 53.73333vw;
        margin: 5.33333vw auto 4vw;
        padding: 2.66667vw 0;

        border-radius: 5.33333vw;
    }
}

.workSec__stepTtlBox
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 30px;
    margin-bottom: 10px;

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

@media print, screen and (max-width: 1367px)
{
    .workSec__stepTtlBox
    {
        height: 2.19619vw;
        margin-bottom: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__stepTtlBox
    {
        height: 2.92969vw;
        margin-bottom: .97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__stepTtlBox
    {
        height: 8vw;
        margin-bottom: 4vw;
    }
}

.workSec__stepTtlBox--blue
{
    background-color: #d8e9ff;
}

.workSec__stepTtlBox--blue .workSec__stepNum
{
    background-color: #008ce1;
}

.workSec__stepTtlBox--blue .workSec__stepTtl > span
{
    color: #008ce1;
}

.workSec__stepTtlBox--green
{
    background-color: #d3efdf;
}

.workSec__stepTtlBox--green .workSec__stepNum
{
    background-color: #094;
}

.workSec__stepTtlBox--green .workSec__stepTtl > span
{
    color: #094;
}

.workSec__stepNum
{
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 77px;
    height: 30px;
    margin: auto;

    color: #fff;

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

@media print, screen and (max-width: 1367px)
{
    .workSec__stepNum
    {
        font-size: 1.1713vw;

        width: 5.6369vw;
        height: 2.19619vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__stepNum
    {
        font-size: 1.36719vw;

        width: 7.51953vw;
        height: 2.92969vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__stepNum
    {
        font-size: 3.73333vw;

        width: 16vw;
        height: 8vw;
    }
}

.workSec__stepTtl
{
    font-size: 20px;
    font-weight: 500;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__stepTtl
    {
        font-size: 1.46413vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__stepTtl
    {
        font-size: 1.5625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__stepTtl
    {
        font-size: 3.73333vw;
    }
}

.workSec__stepTxt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    margin-bottom: 20px;

    text-align: left;
}

@media print, screen and (max-width: 1367px)
{
    .workSec__stepTxt
    {
        font-size: 1.1713vw;

        margin-bottom: 1.46413vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .workSec__stepTxt
    {
        font-size: 1.36719vw;

        margin-bottom: 1.95312vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .workSec__stepTxt
    {
        font-size: 3.73333vw;

        margin-bottom: 6.66667vw;
    }
}

/* ============== .interviewSec ============== */
.interviewSec
{
    position: relative;

    width: 100%;
    padding-top: 93px;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec
    {
        padding-top: 6.8082vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec
    {
        padding-top: 9.08203vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec
    {
        padding-top: 13.33333vw;
    }
}

.interviewSec__bg
{
    position: absolute;
    top: 50px;
    left: 0;

    width: 65px;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__bg
    {
        top: 3.66032vw;

        width: 4.75842vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__bg
    {
        top: 4.88281vw;

        width: 6.34766vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__bg
    {
        top: 10.66667vw;

        width: 10.66667vw;
    }
}

.interviewSec__bg > img
{
    display: block;

    width: 100%;
}

.interviewSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 56px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__cont
    {
        margin-top: 4.09956vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__cont
    {
        margin-top: 5.46875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__cont
    {
        margin-top: 6.66667vw;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 6.66667vw 0;
    }
}

.interviewSec__item
{
    width: 208px;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__item
    {
        width: 15.22694vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__item
    {
        width: 17.57812vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__item
    {
        width: 42.66667vw;
    }
}

.interviewSec__item--blue .interviewSec__top:before
{
    background-image: url(../images/img_interview_blue.png);
}

.interviewSec__item--blue .interviewSec__tag > span
{
    color: #008ce1;
}

.interviewSec__item--blue .interviewSec__btn
{
    border: 1px solid #008ce1;
    background-color: #008ce1;
}

.interviewSec__item--blue .interviewSec__btn:hover
{
    color: #008ce1;
    background-color: white;
}

.interviewSec__item--blue .interviewSec__btn:hover::before
{
    background-color: #008ce1;
}

.interviewSec__item--green .interviewSec__top:before
{
    background-image: url(../images/img_interview_green.png);
}

.interviewSec__item--green .interviewSec__tag > span
{
    color: #094;
}

.interviewSec__item--green .interviewSec__btn
{
    border: 1px solid #094;
    background-color: #094;
}

.interviewSec__item--green .interviewSec__btn:hover
{
    color: #094;
    background-color: white;
}

.interviewSec__item--green .interviewSec__btn:hover::before
{
    background-color: #094;
}

.interviewSec__top
{
    position: relative;

    width: 100%;
    padding-bottom: 12px;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__top
    {
        padding-bottom: .87848vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__top
    {
        padding-bottom: 1.17188vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__top
    {
        padding-bottom: 1.6vw;
    }
}

.interviewSec__top:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 256px;

    content: '';

    background-repeat: no-repeat;
    background-size: contain;

    -webkit-filter: drop-shadow(30px 30px 30px rgba(62, 99, 150, .16));
            filter: drop-shadow(30px 30px 30px rgba(62, 99, 150, .16));
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__top:before
    {
        height: 18.74085vw;

        -webkit-filter: drop-shadow(2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16));
                filter: drop-shadow(2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16));
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__top:before
    {
        height: 21.48438vw;

        -webkit-filter: drop-shadow(2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16));
                filter: drop-shadow(2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16));
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__top:before
    {
        height: 52.66667vw;

        -webkit-filter: drop-shadow(4vw 4vw 4vw rgba(62, 99, 150, .16));
                filter: drop-shadow(4vw 4vw 4vw rgba(62, 99, 150, .16));
    }
}

.interviewSec__top:hover .interviewSec__photo > img
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.interviewSec__photo
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.interviewSec__photo > img
{
    display: block;

    width: 100%;

    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;
    /* ゆっくり変化させる */
}

.interviewSec__tag
{
    font-size: 14px;
    font-weight: 700;

    position: absolute;
    bottom: 0;
    left: 0;

    width: 115px;
    padding: 6px 0;

    white-space: nowrap;
    letter-spacing: 0;

    color: #1f1f1f;
    background-color: white;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__tag
    {
        font-size: 1.02489vw;

        width: 8.41874vw;
        padding: .43924vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__tag
    {
        font-size: 1.36719vw;

        width: 11.23047vw;
        padding: .58594vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__tag
    {
        font-size: 3.73333vw;

        width: 25.33333vw;
        padding: 1.33333vw 0;
    }
}

.interviewSec__tag--long
{
    width: 155px;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__tag--long
    {
        width: 11.347vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__tag--long
    {
        width: 15.13672vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__tag--long
    {
        width: 36vw;
    }
}

.interviewSec__name
{
    font-family: 'Jost', serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.05;

    margin-top: 10px;

    letter-spacing: 0;

    color: white;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__name
    {
        font-size: 1.46413vw;

        margin-top: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__name
    {
        font-size: 1.95312vw;

        margin-top: .97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__name
    {
        font-size: 4vw;

        margin-top: 2vw;
    }
}

.interviewSec__btn
{
    font-size: 14px;
    font-weight: 700;

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 200px;
    margin: 0 auto;
    margin-top: 13px;
    padding: 8px 0;

    -webkit-transition: .3s;
            transition: .3s;
    letter-spacing: 0;

    color: white;
    border-radius: 100vh;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__btn
    {
        font-size: 1.02489vw;

        width: 14.64129vw;
        margin-top: .95168vw;
        padding: .58565vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__btn
    {
        font-size: 1.36719vw;

        width: 100%;
        margin-top: 1.26953vw;
        padding: .78125vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__btn
    {
        font-size: 3.73333vw;

        width: 100%;
        margin-top: 2vw;
        padding: 2vw 0;
    }
}

.interviewSec__btn:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 10px;
    height: 1px;
    margin: auto 0;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;

    background-color: white;
}

@media print, screen and (max-width: 1367px)
{
    .interviewSec__btn:before
    {
        width: .73206vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .interviewSec__btn:before
    {
        width: .97656vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .interviewSec__btn:before
    {
        width: 2.66667vw;
    }
}

.interviewSec__btn:hover
{
    -webkit-transition: .3s;
            transition: .3s;
}

/* ============== .intModal ============== */
.intModal
{
    width: 100%;
}

.intModal__fv
{
    position: relative;

    width: 100%;
}

.intModal__fvPhoto
{
    width: 100%;
}

.intModal__fvPhoto > img
{
    display: block;

    width: 100%;
}

@media print, screen and (max-width: 480px)
{
    .intModal__fvPhoto > img
    {
        height: 66.66667vw;

        -o-object-fit: cover;
           object-fit: cover;
    }
}

.intModal__txtBox
{
    position: absolute;
    bottom: 10px;
    left: 11px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 520px;
    padding: 19px 23px 20px 31px;

    background-color: rgba(255, 255, 255, .8);
}

@media print, screen and (max-width: 1367px)
{
    .intModal__txtBox
    {
        bottom: .73206vw;
        left: .80527vw;

        width: 38.06735vw;
        padding: 1.39092vw 1.68375vw 1.46413vw 2.2694vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__txtBox
    {
        bottom: .97656vw;
        left: 1.07422vw;

        width: 50.78125vw;
        padding: 1.85547vw 2.24609vw 1.95312vw 3.02734vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__txtBox
    {
        bottom: 1.33333vw;
        left: 1.46667vw;

        width: 80vw;
        padding: 2.53333vw 2.66667vw 2.66667vw 2.66667vw;
    }
}

.intModal__ttl
{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.46;

    margin-bottom: 11px;

    text-align: left;
    letter-spacing: 0;

    color: #1f1f1f;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__ttl
    {
        font-size: 2.19619vw;

        margin-bottom: .80527vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__ttl
    {
        font-size: 2.92969vw;

        margin-bottom: 1.07422vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__ttl
    {
        font-size: 4.66667vw;

        margin-bottom: 1.46667vw;
    }
}

.intModal__name
{
    font-family: 'Jost', serif;
    font-size: 23px;
    font-weight: 700;

    margin-bottom: 8px;

    text-align: left;
    text-align: left;
    letter-spacing: 0;

    color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__name
    {
        font-size: 1.68375vw;

        margin-bottom: .58565vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__name
    {
        font-size: 2.24609vw;

        margin-bottom: .78125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__name
    {
        font-size: 3.73333vw;

        margin-bottom: 1.06667vw;
    }
}

.intModal__txt
{
    font-size: 14px;
    font-weight: 500;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__txt
    {
        font-size: 1.02489vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__txt
    {
        font-size: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__txt
    {
        font-size: 3.73333vw;
        line-height: 1.3;
    }
}

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

@media print, screen and (max-width: 1367px)
{
    .intModal__cont
    {
        margin-top: 4.39239vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__cont
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__cont
    {
        margin-top: 8vw;
    }
}

.intModal__item
{
    width: 100%;
    margin-bottom: 60px;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__item
    {
        margin-bottom: 4.39239vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__item
    {
        margin-bottom: 5.85938vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__item
    {
        margin-bottom: 8vw;
    }
}

.intModal__item:last-child
{
    margin-bottom: 0;
}

.intModal__q
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 20px;
    padding: 10px 8px;

    text-align: left;
    letter-spacing: 0;

    color: white;
    background-color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__q
    {
        font-size: 1.46413vw;

        margin-bottom: 1.46413vw;
        padding: .73206vw .58565vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__q
    {
        font-size: 1.95312vw;

        margin-bottom: 1.95312vw;
        padding: .97656vw .78125vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__q
    {
        font-size: 3.73333vw;

        margin-bottom: 2.66667vw;
        padding: 2vw 0 2vw 2vw;
    }
}

.intModal__lead
{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.46;

    margin-bottom: 14px;

    text-align: left;
    letter-spacing: 0;

    color: #094;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__lead
    {
        font-size: 2.19619vw;

        margin-bottom: 1.02489vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__lead
    {
        font-size: 2.92969vw;

        margin-bottom: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__lead
    {
        font-size: 4.66667vw;

        margin-bottom: 1.86667vw;
    }
}

.intModal__a
{
    font-size: 16px;
    line-height: 1.875;

    margin-bottom: 16px;

    text-align: left;
    letter-spacing: 0;

    color: #000;
}

@media print, screen and (max-width: 1367px)
{
    .intModal__a
    {
        font-size: 1.1713vw;

        margin-bottom: 1.1713vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .intModal__a
    {
        font-size: 1.5625vw;

        margin-bottom: 1.5625vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .intModal__a
    {
        font-size: 3.73333vw;

        margin-bottom: 2.66667vw;
    }
}

.intModal__photo
{
    width: 100%;
}

.intModal__photo > img
{
    display: block;

    width: 100%;
}

/* ============== .numberSec ============== */
.numberSec
{
    position: relative;

    padding-top: 140px;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec
    {
        padding-top: 10.2489vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec
    {
        padding-top: 13.67188vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec
    {
        padding-top: 18.66667vw;
    }
}

.numberSec::before
{
    position: absolute;
    top: 60px;
    left: 0;

    width: 167px;
    height: 196px;

    content: '';

    background-image: url(../images/img_number_bg_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec::before
    {
        top: 4.39239vw;

        width: 12.22548vw;
        height: 14.34846vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec::before
    {
        top: 5.85938vw;

        width: 16.30859vw;
        height: 19.14062vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec::before
    {
        top: 8vw;

        width: 22.26667vw;
        height: 26.13333vw;
    }
}

.numberSec::after
{
    position: absolute;
    top: 0;
    right: 0;

    width: 115px;
    height: 230px;

    content: '';

    background-image: url(../images/img_number_bg_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec::after
    {
        width: 8.41874vw;
        height: 16.83748vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec::after
    {
        width: 11.23047vw;
        height: 22.46094vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec::after
    {
        width: 15.33333vw;
        height: 30.66667vw;
    }
}

.numberSec__topOuter
{
    max-width: 1366px;
    margin: 0 auto;
}

.numberSec__topInner
{
    position: relative;

    width: 1210px;
    margin-left: auto;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__topInner
    {
        width: 88.5798vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__topInner
    {
        width: 87.30469vw;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__topInner
    {
        width: 92vw;
    }
}

.numberSec__underOuter
{
    position: relative;

    margin: 0 auto;
}

.numberSec__underOuter::before
{
    position: absolute;
    right: 0;
    bottom: 180px;

    width: 65px;
    height: 137px;

    content: '';

    background-image: url(../images/img_number_bg_03.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__underOuter::before
    {
        bottom: 13.17716vw;

        width: 4.75842vw;
        height: 10.02928vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__underOuter::before
    {
        bottom: 17.57812vw;

        width: 6.34766vw;
        height: 13.37891vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__underOuter::before
    {
        bottom: 66.66667vw;

        width: 8.66667vw;
        height: 18.26667vw;
    }
}

.numberSec__underOutInner
{
    max-width: 1366px;
    margin: 0 auto;
}

.numberSec__underInner
{
    position: relative;

    width: 1145px;
    margin-left: 156px;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__underInner
    {
        width: 83.82138vw;
        margin-left: 11.4202vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__underInner
    {
        width: 87.30469vw;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__underInner
    {
        width: 92vw;
    }
}

.numberSec__txt
{
    font-size: 18px;
    font-weight: 700;

    margin: 58px 0 10px 0;

    text-align: left;
    letter-spacing: 0;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__txt
    {
        font-size: 1.31772vw;

        margin: 4.24597vw 0 .73206vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__txt
    {
        font-size: 1.5625vw;

        margin: 5.66406vw 0 .97656vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__txt
    {
        font-size: 3.73333vw;

        margin: 7.73333vw 0 1.33333vw 0;
    }
}

.numberSec__txt--active
{
    margin-top: 120px;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__txt--active
    {
        margin-top: 8.78477vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__txt--active
    {
        margin-top: 11.71875vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__txt--active
    {
        margin-top: 16vw;
    }
}

.numberSec__topSwiper
{
    position: relative;

    overflow: hidden;

    padding-bottom: 50px;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__topSwiper
    {
        padding-bottom: 3.66032vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__topSwiper
    {
        padding-bottom: 4.88281vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__topSwiper
    {
        padding-bottom: 8vw;
    }
}

.numberSec__underSwiper
{
    position: relative;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 50px 50px 0;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__underSwiper
    {
        padding: 0 3.66032vw 3.66032vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__underSwiper
    {
        padding: 0 0 4.88281vw 0;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__underSwiper
    {
        padding: 0 0 8vw 0;
    }
}

.numberSec__slide
{
    position: relative;

    width: 260px;

    -webkit-box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
            box-shadow: 30px 30px 30px rgba(62, 99, 150, .16);
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__slide
    {
        width: 19.03367vw;

        -webkit-box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
                box-shadow: 2.19619vw 2.19619vw 2.19619vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__slide
    {
        width: 25.39062vw;

        -webkit-box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
                box-shadow: 2.92969vw 2.92969vw 2.92969vw rgba(62, 99, 150, .16);
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__slide
    {
        width: 34.66667vw;

        -webkit-box-shadow: 4vw 5.33333vw 4vw rgba(62, 99, 150, .16);
                box-shadow: 4vw 5.33333vw 4vw rgba(62, 99, 150, .16);
    }
}

.numberSec__slide > img
{
    display: block;

    width: 100%;
}

.numberSec__slide::after
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 45px;
    height: 39px;

    content: '';

    background-image: url(../images/img_number_triangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1367px)
{
    .numberSec__slide::after
    {
        width: 3.29429vw;
        height: 2.85505vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .numberSec__slide::after
    {
        width: 4.39453vw;
        height: 3.80859vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .numberSec__slide::after
    {
        width: 14.66667vw;
        height: 12.93333vw;
    }
}

/* ============== .spCta ============== */
.spCta
{
    display: none;
}

@media print, screen and (max-width: 480px)
{
    .spCta
    {
        font-size: 4.61538vw;
        font-weight: 700;

        position: fixed;
        z-index: 5555;
        right: 0;
        bottom: 2.05128vw;
        left: 0;

        display: block;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 84.10256vw;
        margin: 0 auto;
        padding: 2.82051vw 0 3.58974vw;

        text-align: center;

        color: #fff;
        border: .51282vw solid #fff;
        border-radius: 100vh;
        background-color: #094;
    }
}

/* ============== .topBtn ============== */
.topBtn
{
    font-family: 'Jost', serif;
    font-size: 11px;
    font-weight: 600;

    position: relative;
    position: fixed;
    z-index: 4444;
    right: 15px;
    bottom: 24px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 67px;
    height: 67px;
    padding-top: 38px;

    letter-spacing: 0;

    color: #008ce2;
    border: 1px solid #008ce2;
    border-radius: 50%;
    background-color: white;

    -webkit-filter: drop-shadow(0px 3px 6px rgba(62, 99, 150, .16));
            filter: drop-shadow(0px 3px 6px rgba(62, 99, 150, .16));
}

@media print, screen and (max-width: 1367px)
{
    .topBtn
    {
        font-size: .80527vw;

        right: 1.0981vw;
        bottom: 1.75695vw;

        width: 4.90483vw;
        height: 4.90483vw;
        padding-top: 2.78184vw;

        -webkit-filter: drop-shadow(0vw .15625vw .3125vw rgba(62, 99, 150, .16));
                filter: drop-shadow(0vw .15625vw .3125vw rgba(62, 99, 150, .16));
    }
}

@media print, screen and (max-width: 1025px)
{
    .topBtn
    {
        font-size: 1.07422vw;

        right: 1.46484vw;
        bottom: 2.34375vw;

        width: 6.54297vw;
        height: 6.54297vw;
        padding-top: 3.71094vw;

        -webkit-filter: drop-shadow(0vw .29297vw .58594vw rgba(62, 99, 150, .16));
                filter: drop-shadow(0vw .29297vw .58594vw rgba(62, 99, 150, .16));
    }
}

@media print, screen and (max-width: 480px)
{
    .topBtn
    {
        font-size: 1.79487vw;

        right: 3.84615vw;
        bottom: 16.66667vw;

        width: 12.82051vw;
        height: 12.82051vw;
        padding-top: 6.66667vw;

        -webkit-filter: drop-shadow(0vw .76923vw 1.53846vw rgba(62, 99, 150, .16));
                filter: drop-shadow(0vw .76923vw 1.53846vw rgba(62, 99, 150, .16));
    }
}

.topBtn:before
{
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;

    width: 19px;
    height: 14px;
    margin: 0 auto;

    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background-image: url(../images/img_top_btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 1367px)
{
    .topBtn:before
    {
        top: 1.46413vw;

        width: 1.39092vw;
        height: 1.02489vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topBtn:before
    {
        top: 1.95312vw;

        width: 1.85547vw;
        height: 1.36719vw;
    }
}

@media print, screen and (max-width: 480px)
{
    .topBtn:before
    {
        top: 2.5641vw;

        width: 4.87179vw;
        height: 3.58974vw;
    }
}

.topBtn:hover
{
    opacity: .7;
}