@charset "UTF-8";

/*-- ===================== netcafe_fig =====================  */
#netcafe_fig {
    background: url(../img/top_test_img/bg_pattern_dot.png) repeat;
    background-size: 40px 40px;
}
#netcafe_fig p {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    max-width: 695px;
}
#netcafe_fig figure {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto 30px;
}
#netcafe_fig figure img {
    width: 100%;
    height: auto;
    max-width: 1000px;
}

.fig_cap_01 {
    bottom: 0;
    left: 72px;
    position: absolute !important;
}
.fig_cap_02 {
    bottom: 0;
    right: 30px;
    position: absolute !important;
}
.fig_cap_03 {
    top: 0px;
    right: 0;
    position: absolute !important;
}
@media print, screen and (min-width: 768px) {
    #netcafe_fig figure {
        max-width: 100%;
        margin: 0 0 70px 0;
    }
    
    .fig_cap_01 {
        bottom: 0;
        left: 340px;
    }
    .fig_cap_02 {
        bottom: 0;
        right: 180px;
    }
    .fig_cap_03 {
        top: 0;
        right: 120px;
    }
}
/*-- ======================================================================= --*/
/*-- ======================================================================= --*/
@media print, screen and (min-width: 576px) {}
@media print, screen and (min-width: 768px) {}