@charset "utf-8";

/*
------------------------
/request/index.php
------------------------
*/

#container.directory-request.file-index #main .request-area h3 {
    margin-top: var(--wide-section-vertical-spacing);
}

#container.directory-request.file-index #main .request-area .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    color: var(--main-content-font-color);
    background-color: var(--main-content-background-color);
    border: solid 1px var(--border-color);
    padding: 16px;
}

#container.directory-request.file-index #main .request-area .content:has(>.js-input-area,>select) {
    padding-top: 8px;
    padding-bottom: 8px;
}

#container.directory-request.file-index #main .request-area .content label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

#container.directory-request.file-index #main .request-area .content label.clear {
    width: 100%;
    flex-wrap: initial;
}

#container.directory-request.file-index #main .request-area .content label.clear span {
    width: 50px;
}

@media screen and ( min-width: 501px) {
    #container.directory-request.file-index #main .request-area .content label {
        width: calc(25% - 16px);
    }
}

@media screen and ( max-width: 500px) {
    #container.directory-request.file-index #main .request-area .content label {
        width: calc(50% - 16px);
    }
}