/*usage module css*/
@charset "utf-8";
@import "usage_list_module.css?260827-5";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
	font-weight: 400;
}

/*end usage module*/
.usage .content,
.top .content{
    background-color: #f3f3f3;
    padding-bottom: 30px;
}

.inner {
    width: 960px;
    margin: 0 auto;
}

.mb_20 {
    margin-bottom: 20px;
}
#main ul.mb_20 {
    margin-bottom: 20px;
}
#main p.mb_20 {
    margin-bottom: 20px;
}
#main h2.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}
article.node--type-blank-page ul.mb_30 {
    margin-bottom: 30px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mv_sec {
    width: 100%;
}

/*banner_group*/
.common_banner {
    display: inline-block;
    width: 100%;
}

.banner_list {
    width: 100%;
    justify-content: center;
    align-items: center;
}

.banner_list li:nth-child(odd) {
    margin-right: 2%;
}

.banner_list li {
    width: 49%;
    margin-bottom: 20px;
}
.banner_list li a{
	display: inline-block;
    width: 100%;
}

/*banner_group*/

.contactus_sec {
    text-align: center;
}

.contact {
    display: inline-block;
    width: 248px;
}



/*For PC*/

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1039px) {
    .usage .content {
        padding-bottom: 2.885vw;
    }

    .inner {
        width: 75%;
        margin: 0 auto;
    }

    .mb_20 {
        margin-bottom: 1.923vw;
    }

    .mb_30 {
        margin-bottom: 2.885vw;
    }

    .mb_50 {
        margin-bottom: 4.808vw;
    }

    .mv_sec {
        width: 100%;
    }

    /*banner_group*/

    .common_banner {
        width: 100%;
    }

    .banner_list {
        width: 100%;
    }

    .banner_list li:nth-child(odd) {
        margin-right: 2%;
    }

    .banner_list li {
        width: 49%;
        margin-bottom: 1.923vw;
    }

    /*banner_group*/

    .contact {
        width: 23.846vw;
    }

}

/*For SP*/
@media only screen and (max-width: 767px) {
    .usage .content {
        padding-bottom: .6rem;
    }

    .inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 0.15rem;
    }

    .mb_20 {
        margin-bottom: .2rem;
    }

    #main h2.mb_20 {
        margin-bottom: .2rem;
    }
    #main p.mb_20 {
        margin-bottom: .2rem;
    }

    .mb_30 {
        margin-bottom: .3rem;
    }
    article.node--type-blank-page ul.mb_30 {
        margin-bottom: .3rem;
    }

    .mb_50 {
        margin-bottom: .5rem;
    }

    .mv_sec {
        width: 100%;
    }

    /*banner_group*/
    .common_banner {
        width: 100%;
    }

    .banner_list {
        width: 100%;
    }

    .banner_list li:nth-child(odd) {
        margin-right: 0;
    }

    .banner_list li {
        width: 100%;
        margin-bottom: .4rem;
    }

    /*banner_group*/

    .contact {
        width: 3.3rem;
    }
}

ul.machine_list {
    margin-bottom: 0;
}
