@charset "UTF-8";
@media screen and (max-width: 739px)
{
    .visible_m,
    .visible_tm{
        display: block !important;
    }
    .visible_p,
    .visible_t,
    .visible_pt{
        display: none !important;
    }

    /* main */
    .container .container-header {
        grid-template-columns: 1fr;
    }
    .main-header {
        padding: 10px;
    }
    .main-body .body-area {
        padding: 10px;
    }

    /* bio-detail */
    .main-header .head-area.type02 {
        grid-template-columns: 1fr;
        height: auto;
    }
    .main-body .body-area .data-frame .data-header .box {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .main-header .form-area .left {
        display: block;
    }
    .main-header .form-area .left .start{
        margin-bottom: 10px;
    }
    /* .main-header .form-area .right {
        text-align: start;
    } */
    .main-header .item-area ul.status {
        grid-template-columns: repeat(2, 1fr);
    }
    .bio-index .main-body .body-area.c-3 ul.data-list,
    .bio-index .main-body .body-area.c-4 ul.data-list,
    .bio-index .main-body .body-area.c-5 ul.data-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .bio-detail .main-body .body-area .data-frame .data-header .box {
        display: block;
    }
    .bio-detail .main-body .body-area .data-frame .data-header .item-name {
        margin-bottom: 20px;
    }
    .main-body .body-area .data-frame .box {
        padding: 20px 10px;
    }
    .main-body .body-area .data-body .box {
        padding: 10px;
    }

}

@media screen and (max-width: 600px)
{
    /* bio-index */
    .main-body .body-area ul.data-list{
        grid-template-columns: 1fr;
    }
    .bio-index .main-body .body-area .search-area .display-column{
        display: none;
    }
    .bio-index .main-body .body-area ul.data-list.c-2,
    .bio-index .main-body .body-area ul.data-list.c-3,
    .bio-index .main-body .body-area ul.data-list.c-4,
    .bio-index .main-body .body-area ul.data-list.c-5{
        grid-template-columns: 1fr !important;
    }


}

@media screen and (max-width: 500px)
{
    /* enq show */
    #enq .enquete-info-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    #enq .enquete-info-grid .test{
        /* width: 70px; */
    }

}