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

    img {

        width: 100%;

        height: 100%;

        max-width: 635px;

    }



    #old_content {

        margin: 5vh 2% 32px;

    }



    #old_post_inner {

        width: 95%;

    }



    .old_flex {

        flex-direction: column;

        align-items: center;

    }



    .old_flex .left,

    .old_flex .right {

        width: 100% !important;

    }



    article {

        overflow: hidden;

    }



    article p.global_comment {

        width: 100%;

    }



    #main form p {

        margin: 0;

        text-align: center;

    }



    .koumoku {

        overflow: visible;

    }



    .koumoku section {

        width: auto;

    }



    /* 各ページ見出し */

    .old_page_title h2 {

        font-size: 18px;

        letter-spacing: 0;

    }



    .old_page_title p {

        font-size: 22px;

        letter-spacing: -3px;

    }



    .old_page_title p span {

        top: -47px;

        font-size: 50px;

    }



    #index .old_page_title p span {

        top: -27px;

    }



    /* sub */

    #sub .koumoku {

        width: auto;

    }



    #sub .gazo p img {

        width: 532px;

        overflow: hidden;

    }



    #sub .gazo p.k3 {

        width: 103px;

        top: 290px;

        left: 45px;

        font-size: 8px;

    }



    #sub .gazo p.k1 {

        width: 160px;

        top: 225px;

        left: 195px;

        font-size: 8px;

    }



    #sub .gazo p.km {

        width: 164px;

        position: absolute;

        top: 206px;

        left: 364px;

        padding: 3px;

        font-size: 8px;

    }



    #sub .koumoku .koumoku_inner {

        width: auto;

        overflow: hidden;

    }



    #sub .koumoku .koumoku_inner section {

        width: 90%;

	height: auto;

    }



    /* index */

    #top-inner a {

        padding: 10px 35px;

    }



    #index #contents article {

        padding: 0;

    }



    #index #contents section dt,

    #index #contents section dd {

        height: auto;

    }



    #index #contents section dd.center {

        margin-top: 0;

    }



    #index #contents section dl dt img {

        width: auto;

        height: 130px;

    }



    #index .old_article {

        padding: 0;

    }



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



        #index #contents,

        #index #yakusoku,

        #index #curriculum {

            width: 100%;

            margin-left: 0;

            margin-right: 0;

        }



        #index #contents section {

            margin: 0;

            box-sizing: content-box;

            width: 100%;

        }





        #index #contents section dd.center {

            text-align: center;

            width: 100%;

            height: auto;

        }



        #index #contents section dd {

            font-size: 13px;

            font-weight: normal;

            line-height: 1.5;

            padding: 10px;

            margin-top: 10px;

            height: 100px;

        }



        #index #main dd {

            margin: 0;

        }



        #index #contents section dl dt img {

            width: 100%;

            height: 100%;

        }

    }







    /* info */

    .old_info_link img {

        width: 130px;

    }



    .other_koushi div p {

        display: flex;

        overflow-x: scroll;

    }



    .other_koushi div p img {

        width: auto;

        height: auto;

        margin: 0;

    }



    /* officeマスター科 */

    .old_office .zatsu_right,

    .old_office .zatsu_left {

        float: none;

        clear: both;

    }



    .old_office .koumoku_inner section {

        height: auto;

    }



    /* cad */

    .cad_dl {

        width: auto;

    }



    .cad_dt {

        width: auto;

    }



    /* 資格取得 */

    p.memo_2 {

        margin: 0;

    }



    .shikakusyutoku_link {

        justify-content: center;

    }



    /* お問合わせ */

    #mail form {

        margin: 0;

        padding: 0;

        width: 100%;

        background-position: top right !important;

    }



    #mail form input[type="text"],

    #mail form textarea {

        width: 100%;

    }



    #juken_form .kiyaku {

        width: 100%;

    }



    #juken_table {

        width: 100%;

    }



    #juken_table td,

    #juken_table th {

        display: block;

    }



    #juken_form p {

        font-size: 13px;

    }





    /* formの横幅判明したら削除 */

    form#form {

        overflow-x: scroll;

    }



    /* formの横幅判明したら削除 */



    /* 岐阜校 */

    .kunrenbanner .contentArea,

    #dougamuryo {

        width: 100% !important;

    }





    footer {

        width: 95%;

        margin: 32px auto 0 auto;

    }



    footer div p a img {

        width: auto;

    }



    .f-wrapper .f-nav p a {

        font-size: 12px;

        display: block;

    }



    .f-wrapper address {

        font-size: 12px;

    }

}



/* スマホ */

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





    /* 新着情報 */

    .old_news_discription {

        flex-direction: column;

        align-items: center;

    }



    .old_news_discription .three-column_items {

        width: 100%;

    }



    .news-cat {

        font-size: 12px;

    }



    #news .old_news_discription h1.three-column_items_title {

        font-size: 12px;

        border: none;

        margin: 8px auto;

        padding: 0;

        width: auto;

    }



    .news-date {

        width: 75%;

        font-size: 10px;

    }





    .blog_list_title {

        width: 100%;

	align-items: center;

    }



    .blogTime {

        margin: 0;

        width: 100%;

    }



    .blogCat {

        margin-bottom: 16px;

    }



    .blog_list_outline {

        overflow: hidden;

        display: -webkit-box;

        text-overflow: ellipsis;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        margin-bottom: 32px;

        /* ブラウザがサポートしていない場合のフェールセーフ */

        max-height: 88px;

    }







}