html {
    font-size: 10px
}

body {
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 2.2rem
}

p {
    line-height: 1.8
}

h2 {
    font-size: 3.6rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    color: #585858;
    margin: 0 0 50px
}

h3 {
    font-size: 2.4rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    line-height: 1.8
}

a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

/*   header   */
#header {
    width: 100%;
    /*min-width:1300px;*/
    background-color: white;
    margin: 0 auto;
}

.header_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 10px;
    display: flex;
    justify-content: space-between;
}

.logo {
    width: 257px;
    margin-left: 0;
}

.login_top {
    width: 90px;
    border-radius: 7px;
    border: 1px solid #727dab;
    padding: 7px 0;
    margin-top: 8px;
    display: block;
    text-align: center;
}

.login_bt {
    color: #727dab;
    font-size: 1.2rem;
}

.login_bt a {
    color: #727dab;
}

.login_bt a:hover {
    background: linear-gradient(to right, #727dab, #7683a0);
    color: white;
}

@media screen and (max-width: 768px) {

    #header {
        width: 100%;
        margin: 0 auto;
        background-color: white;
    }

    .header_wrap {
        width: 93.3%;
        margin: 0 auto;
        padding: 1.5% 0;
        display: flex;
        justify-content: space-between;
    }

    .logo img {
        width: 70%;
        margin-left: 0;
    }

    .login_top {
        border-radius: 7px;
        border: 1px solid #727dab;
        text-align: center;
        padding: 7% 0;
        display: block;
        font-size: 1rem;
    }

    .login_bt {
        /*        width:21%;*/
        color: #727dab;
        display: block;
        margin-top: 1px;
        margin-right: 0;
    }

    .login_bt a {
        display: block;
        color: #727dab;
        font-size: 1em;
    }

    .login_bt a:hover {
        background: linear-gradient(to right, #727dab, #7683a0);
        color: white;
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    #header {
        width: 100%;
        margin: 0 auto;
        background-color: white;
    }

    .header_wrap {
        width: 93.3%;
        margin: 0 auto;
        padding: 1.5% 0;
        display: flex;
        justify-content: space-between;
    }

    .logo img {
        width: 70%;
        margin-left: 0;
    }

    .login_top {
        border-radius: 7px;
        border: 1px solid #727dab;
        text-align: center;
        padding: 7% 0;
        display: block;
        font-size: 1rem;
    }

    .login_bt {
        /*        width:21%;*/
        color: #727dab;
        display: block;
        margin-top: 1px;
        margin-right: 0;
    }

    .login_bt a {
        display: block;
        color: #727dab;
        font-size: 1em;
    }

    .login_bt a:hover {
        background: linear-gradient(to right, #727dab, #7683a0);
        color: white;
    }

}

    .cta {
        text-align: center;
        letter-spacing: 0.08em
    }

    .cta .caption {
        display: none
    }

    .cta a {
        padding: 33px 60px 33px 58px;
        color: #fff;
        background: linear-gradient(70deg, #FB915F 0%, #F5689D 51%, #FB915F 100%);
        border-radius: 6px;
        display: inline-block;
        font-weight: 700;
        font-size: 3.4rem;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
        position: relative;
        background-position: 1% 50%;
        background-size: 200% auto
    }

    .cta a:hover {
        background-position: 99% 50%
    }

    .cta a:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 0;
        margin: -6px 40px 0 0
    }

    .fv_cta a {
        width: 100%
    }

    .fv_cta .caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fv_cta .caption div {
        font-size: 2.2rem;
        margin: 0 0 15px;
        position: relative;
        display: inline-block;
        padding: 6px 58px;
        border: solid 1px #F5689D;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        background: #fff
    }

    .fv_cta .caption div:before {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        margin-left: -15px;
        border: 12px solid transparent;
        border-top: 15px solid #FFF;
        z-index: 2
    }

    .fv_cta .caption div:after {
        content: "";
        position: absolute;
        bottom: -23px;
        left: 50%;
        margin-left: -13px;
        border: 10px solid transparent;
        border-top: 12px solid #F5689D;
        z-index: 1
    }

    .desktop {
        display: block
    }

    .mobile {
        display: none
    }

    .benefits_wrapper .inner,
    .use_company_wrapper .inner,
    footer .inner {
        width: 1200px;
        margin: 0 auto
    }

    .visual_wrapper {
        width: 100%
    }

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

    .visual_wrapper .inner .center_box {
        width: 643px;
        padding: 60px
    }

    .visual_wrapper .inner .center_box .lead_text {
        /*FVテキストサイズ変更*/
        font-size: 3.8rem;
        letter-spacing: 0.08em;
        line-height: 1.7;
        font-weight: 500
    }

    .visual_wrapper .inner .center_box .lead_text span {
        background: #fff;
        padding: 0 0 0 10px;
        color: #585858
    }

    .visual_wrapper .inner .center_box .lead_text .emphasis {
        background: linear-gradient(70deg, #A39FC9, #8CAFC8);
        color: #fff;
        padding: 0 10px
    }

    .visual_wrapper .inner .center_box h1 {
        text-align: center;
        margin: 50px 0 60px
    }

    .visual_wrapper .inner .left_box,
    .visual_wrapper .inner .right_box {
        -ms-flex-preferred-size: calc(50% - 321.5px);
        flex-basis: calc(50% - 321.5px)
    }

    .visual_wrapper .inner .left_box .visual_left,
    .visual_wrapper .inner .left_box .visual_right,
    .visual_wrapper .inner .right_box .visual_left,
    .visual_wrapper .inner .right_box .visual_right {
        background-size: cover;
        height: 100%;
        background-repeat: no-repeat
    }

    .visual_wrapper .inner .left_box .visual_left {
        background-image: url(../image/img_visual_left.jpg);
        background-position: 20% center
    }

    .visual_wrapper .inner .right_box .visual_right {
        background-image: url(../image/img_visual_right.jpg);
        background-position: 70% center
    }

    .use_company_wrapper {
        background: linear-gradient(70deg, #C4C1E2, #B4D0E5);
        padding: 50px 0 60px
    }

    .use_company_wrapper .inner ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .use_company_wrapper .inner ul li {
        background: #fff;
        font-weight: bold;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        margin-bottom: 20px;
        width: calc((100% / 5) - (25px * 4 / 5));
        padding: 16px 75px 16px 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: bottom right;
        min-height: 92px
    }

    .use_company_wrapper .inner ul li:first-child {
        background-image: url(../image/use_company_1_img.jpg)
    }

    .use_company_wrapper .inner ul li:nth-child(2) {
        background-image: url(../image/use_company_2_img.jpg)
    }

    .use_company_wrapper .inner ul li:nth-child(3) {
        background-image: url(../image/use_company_3_img.jpg)
    }

    .use_company_wrapper .inner ul li:nth-child(4) {
        background-image: url(../image/use_company_4_img.jpg)
    }

    .use_company_wrapper .inner ul li:nth-child(5) {
        background-image: url(../image/use_company_5_img.jpg)
    }

    .use_company_wrapper .inner ul li div {
        width: 120px;
        font-size: 2rem;
        line-height: 1.5
    }

    .use_company_wrapper .inner .sub_text {
        font-size: 1.4rem;
        color: #666;
        text-align: right
    }

    .contents-list {
        display: flex;
        position: relative;
        width: 95%;
        max-width: 1600px;
        margin: 0 auto;
        z-index: 10;
        margin-bottom: 20px;
    }

    .contents-list li {
        width: 30.333%;
        margin: 0 4.5% 0 0;
        background-color: #fff;
        transform: translateY(30px);
        opacity: 0;
        transition-property: transform, opacity;
        transition-duration: 1.0s;
        border-radius: 10px;
    }

    .contents-list li:nth-child(1).scrollin {
        transform: translateY(0);
        opacity: 1;
    }

    .contents-list li:nth-child(2).scrollin {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .1s
    }

    .contents-list li:nth-child(3).scrollin {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .2s
    }

    .contents-list li:last-child {
        margin: 0;
    }

    .contents-list li a {
        display: block;
        height: 100%;
        background-color: #fff;
        transition: all .3s;
    }

    .contents-list li a:hover {
        box-shadow: 0px 32px 35px rgba(0, 0, 0, 0.1);
    }

    .contents-list-img {
        margin-bottom: 10px;
        padding: 10px 10px;
    }

    .contents-list-img img {
        width: 100%;
        border-radius: 10px;
    }

    .contents-list-info {
        position: relative;
        padding: 0 20px 20px;
    }

    .contents-list-title {
        font-weight: bold;
        font-size: 3.5rem;
    }

    .income {
        font-weight: bold;
        margin-bottom: 18px;
        font-size: 2.7rem;
        background-image: linear-gradient(90deg, rgba(196, 182, 197, 1), rgba(35, 117, 163, 1));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .contents-list-category {
        margin-bottom: 0;
    }

    .contents-list-category span {
        display: inline-block;
        padding: 0 10px;
        font-size: 1.1rem;
        color: #fff;
        background-image: linear-gradient(90deg, rgba(196, 182, 197, 1), rgba(35, 117, 163, 1));
        border-radius: 10px;
        line-height: 21px;
        letter-spacing: 0.01em;
    }

    .features_wrapper {
        padding: 50px 0 60px
    }

    .features_wrapper .features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 0 120px
    }

    .features_wrapper .features:nth-last-of-type(2) {
        margin: 0 0 60px
    }

    .features_wrapper .features:nth-child(2n) .features_text {
        background: linear-gradient(70deg, #5383A5, #80A5BF)
    }

    .features_wrapper .features:nth-child(2n) .features_text section {
        float: right;
        padding: 70px 40px 70px 0
    }

    .features_wrapper .features:nth-child(2n) .features_img .inner {
        padding: 0 0 0 60px
    }

    .features_wrapper .features:nth-child(odd) .features_text {
        background: linear-gradient(70deg, #726DA2, #A39FC9);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .features_wrapper .features:nth-child(odd) .features_text section {
        float: left;
        padding: 70px 0 70px 40px
    }

    .features_wrapper .features:nth-child(odd) .features_img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .features_wrapper .features:nth-child(odd) .features_img .inner {
        float: right;
        padding: 0 60px 0 0
    }

    .features_wrapper .features .features_img,
    .features_wrapper .features .features_text {
        overflow: hidden
    }

    .features_wrapper .features .features_text {
        width: 46%;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
    }

    .features_wrapper .features .features_text section {
        width: calc(478px + 70px);
        float: right;
        color: #fff
    }

    .features_wrapper .features .features_text section h3 {
        margin: 0 0 50px;
        font-size: 3rem
    }

    .features_wrapper .features .features_img {
        width: 54%
    }

    .features_wrapper .features .features_img .inner {
        width: 640px
    }

    .benefits_wrapper {
        background: #F0F0F0;
        padding: 50px 0 60px
    }

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

    .benefits_wrapper .inner div {
        width: calc((100% / 3) - (88px * 2 / 3))
    }

    .benefits_wrapper .inner div img {
        margin: 0 0 20px
    }

    .benefits_wrapper .inner div h3 {
        margin: 0 0 20px;
        color: #666;
        line-height: 1.7
    }

    .benefits_wrapper .inner div p {
        line-height: 1.7
    }

    .benefits_wrapper .inner div .desktop {
        display: inline-block
    }

    .benefits_wrapper .inner div .mobile {
        display: none
    }

    .cv_wrapper {
        background-image: url(../image/img_cv.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .cv_wrapper .inner {
        background: rgba(0, 0, 0, 0.2);
        padding: 70px 0 55px
    }

    .cv_wrapper .inner h2 {
        color: #fff;
        margin: 0 0 40px
    }

    footer {
        padding: 60px 0
    }

    footer .inner {
        text-align: center
    }

    footer .inner ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .inner ul li {
        margin: 0 30px 0 0
    }

    footer .inner ul li:last-child {
        margin: 0
    }

    footer .inner .footer_logo {
        margin: 30px 0
    }

    footer .inner .footer_logo img {
        height: 97px;
        width: auto
    }

    footer .inner a {
        color: #585858;
        font-size: 1.6rem
    }

    footer .inner p small {
        font-size: 1.6rem;
        color: #919191
    }

    @media (max-width:1200px) {
        body {
            font-size: 1.833vw
        }

        h2 {
            font-size: 3vw;
            margin: 0 0 4.167vw
        }

        h3 {
            font-size: 2vw
        }

        .benefits_wrapper .inner,
        .use_company_wrapper .inner,
        footer .inner {
            width: 100%
        }

        .cta a {
            padding: 2.75vw 3.333vw 2.75vw 3.333vw;
            font-size: 2.833vw
        }

        .cta a:after {
            width: 14px;
            height: 14px;
            margin: -5px 18px 0 0
        }

        .fv_cta .caption div {
            font-size: 1.833vw
        }

        .visual_wrapper .inner .center_box {
            width: 50%;
            padding: 50px 40px
        }

        .visual_wrapper .inner .center_box .lead_text {
            font-size: 2.833vw
        }

        .visual_wrapper .inner .center_box h1 img {
            width: 90%;
            height: auto
        }

        .visual_wrapper .inner .left_box,
        .visual_wrapper .inner .right_box {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%
        }

        .visual_wrapper .inner .left_box .visual_left {
            background-position: 30% center
        }

        .visual_wrapper .inner .right_box .visual_right {
            background-position: 80% center
        }

        .use_company_wrapper {
            padding: 4.167vw 0 5vw
        }

        .use_company_wrapper .inner ul li {
            font-weight: bold;
            padding: 1.333vw 6.25vw 1.333vw 2.083vw;
            background-size: auto 6.833vw
        }

        .use_company_wrapper .inner ul li:first-child {
            background-image: url(../image/use_company_1_img.jpg)
        }

        .use_company_wrapper .inner ul li:nth-child(2) {
            background-image: url(../image/use_company_2_img.jpg)
        }

        .use_company_wrapper .inner ul li:nth-child(3) {
            background-image: url(../image/use_company_3_img.jpg)
        }

        .use_company_wrapper .inner ul li:nth-child(4) {
            background-image: url(../image/use_company_4_img.jpg)
        }

        .use_company_wrapper .inner ul li:nth-child(5) {
            background-image: url(../image/use_company_5_img.jpg)
        }

        .use_company_wrapper .inner ul li div {
            font-size: 1.667vw
        }

        .contents-list li {
            transform: translateY(20px);
            opacity: 0;
            transition-property: transform, opacity;
            transition-duration: 0.8s;
        }

        .contents-list li.scrollin {
            transform: translateY(0);
            opacity: 1;
        }

        .contents-list li:last-child {
            margin-bottom: 0;
        }

        .contents-list li a {
            display: block;
            background-color: #fff;
        }

        .contents-list-img {
            margin-bottom: 5px;
            padding: 10px 10px;
        }

        .contents-list-img img {
            width: 100%;
        }

        .contents-list-info {
            position: relative;
            padding: 0 25px 25px;
        }

        .contents-list-title {
            font-size: 2.5rem;
        }

        .income {
            margin-bottom: 10px;
            font-size: 2.0rem;
            background-image: linear-gradient(90deg, rgba(196, 182, 197, 1), rgba(35, 117, 163, 1));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .contents-list-category span {
            display: inline-block;
            padding: 0 10px;
            font-size: 1.0rem;
            color: #fff;
            background-color: #5E1608;
            border-radius: 10px;
            line-height: 20px;
            letter-spacing: 0.01em;
        }

        .features_wrapper {
            padding: 4.167vw 0 5vw
        }

        .features_wrapper .features {
            margin: 0 0 10vw
        }

        .features_wrapper .features:nth-last-of-type(2) {
            margin: 0 0 5vw
        }

        .features_wrapper .features:nth-child(2n) .features_text section {
            padding: 5.833vw 3.333vw 5.833vw 0
        }

        .features_wrapper .features:nth-child(2n) .features_img .inner {
            padding: 0 0 0 5vw
        }

        .features_wrapper .features:nth-child(odd) .features_text section {
            padding: 5.833vw 0 5.833vw 3.333vw
        }

        .features_wrapper .features:nth-child(odd) .features_img .inner {
            padding: 0 5vw 0 0
        }

        .features_wrapper .features .features_text section {
            width: 100%
        }

        .features_wrapper .features .features_text section h3 {
            font-size: 2.5vw;
            margin: 0 0 4.167vw
        }

        .features_wrapper .features .features_img {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .features_wrapper .features .features_img .inner {
            width: 100%
        }

        .features_wrapper .features .features_img .inner img {
            max-width: 100%;
            height: auto
        }

        .benefits_wrapper {
            padding: 4.167vw 0 5vw
        }

        .benefits_wrapper .inner div {
            width: calc((100% / 3) - (7.333vw * 2 / 3))
        }

        .benefits_wrapper .inner div img {
            margin: 0 0 20px;
            width: 100%;
            height: auto
        }

        .benefits_wrapper .inner div h3 {
            margin: 0 0 20px
        }

        .cv_wrapper .inner {
            padding: 5.833vw 0 4.583vw
        }

        .cv_wrapper .inner h2 {
            margin: 0 0 3.333vw
        }
    }

    @media (max-width:768px) {
        h2 {
            font-size: 6.4vw;
            margin: 0 0 30px
        }

        h3 {
            font-size: 5.333vw
        }

        .cta a {
            font-size: 5.333vw;
            padding: 5.867vw 13.333vw 5.867vw 10.133vw;
            width: 90%
        }

        .cta a:after {
            width: 12px;
            height: 12px;
            margin: -4px 34px 0 0
        }

        .fv_cta a {
            width: 100%
        }

        .fv_cta .caption div {
            font-size: 4.267vw
        }

        .desktop {
            display: none
        }

        .mobile {
            display: block
        }

        .visual_wrapper {
            padding: 20px
        }

        .visual_wrapper .inner {
            display: block
        }

        .visual_wrapper .inner .center_box {
            width: 100%;
            padding: 0;
            margin: -18.133vw 0 0
        }

        .visual_wrapper .inner .center_box .lead_text {
            margin: 0 0 1.067vw 20px;
            font-size: 5.333vw
        }

        .visual_wrapper .inner .center_box .lead_text span {
            padding: 0 10px
        }

        .visual_wrapper .inner .center_box h1 {
            margin: 35px 0 40px
        }

        .visual_wrapper .inner .center_box h1 img {
            width: 80%
        }

        .visual_wrapper .inner .left_box {
            height: 53.333vw
        }

        .visual_wrapper .inner .left_box .visual_left {
            background-position: center -15px
        }

        .visual_wrapper .inner .right_box {
            height: 42.667vw;
            margin: -13px 0 0
        }

        .visual_wrapper .inner .right_box .visual_right {
            background-position: top center
        }

        .use_company_wrapper {
            padding: 30px 0 40px
        }

        .use_company_wrapper h2 {
            font-size: 5.0vw;
        }

        .use_company_wrapper .inner .company_list {
            -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            position: relative;
            width: 70%;
            margin: 0 auto
        }

        .use_company_wrapper .inner .company_list ul {
            display: block;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
        }

        .use_company_wrapper .inner .company_list ul li {
            width: 100%;
            margin: 0;
            font-weight: bold;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 20px 30px 0 46px;
            position: relative;
            background-image: none;
            min-height: auto
        }

        .use_company_wrapper .inner .company_list ul li:before {
            position: absolute;
            content: "";
            top: 32px;
            left: 30px;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: #8CAFC8
        }

        .use_company_wrapper .inner .company_list ul li:last-child {
            padding: 20px 30px 22.933vw 46px
        }

        .use_company_wrapper .inner .company_list ul li div {
            width: 100%;
            font-size: 4.267vw
        }

        .use_company_wrapper .inner .company_list .company_img {
            width: 126%;
            position: absolute;
            bottom: -1px;
            right: 0;
            margin: 0 -13% 0 0
        }

        .use_company_wrapper .inner .company_list .company_img img {
            width: 100%;
            height: auto
        }

        .use_company_wrapper .inner .sub_text {
            text-align: center;
            margin: 20px 0;
            font-size: 3.2vw
        }

        .contents-list {
            display: flex;
            position: relative;
            z-index: 10;
        }

        .contents-list li {
            width: 32%;
            margin: 0 5% 0 0;
            background-color: #fff;
            transform: translateY(25px);
            opacity: 0;
            transition-property: transform, opacity;
            transition-duration: 0.8s;
        }

        .contents-list li:nth-child(1).scrollin {
            transform: translateY(0);
            opacity: 1;
        }

        .contents-list li:nth-child(2).scrollin {
            transform: translateY(0);
            opacity: 1;
            transition-delay: .1s
        }

        .contents-list li:nth-child(3).scrollin {
            transform: translateY(0);
            opacity: 1;
            transition-delay: .2s
        }

        .contents-list li:last-child {
            margin: 0;
        }

        .contents-list li a {
            display: block;
            background-color: #fff;
        }

        .contents-list-img {
            margin-bottom: 8px;
            padding: 4px 4px 0;
        }

        .contents-list-info {
            position: relative;
            padding: 0 8px 1px;
        }

        .contents-list-title {
            font-size: 3.4vw;
            text-align: center;
        }

        .income {
            margin-bottom: 10px;
            font-size: 2.5vw;
            text-align: center;
            background-image: linear-gradient(90deg, rgba(196, 182, 197, 1), rgba(35, 117, 163, 1));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .contents-list-category {
            margin-bottom: 10px;
            display: none;
        }

        .contents-list-category span {
            display: inline-block;
            padding: 0 10px;
            font-size: 1.0rem;
            color: #fff;
            background-color: #5E1608;
            border-radius: 10px;
            line-height: 20px;
            letter-spacing: 0.01em;
        }

        .features_wrapper {
            padding: 0 0 20px
        }

        .features_wrapper .features {
            display: block;
            margin: 0;
            -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
        }

        .features_wrapper .features:nth-last-of-type(2) {
            margin: 0
        }

        .features_wrapper .features h2 {
            color: #fff
        }

        .features_wrapper .features:first-of-type {
            padding: 30px 0 25px
        }

        .features_wrapper .features:nth-child(2n) .features_text section {
            padding: 30px 20px
        }

        .features_wrapper .features:nth-child(2n) .features_img {
            width: 86%;
            margin: 0 auto
        }

        .features_wrapper .features:nth-child(2n) .features_img .inner {
            padding: 0 20px 20px 20px
        }

        .features_wrapper .features:nth-child(odd) .features_text section {
            padding: 30px 20px
        }

        .features_wrapper .features:nth-child(odd) .features_img {
            width: 86%;
            margin: 0 auto
        }

        .features_wrapper .features:nth-child(odd) .features_img .inner {
            padding: 0 20px 20px 20px
        }

        .features_wrapper .features .features_img,
        .features_wrapper .features .features_text {
            width: 86%;
            margin: 0 auto
        }

        .features_wrapper .features .features_text {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .features_wrapper .features .features_text section {
            background: #fff
        }

        .features_wrapper .features .features_text section h3 {
            font-size: 5.333vw;
            margin: 0 0 30px
        }

        .features_wrapper .features .features_text section p {
            font-size: 3.733vw
        }

        .features_wrapper .features .features_img {
            background: #fff
        }

        .features_wrapper .features:first-child {
            z-index: 3
        }

        .features_wrapper .features:nth-child(2) {
            z-index: 2
        }

        .features_wrapper .features:nth-child(3) {
            z-index: 1
        }

        .features_wrapper .features {
            padding: 25px 0;
            position: relative
        }

        .features_wrapper .features:nth-child(2n) {
            background: linear-gradient(70deg, #5383A5, #80A5BF)
        }

        .features_wrapper .features:nth-child(odd) {
            background: linear-gradient(70deg, #726DA2, #A39FC9)
        }

        .features_wrapper .features .features_text section {
            color: #333
        }

        .features_wrapper .cta {
            margin: 20px 0 0
        }

        .benefits_wrapper {
            padding: 50px 0 40px
        }

        .benefits_wrapper .inner {
            display: block;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
        }

        .benefits_wrapper .inner div {
            width: 81%;
            margin: 0 auto 40px
        }

        .benefits_wrapper .inner div:last-of-type {
            margin: 0 auto 0
        }

        .benefits_wrapper .inner div h3 {
            margin: 0 0 10px
        }

        .benefits_wrapper .inner div p {
            font-size: 3.733vw
        }

        .benefits_wrapper .inner div .desktop {
            display: none
        }

        .benefits_wrapper .inner div .mobile {
            display: inline-block
        }

        .cv_wrapper .inner {
            padding: 50px 0 40px
        }

        .cv_wrapper .inner h2 {
            font-size: 4.8vw;
            margin: 0 0 30px
        }

        footer {
            padding: 50px 0
        }

        footer .inner .footer_logo {
            margin: 50px 0
        }

        footer .inner .footer_logo img {
            height: 50px;
            width: auto
        }

        footer .inner a {
            font-size: 3.733vw
        }

        footer .inner p small {
            font-size: 3.2vw
        }
    }

    /*# sourceMappingURL=style.css.map */