@charset "UTF-8";
.eye-catch {
    background-image: url("/images/news_title.jpg");
}
.procedure li {
    list-style-type: decimal;
    margin: 0 1em 2ex 2em;
}
.terms {
    list-style-type: decimal;
    margin: 0 1em 2ex 2em;
}
.terms li {
    padding-top: 1ex;
    list-style-type: decimal;
}
.in-out {
    border: 1px dotted gray;
    margin: 0 1em 0 0;
    padding: 0.5ex 0.5em 0;
}
.in-out_sample {
    list-style-type: circle;
    margin: 0;
}
.in-out_sample li {
    padding: 0;
}
th {
    padding-left: 1em;
    padding-right: 1em;
}

.system-table ul {
    margin: 1ex 0 0 1em;
}
.system-table li {
    list-style-type: disc;
}
.system-table li li {
    list-style-type: circle;
}
ul.comment {
    list-style-type: circle;
}

.document-table tr td:first-child {
    width: 30%;
}

/* タブレット用 */
@media screen and (min-width: 640px) {
    .reduction {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .reduction .eye-catch {
        grid-column: 1/3;
    }
    .reduction h2 {
        grid-column: 1/3;
    }
    .reduction .abstract {
        grid-column: 1/3;
    }
    .application {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .application h2 {
        grid-column: 1/3;
    }
    /******* Intrenet Exploler用 ********/
    _:-ms-lang(x)::-ms-backdrop, .reduction {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    _:-ms-lang(x)::-ms-backdrop, .eye-catch {
        width: 100%;
    }
    _:-ms-lang(x)::-ms-backdrop, h2 {
        width: 100%;
    }
    _:-ms-lang(x)::-ms-backdrop, .abstract {
        width: 100%;
    }
    _:-ms-lang(x)::-ms-backdrop, .rate {
        width: 49%;
    }
    _:-ms-lang(x)::-ms-backdrop, .procedure {
        width: 49%;
    }
    ._:-ms-lang(x)::-ms-backdrop, .necessary {
        width: 49%;
    }
    ._:-ms-lang(x)::-ms-backdrop, .small-enterprises {
        width: 49%;
    }
    ._:-ms-lang(x)::-ms-backdrop, .system {
        width: 49%;
    }
    ._:-ms-lang(x)::-ms-backdrop, .document {
        width: 49%;
    }
    _:-ms-lang(x)::-ms-backdrop, .application {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    _:-ms-lang(x)::-ms-backdrop, .application h2 {
        width: 100%;
    }

    _:-ms-lang(x)::-ms-backdrop, .application article {
        width: 49%;
    }
}

@media screen and (min-width: 960px) {
    .reduction .abstract {
        grid-column: 1/3;
    }
    .reduction .necessary {
        grid-column: auto;
    }
    .application {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .application h2 {
        grid-column: 1/4;
    }
    _:-ms-lang(x)::-ms-backdrop, .procedure {
        width: 49%;
    }
    ._:-ms-lang(x)::-ms-backdrop, .necessary {
        width: 49%;
    }
    _:-ms-lang(x)::-ms-backdrop, .application article {
        width: 32%;
    }
}

/*********************
     印刷レイアウト
*********************/
@media print {
    .reduction {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .reduction .eye-catch {
        grid-column: 1/3;
    }
    .reduction h2 {
        grid-column: 1/3;
    }
    .reduction .abstract {
        grid-column: 1/3;
    }
    .application {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .application h2 {
        grid-column: 1/4;
    }
    .reduction .necessary {
        grid-column: auto;
    }

}
