main a:hover {
    opacity: 0.5;
}

main img {
    height: auto;
}

.mv {
    max-width: 1000px;
    margin: 0 auto;
}

.page_lead {
    color: #171c61;
    text-align: center;
    font-weight: 600;
    font-size: clamp( 20px, 2vw, 25px);
    margin: 30px 0 40px;
    line-height: 1.8;
}

.page_nav {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 80px;
    display: flex;
    justify-content: space-between;
}

.page_nav li {
    width: calc(97%/3);
}

.point_wrap {
    display: flex;
    flex-direction: column;
    gap: 80px 0;
}

.sec_point {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}

#point01 {
    background-color: #5ec8f1;
}

#point02 {
    background-color: #83cc51;
}

#point03 {
    background-color: #b3b3b3;
}

.sec_ttl {
    max-width: 600px;
    margin: 0 auto;
}

.point_container {
    width: 90%;
    margin: 30px auto 0;
    display: flex;
    justify-content: space-between;
}

.point_container li {
    width: calc(95%/2);
}

.bottom_btn {
    width: 90%;
    margin: 40px auto 0;
}

.bnr_wrap {
    margin: 80px 0;
}

.bnr_wrap .lead {
    color: #171c61;
    text-align: center;
    font-weight: 600;
    font-size: clamp( 20px, 2vw, 28px);
    line-height: 1.8;
    margin-bottom: 30px;
}

.bnr_wrap .bnr {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.bnr_wrap .bnr .note {
    text-align: right;
    margin-top: 3px;
    font-size: clamp( 10px, 1.2vw, 13px);
}

.epson_logo {
    max-width: 400px;
    width: 80%;
    margin: 30px auto 0;
}


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

    .page_lead {
        line-height: 1.6;
    }

    .page_nav {
        width: 80%;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 50px;
    }

    .page_nav li {
        width: 100%;
    }
    
    .point_wrap {
        gap: 30px 0;
    }

    .sec_point {
        padding: 30px 0;
    }

    .point_container {
        width: 80%;
        flex-direction: column;
        gap: 50px 0;
    }

    .point_container li {
        width: 100%;
    }

    .bottom_btn {
        margin-top: 30px;
    }

    .bnr_wrap {
        margin: 50px 0;
    }

    .bnr_wrap .lead {
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .epson_logo {
        margin-top: 40px;
    }
}