@media only screen and (max-width: 1023px){
    .figure-block-01 img {
        width: 50%;
    }

    .figure-block-01 figcaption {
        padding: 50px;
    }
}

@media only screen and (max-width: 767px){

    .post-list-search header .search {
        width: 100%;
    }    

    .figure-block-01 figcaption {
        padding: 25px;
        font: 15px/21px Avenir-Light;
        width: 100%;
    }

    .figure-block-01 img {
        width: 100%;
    }

    #laboratories ul.two-columns {
        columns: 1;
    }

    #laboratories ul {
        margin-top: 30px;
        padding: 0 15px;
    }

    #sec02 form button {
        font: normal 14px/20px Avenir-Medium;
        margin: 10px 0px 0 0;
        padding: 0 0 1px 0;
    }

    #sec03 {
        margin-bottom: 30px;
    }

    #sec03 .col1 {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    #sec03 .col1, #sec03 form {
        width: 100%;
        box-sizing: border-box;
    }

    #sec03 form input:not([type="checkbox"]) {
        font: 14px/20px Avenir-Medium;
        padding: 8px 15px;
        width: 100%;
    }

    #sec03 form label {
        font: 14px/20px Avenir-Medium;
    }

    #sec03 form li a {
        font: 14px/20px Avenir-Medium;
        float: none;
        display: block;
    }

    #sec03 .col1, #sec03 .col2 {
        width: 100%;
    }

    .content-section .btn.type01 {
        font: normal 14px/14px Avenir-Heavy;
        padding: 12px 24px;
        width: 100%;
    }

    #sec03 form p {
        font: 14px/20px Avenir-Medium;
    }

}