@charset "UTF-8";

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


    #dayflow .abTxt {
        font-size: 117.5%;
        left: -20px;
        padding: 15px 20px;
    }
    #dayflow ul li .number {
        font-size: 136.5%;
    }
    #dayflow ul li .txtBox {
        font-size: 130%;
        width: 450px;
    }
    #dayflow ul li .link a .ft01 {
        font-size: 94%;
    }
    #dayflow ul li:nth-child(3) .txtBox {
        font-size: 110%;
    }


    #linkArea .btnArea .txt {
        font-size: 110.5%;
    }
    #linkArea .btnArea {
        width: 470px;
    }
    #linkArea .btnArea a {
        font-size: 185.5%;
    }
    #linkArea .btnArea a p {
        width: 460px;
    }






}

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

    #contents {
        width: 86.7%;
    }
    #mainTitle {
        font-size: 140%;
    }
    /*******************************
    #leadTxt
    *******************************/
    #leadTxt {
        margin-bottom: 35px;
    }
    #leadTxt p {
        font-size: 80%;
    }

    /*******************************
    .accWrap 共通
    *******************************/

    .accWrap {
        margin-bottom: 20px;
    }
    .accWrap h2 {
        font-size: 120%;
    }
    .accWrap h2 span {
        border-left: 3px solid #beaf73;
        padding-left: 10px;
        line-height: 1.3;
    }
    .mod_panel .panelTitle a:after {
        width: 15px;
        height: 15px;
        right: 0;
    }
    .mod_panel .panelTitle a.open:after {
        width: 15px;
        height: 15px;
        right: 0;
    }
    .mod_panel_inner {
        padding: 20px 0;
    }
    .accWrap .normalTxt {
        font-size: 80%;
        margin-bottom: 24px;
    }

    /*******************************
    #apartment
    *******************************/
    #apartment p {
        font-size: 80%;
        margin-bottom: 25px;
    }
    #apartment dl:first-of-type {
        margin-bottom: 25px;
    }
    #apartment dl dt {
        font-size: 86.6%;
        margin-bottom: 10px;
    }
    #apartment dl dd {
        padding: 15px 20px;
    }
    #apartment dl dd .flBox {
        display: block;
    }
    #apartment dl dd .flBox ul:first-child,
    #apartment dl dd .flBox ul:nth-child(2) {
        margin-right: 0;
    }
    #apartment dl dd .flBox.flBox02 ul:first-child,
    #apartment dl dd .flBox.flBox02 ul:nth-child(2),
    #apartment dl dd .flBox.flBox02 ul:nth-child(3){
        margin-right: 0;
    }
    #apartment dl dd .flBox ul li {
        margin-bottom: 0;
    }
    #apartment dl dd .flBox ul li a {
        font-size: 80%;
    }
    #apartment dl .link {
        padding: 22px 0;
    }
    #apartment dl .link a {
        width: 61.5%;
        font-size: 80%;
        height: 35px;
        line-height: 35px;
    }


    /*******************************
    #opencampus
    *******************************/
    #opencampus.accWrap {
        margin-bottom: 60px;
    }
    #opencampus .txtBox {
        font-size: 80%;
        margin-bottom: 20px;
    }
    #opencampus .link a {
        width: 61.5%;
        font-size: 80%;
        height: 35px;
        line-height: 35px;
    }
    /*******************************
    #dayflow
    *******************************/
    #dayflow.accWrap {
        margin-bottom: 40px;
    }
    #dayflow .abTxt {
        font-size: 80%;
        width: 86.2%;
        margin: 0 auto;
        left: 0;
        padding: 8px 0;
        right: 0;
        top: -30px;
    }
    #dayflow h2 {
        font-size: 120%;
        padding: 25px 0;
    }
    #dayflow .mod_panel .panelTitle a:after {
        right: 10px;
    }
    #dayflow .leadTxt {
        font-size: 80%;
        text-align: left;
        margin-bottom: 20px;
    }
    #dayflow .imgBox {
        width: 76.9%;
    }
    #dayflow ul {
        margin-top: 25px;
    }
    #dayflow ul li {
        padding: 15px;
        display: block;
    }
    #dayflow ul li::after {
        width: 12px;
        height: 20px;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #dayflow ul li .number {
        font-size: 120%;
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
    }
    #dayflow ul li .txtBox {
        font-size: 86.6%;
        width: auto;
        margin-left: 0;
        margin-bottom: 10px;
    }
    #dayflow ul li .link a {
        width: 61.5%;
        font-size: 80%;
        height: 35px;
        line-height: 35px;
    }
    #dayflow ul li:nth-child(3) .txtBox {
        font-size: 86.6%;
    }
    #dayflow ul li:nth-child(4) .txtxBox {
        margin-bottom: 0;
    }







    /*******************************
    #accessLink
    *******************************/
    #accessLink .txtWrap {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #accessLink a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 80%;
        width: 76.9%;
    }


    /*******************************
    linkArea
    *******************************/
    #linkArea {
        display: block;
        margin: 0 auto;
        padding-top: 50px;
    }
    #linkArea .btnArea {
        width: 100%;
    }
    #linkArea .btnArea:first-child {
        margin-bottom: 30px;
    }
    #linkArea .btnArea .txt {
        font-size: 80%;
        margin-bottom: 5px;
    }
    #linkArea .btnArea a {
        font-size: 126.6%;
        height: 60px;
        line-height: 50px;
        -webkit-box-shadow: 2px 2px 0 #7e7e86;
        box-shadow: 2px 2px 0 #7e7e86;
    }
    #linkArea .btnArea a p {
        width: 96.9%;
        height: 50px;
    }
    #linkArea .btnArea a::after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        right: 10px;
    }



    .mod_panel_inner_btn p.closebtn a {
        font-size: 80%;
    }


}