/* header */

.header-nav {
    background-color: #FFFF00;

    .header-nav-inner {
        padding: 4px;
    }

    .header-nav-sp-img {
        width: 100%;
    }
}

/* frong-page */

.fm_banner_area {
    padding: 0 20px;
    padding-bottom: 0;
    text-align: center;

    img {
        max-width: 100%;
    }
}

section.reason_sp .reason_box_sp .sp_5_3_box {
    margin-top: 30px;
}

section.hojokin_sp {
    background-size: 100%;
}


.higasiosaka_sp,
.higasiosaka {
    display: none;
}

.cta_area_sp {
    background: linear-gradient(180deg, #00DA4E 0%, #008A31 100%);
    padding: 16px 10px;
    /* margin-top: 3vw; */

    .cta_area_inner {
        max-width: 480px;
        margin: 0 auto;
        padding: 0 8px 10px;
        border-radius: 6px;
        border: 2px solid #FF8300;
        background: #FFF;
        box-shadow: 0 3px 3px 0 rgba(79, 56, 32, 0.53);
    }

    .cta_area_mail {
        display: block;
        margin: 0 auto;
        max-width: 265px;
    }
}


@media screen and (min-width: 700px) {
    .header-nav {
        background-color: transparent;

        .header-nav-inner {
            padding: 0;
        }
    }

    .fm_banner_area {
        padding: 30px;

        img {
            max-width: 90%;
        }
    }

/*     .topmenu-eq {
        margin-top: -0.5rem;
    } */

    .home_header_1 {
        height: 710px;
    }

    .home_header_1 .header_1_box {
        top: 40px;
        width: 1080px;
    }

    .home_header_1 .header_1_box .parts_1_1 {
        width: 90%;
    }

    .home_header_1 .header_1_box .image_1_1 {
        width: 100%;
    }

    .home_header_1 .header_1_box .parts_1_2 {
        top: 470px;
    }

    .home_header_1 .header_1_box .parts_1_4,
    .home_header_1 .header_1_box .parts_1_5 {
        top: 415px;
        max-width: 260px;
        width: 100%;
    }

    .home_header_1 .header_1_box .parts_1_4 {
        left: calc(50% + 125px);
    }

    .home_header_1 .header_1_box .parts_1_5 {
        left: calc(50% + 390px);
    }


    section.reason .reason_box {
        margin-top: 140px;
    }

    .cta_area_pc {
        background: linear-gradient(180deg, #00DA4E 0%, #008A31 100%);
        padding: 30px 0;

        .cta_area_inner {
            box-sizing: border-box;
            max-width: 900px;
            margin: 0 auto;
            padding: 20px 0;
            border-radius: 15px;
            border: 3px solid #FF8300;
            background: #FFF;
            box-shadow: 0 4px 4px 0 rgba(79, 56, 32, 0.53);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 36px;
        }

        .cta_area_mail {
            margin-bottom: -4px;
        }
    }

}