.jigyo {
    text-align: left;
}

    .jigyo h3,
    .jigyo h4 {
        text-align: center;
        letter-spacing: 0.1em;
    }

    .jigyo h4 {
        margin: 35px 0 20px 0;
        padding-bottom: 20px;
        font-style: italic !important;
        text-decoration: underline;
        font-size: 125%;
    }

    .jigyo .title {
        color: white;
        width: 100%;
        height: 40px;
        padding: 8px 0 0 18px;
        margin: 5px 0 10px 0;
        font-size: 150%;
        font-weight: 500;
        border-radius: 15px 15px 3px 3px;
        letter-spacing: 0.1em;
    }

        .jigyo .title img {
            width: 25px;
            margin: -5px 10px 0 0;
        }

    .jigyo .color-t1 {
        background-color: #CCCC00;
    }
    .jigyo .color-m1 {
        color: #CCC600;
    }

    .jigyo .color-t2 {
        background-color: #99CC00;
    }
    .jigyo .color-m2 {
        color: #99C600;
    }

    .jigyo .color-t3 {
        background-color: #339966;
    }
    .jigyo .color-m3 {
        color: #339666;
    }

    .jigyo .color-t4 {
        background-color: #66CCCC;
    }
    .jigyo .color-m4 {
        color: #66C6CC;
    }

    .jigyo .color-t5 {
        background-color: #66CCFF;
    }
    .jigyo .color-m5 {
        color: #66C6FF;
    }

    .jigyo .meisai {
        margin: 15px 0 40px 0;
        color: #707070;
        display: flex;
        width: 100%;
    }

    .jigyo .meisai-text {
        margin: 0px 10px 0px 20px;
        width: 100%;
    }

        .jigyo .meisai-text span {
            font-size: 135%;
            font-weight: 500;
            letter-spacing: 0.1em;
        }

        .jigyo .meisai-text p {
            font-size: 100%;
            letter-spacing: 0.15em;
            margin: 15px 0 0 0;
        }

        .jigyo .meisai-text p a {
            margin: 0;
        }

        .jigyo .meisai-text .chemical-link {
            margin: 10px 0 0 0;
        }

            .jigyo .meisai-text .chemical-link a {
                padding-right: 20px;
            }

            .jigyo .meisai-text .chemical-link img {
                width: 18px;
                margin: 0 0 0 5px;
            }

    .jigyo .meisai-box {
        overflow: hidden;
        position: relative;
        width: 420px;
        height: 180px;
        margin: 0;
    }

        .jigyo .meisai-box img {
            width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            min-height: 180px;
        }

.chemical-style{
    margin: 10px 0 0 0; 
}

.denwamsg {
    font-size: 110% !important;
}

.btn-lg {
    padding: 10px 12px;
    width: 90%;
    margin: 8px auto 0 auto;
}

/*画面サーズ（ミドル以下）*/
@media screen and (max-width:767px) {
    .jigyo h4 {
        font-size: 16px;
        text-align: left;
        line-height: 22px;
    }

    .jigyo .title {
        text-align: center;
        height: 36px;
        padding: 8px 0 1px 0;
        font-size: 120%;
    }

    .jigyo .meisai {
        margin: 10px 4px 35px 4px;
        font-size: 100%;
        display: block;
        width: auto;
    }

    .jigyo .meisai-text {
        margin: 0px 0px 15px 0px;
    }

        .jigyo .meisai-text span {
            font-size: 120%;
            font-weight: 500;
            letter-spacing: 0.1em;
        }

        .jigyo .meisai-text p {
            font-size: 95%;
            letter-spacing: 0.1em;
            margin: 10px 0 0 0;
        }

        .jigyo .meisai-text .chemical-link a {
            padding-right: 10px;
        }

        .jigyo .meisai-text .chemical-link img {
            width: 18px;
            margin: 0;
        }

    .jigyo .meisai-box {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 180px;
        margin: 0;
    }

}