@charset "UTF-8";

@media screen and (max-width: 1024px) {
    #contents {
        width: 93.3%;
    }
    #leadBox .inner {
        width: 100%;
    }
    #leadBox dl dd table td dl dt {
        font-size: 115%;
        width: 152px;
    }
    .mod_panel .panelTitle a {
        font-size: 150%;
    }





}

@media screen and (max-width: 599px) {
    #contents {
        width: 100%;
    }



    /*******************************
    #leadBox
    *******************************/
    #leadBox {
        width: 93.3%;
        margin: 0 auto 30px auto;
    }
    #leadBox dl dt {
        font-size: 126.6%;
        margin-bottom: 20px;
    }
    #leadBox dl dd ul li,
    #leadBox dl dd ul li:first-child {
        font-size: 80%;
        margin-bottom: 5px;
        text-indent: -0.5em;
        padding-left: 0.5em;
    }
    #leadBox dl dd table {
        margin-top: 15px;
    }
    #leadBox dl dd table th {
        border-bottom: none;
        padding: 8px 0;
    }
    #leadBox dl dd table th,
    #leadBox dl dd table td {
        display: block;
        width: auto;
        font-size: 80%;
    }
    #leadBox dl dd table td {
        padding: 20px;
    }
    #leadBox dl dd table td dl {
        display: block;
    }
    #leadBox dl dd table td dl dt {
        width: auto;
        margin-right: 0;
    }


    /*******************************
    .eduWrap
    *******************************/
    .eduWrap {
        width: 93.3%;
        margin: 0 auto 30px auto;
    }
    .eduWrap h2 {
        font-size: 120%;
        margin: 0 auto 20px auto;
    }
    .eduWrap h2 span {
        padding: 10px 0;
    }


    .boxWrap {
        margin-bottom: 10px;
    }


    /*--------------------
    プルダウン
    --------------------*/
    .mod_panel {
        margin: 0 0 10px 0;
    }
    .mod_panel_inner {
        width: 100%;
        padding: 17px 0 18px 0;
    }
    .mod_panel .panelTitle a {
        font-size: 100%;
        padding: 10px 20px;
    }
    .mod_panel .panelTitle a:after {
        width: 11px;
        height: 9px;
        right: 15px;
        background-image: url(../images/panel_arrow_01_sp.svg);
        margin-top: -4px;
    }

    .mod_panel02 {
        margin-bottom: 17px;
    }
    .mod_panel02 .panelTitle02 {
        font-size: 86.6%;
    }
    .mod_panel_inner_btn {
        margin-top: 18px;
    }
    .mod_panel_inner_btn p.closebtn {
        font-size: 80%;
    }
    .mod_panel02 .txt01 {
        font-size: 73.3%;
    }

    .mod_panel_inner .toForm {
        font-size: 73.3%;
    }

    /*--------------------
    プルダウン02
    --------------------*/
    .mod_panel02 .mod_panel_inner02 table th {
        line-height: 1.3;
    }
    .mod_panel02 .mod_panel_inner02 table th span {
        font-size: 73.3%;
    }




    /*--------------------
    table 共通
    --------------------*/
    .mod_panel_inner table th {
        font-size: 80%;
        padding: 8px 0;
    }
    .mod_panel_inner table td {
        font-size: 80%;
        padding: 8px 0;
    }

    .scroll table {
        width: 600px;
    }

    /*--------------------
    table_w06
    --------------------*/
    .mod_panel_inner .table_w06 td p {
        transform: scale(0.90,1);
        margin: 0 -10px;
    }
    .mod_panel_inner .table_w06 td p span {
        transform: scale(1,1);
    }
    /*--------------------
    table_w02
    --------------------*/
    .table_w02 th {
        width: 50%;
    }
    /*--------------------
    table_w05
    --------------------*/
    .table_w05 th {
        width: 20%;
    }
    .table_w05.table_sp01 th:nth-child(-n+2) {
        width: 17.1%;
    }
    .table_w05.table_sp01 th:nth-child(3) {
        width: 18.6%;
    }
    .table_w05.table_sp01 th:nth-child(4) {
        width: 27.1%;
    }
    .table_w05.table_sp01 th:last-child {
        width: 20%;
    }
    /*--------------------
    table_w03_02
    --------------------*/
    .table_w03_02 th {
        width: 40%;
    }
    .table_w03_02 th:first-child {
        width: 20%;
    }
    .table_w03_01 tr:nth-child(2) th {
        font-size: 80%;
    }

    /*--------------------
    table_w03_01
    --------------------*/
    .table_w03_01 th {
        width: 37.1%;
    }
    .table_w03_01 th:last-child {
        width: 25.7%;
    }





    /*--------------------
    学費以外の費用
    --------------------*/
    .other dt {
        font-size: 86.6%;
    }
    .other dd p {
        font-size: 73.3%;
    }


    .txtSub {
        font-size: 86.6%;
        margin-bottom: 5px;
    }
    .txtSub02 {
        margin-top: 0px;
        font-size: 73.3%;
    }
    .redImp {
        margin-top: 0;
        font-size: 73.3%;
    }
    .impTxt {
        font-size: 80%;
    }
    .impTxt02 {
        font-size: 93%;
    }

    /*--------------------
    フォントの横幅
    --------------------*/
    .fwith85 {
        transform: scale(0.85,1);
        margin: 0 -10px;
    }
    .fwith83 {
        transform: scale(0.80,1);
        margin: 0 -10px;
    }

    /*******************************
    linkArea
    *******************************/
    #linkArea {
        width: 86.7%;
    }
    #linkArea .btnArea {
        height: 60px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #linkArea .btnArea a {
        font-size: 106.6%;
    }
    #linkArea .btnArea p {
        width: 98.5%;
        margin: 3px auto;
        height: 50px;
    }
    #linkArea .btnArea a::after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }


    /*******************************
     .LinkBox
     *******************************/
     .LinkBox {
         margin: 38px auto;

     }
     .LinkBox .btnWrap {
         width: 86.7%;
         height: 70px;
         line-height: 60px;
         font-size: 113.3%;
     }
     .LinkBox .btnWrap div {
         height: 64px;
         margin: 3px 0 0 0px;
         width: 98%;
         text-align: left;
         padding-left: 1em;
     }
     .LinkBox .btnWrap.btn01 {
         margin-bottom: 14px;
     }
     .LinkBox .btnWrap.btn01::after {
         right: 10px;
         width: 30px;
         height: 30px;
         margin-top: -15px;
     }
     .LinkBox .txt01 {
         font-size: 80%;
         margin-bottom: 5px;
     }
     .LinkBox .btnWrap.btn01 {
         width: 92.9%;
     }

}