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

    /* title */
    section.catch-phrase h1 {
        font-size: 3rem;
    }
}

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

    /* title */
    section.catch-phrase h1 {
        font-size: 2.2rem;
    }
}

@media all and (max-width: 767px) {
    .table-header {
        display: none;
    }

    li {
        display: block;
    }

    .col {
        flex-basis: 100%;
    }

    .col {
        display: flex;
        padding: 10px 0;
    }
}

@media (max-width: 800px) {
    #gallery {
        display: flex;
        align-items: normal;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
    }

    #gallery > div {
        width: 48%;
        margin: 1%;
    }
}

@media (max-width: 800px) and (max-width: 350px) {
    #gallery > div {
        width: 98%;
    }

    .multi-steps > li {
        font-size: small;
    }
}

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

    /* title */
    section.catch-phrase h1 {
        font-size: 2.8em;
    }
}

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

    /* title */
    section.catch-phrase h1 {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 849px) {
    li.mynavi-link {
        padding: 3em;
    }
}

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

    /* title */
    section.catch-phrase h1 {
        font-size: 2em;
    }
}

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

    /* title */
    section.catch-phrase h1 {
        font-size: 2.3em;
    }
}


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

    /* title */
    section.catch-phrase h1 {
        font-size: 1.8em;
    }

    section.catch-phrase h3 {
        font-size: 1em;
    }

    ul#position-list {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }

    ul.metas {
        overflow: hidden;
    }

}

@media screen and (max-width: 324px) {
    .title h1 {
        font-size: 1.4em;
    }

    /* title */
    section.catch-phrase h1 {
        font-size: 1.5em;
    }

    .title p {
        font-size: 1em;
    }
}