html {
    font-size: calc(10/1440*100vw);
}

.sp_only {
    display: none !important;
}

@media(max-width:750px) {
    html {
        font-size: calc(10/750*100vw);
    }

    .pc_only {
        display: none !important;
    }
}

header {
    width: 100%;
    height: 8rem;
    padding: 0 22rem 0 17.4rem;
    background-color: #fff;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

h1 {
    width: 19.6rem;
    height: 4.6rem;
}

h1 img {
    width: 100%;
}

.headerBtn{
    gap: 1.4rem;
}

.headerBtn-doc_pc{
    display: inline-block;
    position: relative;
    margin-right: 1.4rem;

    width: 20.269rem;
    height: 4.147rem;

    border-radius: 2.1rem;
    overflow: hidden;
    background: linear-gradient(#cdef8b 10%, #B2EB42 20%, #3aa724 100%);
    box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5),
        inset 0px -6px 5px 1px rgba(80, 148, 21, 0.6);
}


.headerBtn-freeconsul_pc{
    display: inline-block;
    position: relative;
    width: 20.269rem;
    height: 4.147rem;

    border-radius: 2.1rem;
    overflow: hidden;
    background: linear-gradient(#f9b97f 10%, #f4a25d 20%, #f37312 100%);
    box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5), inset -1px -3px 3px 1px rgba(221, 112, 34, 0.7);
}

.headerBtn-doc_pc a img {
    display: block;
    margin-left: 6rem;
    width: 10.2rem;
    align-items: center;
}

.headerBtn-freeconsul_pc a img {
    display: block;
    margin-left: 5rem;
    width: 11.5rem;
    align-items: center;
}

.headerBtn-doc_pc:hover,
.headerBtn-freeconsul_pc:hover {
    transform: translateY(4px);
    box-shadow: none;
}


@media(max-width:750px) {
    header {
        width: 100%;
        height: 10.7rem;
        padding: 0 3.2rem 0;
        background-color: #fff;

        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    h1 {
        width: 25.2rem;
        height: 5.9rem;
    }

    h1 img {
        width: 100%;
    }

    .headerBtn {
        display: none;
    }
}

.mv,
.secondary,
.about,
.anxiety,
.appeal,
.introduction,
.works,
.voice,
.closing {
    width: 100%;
}

.mv-image,
.worry,
.experience,
.bgbuilding,
.solving,
.platform,
.why,
.together,
.int,
.partners,
.worksFlow,
.working,
.compareTable,
.voices,
.closingmassege,
.infoFlow {
    width: 100%;
}


.fv-cta_pc,
.center-cta_pc,
.info-cta_pc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.2rem;
}

.fv-cta_pc {
    height: 12.8rem;
    background-color: #c7e0f9;
}

.center-cta_pc {
    margin-bottom: 6rem;
}

.info-cta_pc {
    position: absolute;
    bottom: 7rem;
    left: 50%;
    transform: translateX(-50%);
}

.btn-doc,
.btn-freeconsul {
    width: 100%;
}

.fv-cta_sp,
.center-cta_sp,
.info-cta_sp {
    display: none;
}

/* .btn-doc:hover,
.btn-freeconsul:hover {
    transform: translateY(4px);
    box-shadow: none;
} */


.btn-doc_pc {
    display: inline-block;
    position: relative;
    width: 34.344rem;
    height: 7.028rem;

    border-radius: 3.2rem;
    overflow: hidden;
    background: linear-gradient(#cdef8b 10%, #B2EB42 20%, #3aa724 100%);
    box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5),
        inset 0px -6px 5px 1px rgba(80, 148, 21, 0.6);
}

.btn-freeconsul_pc {
    display: inline-block;
    position: relative;
    width: 34.344rem;
    height: 7.028rem;

    border-radius: 3.2rem;
    overflow: hidden;
    background: linear-gradient(#f9b97f 10%, #f4a25d 20%, #f37312 100%);
    box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5), inset -1px -3px 3px 1px rgba(221, 112, 34, 0.7);
}

.btn-doc_pc a img {
    display: block;
    margin-left: 11rem;
    width: 18.4rem;
    align-items: center;
}

.btn-freeconsul_pc a img {
    display: block;
    margin-left: 7rem;
    width: 21.9rem;
    align-items: center;
}

.btn-doc_pc:hover,
.btn-freeconsul_pc:hover {
    transform: translateY(4px);
    box-shadow: none;
}


@media(max-width:750px) {
    .mv {
        position: relative;
    }

    .fv-cta_sp {
        width: 100%;
        padding: 0 8.7rem;

        display: inline;
        position: absolute;
        bottom: 9.2rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .center-cta_sp {
        display: block;
        margin-bottom: 5rem;
    }

    .info-cta_sp {
        display: block;
        margin-bottom: 8rem;
    }

    .center-cta_sp button,
    .info-cta_sp button {
        display: block;
        margin: 0 auto;
        width: 60.261rem;
    }

    .fv-cta_sp button:nth-child(2n),
    .center-cta_sp button:nth-child(2n),
    .info-cta_sp button:nth-child(2n) {
        margin-top: 3rem;
    }

    .btn-doc_sp {
        display: inline-block;
        position: relative;
        width: 60.261rem;
        height: 12.331rem;
    
        border-radius: 6rem;
        overflow: hidden;
        background: linear-gradient(#cdef8b 10%, #B2EB42 20%, #3aa724 100%);
        box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5),
            inset 0px -6px 5px 1px rgba(80, 148, 21, 0.6);
    }
    
    .btn-freeconsul_sp {
        display: inline-block;
        position: relative;
        width: 60.261rem;
        height: 12.331rem;
    
        border-radius: 6rem;
        overflow: hidden;
        background: linear-gradient(#f9b97f 10%, #f4a25d 20%, #f37312 100%);
        box-shadow: 2px 3px 8px rgba(33, 9, 12, 0.5), inset -1px -3px 3px 1px rgba(221, 112, 34, 0.7);
    }
    
    .btn-doc_sp a img {
        display: block;
        margin-left: 21rem;
        width: 30.8rem;
        align-items: center;
    }
    
    .btn-freeconsul_sp a img {
        display: block;
        margin-left: 14rem;
        width: 37.4rem;
        align-items: center;
    }


    .secondary {
        margin-top: 4.9rem;
    }
}


.about,
.appeal {
    margin-top: 8rem;
}



@media(max-width:750px) {

    .about,
    .appeal {
        margin-top: 6rem;
    }

    .why {
        margin-top: 6rem;
    }

    .together {
        margin: 9.4rem 0 9.1rem;
        padding: 0 3rem;
    }

    .int {
        margin-bottom: 3.6rem;
    }
}


.flow {
    width: 76.6rem;
    display: block;
    margin: 7rem auto;
}

.table {
    width: 70.3rem;
    display: block;
    margin: 6rem auto;
}

.closing {
    position: relative;
}

@media(max-width:750px) {
    .flow {
        width: 100%;
        margin: 0;
        margin-bottom: 6.5rem;
    }

    .table {
        width: 100%;
        margin-top: 8rem;
        margin-bottom: 5rem;
    }

    /* .closing {
        position: relative;
        padding-bottom: 36.8rem;
    } */
}





/* ---footer--- */
footer {
    width: 100%;
    padding: 4.6rem 0 2.8rem;

    background-color: #1b244c;
    color: #fff;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer a {
    cursor: pointer;
}

.company {
    width: 5.4rem;
}

.contact {
    margin: 2.2rem 0;
    display: flex;
    gap: 2.7rem;
}

.icon {
    width: 4rem;
}

.icon img {
    width: 100%;
}

.copy {
    width: 30rem;

}

@media(max-width:750px) {
    footer {
        width: 100%;
        padding: 2.9rem 0 2.5rem;

        background-color: #1b244c;
        color: #fff;

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer a {
        cursor: pointer;
    }

    .company {
        width: 5.7rem;
    }

    .contact {
        margin: 2.2rem 0;
        display: flex;
        gap: 1.6rem;
    }

    .icon {
        width: 2.7rem;
    }

    .icon img {
        width: 100%;
    }

    .copy {
        width: 28rem;

    }

}