@media only screen and (max-width:1080px) {
    body {
        width: calc(100% - 2em);
        padding: 1em;
    }

    section#operation_plan,
    section#field_manual {
        position: static;
        width: 100%;
        padding: 0;
    }
}


@media handheld,
only screen and (max-width:720px) {
    body {
        width: 100%;
        padding: 0;
        /* margin: 0; */
    }

    section#operation_plan,
    section#field_manual {
        position: static;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    section .contents h4 {
        margin-left: 0;
        padding: 0.5em 1em
    }

    section.on {
        padding: 1em;
        margin: 0;
        width: 100%;
    }

    .tip,
    .caution,
    .warning {
        display: inline-block;
        position: static;
        transform: rotate(0);
        /*margin: 0;*/
    }

    ol,
    ul {
        margin-left: -1.5em;
    }

    li ol,
    li ul {
        margin-left: -1em;
    }

    table {
        font-size: 12px;
    }
}