@charset "utf-8";

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* for sp */

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

@media screen and (max-width: 640px) {
    body {
        -webkit-text-size-adjust: none;
    }
    .for-pc {
        display: none;
    }
    .for-sp {
        display: inline;
    }

    .br-sp {
        display: none;
    }

    .imgCenter img {
        width: 100%;
        height: auto;
    }

    #Wrapper .bnr img {
        width: 100%;
        height: auto;
        margin: 30px auto 0;
    }
    /*#header #area-bnr-super {
    width:300px;
    height:auto;
    float: none;
    margin:10px auto 0;
    display:block;
    text-align:center;
}*/
    #header #area-bnr-super {
        /*width: 728px;*/
        width: auto;
        height: auto;
        float: none;
        text-align: center;
        padding: 20px 10px 0;
        box-sizing: border-box;
        clear: both;
    }

    /*#header #area-bnr-super .bnrLeft {
        width: 49%;
        height: auto;
        float: left;
        margin-right: 2%;
    }*/
    #header #area-bnr-super .bnrLeft {
        width: 300px;
        height: auto;
        margin: 0 auto;
        float: none;
    }

    #header #area-bnr-super .bnrLeft img {
        width: 100%;
        height: auto;
    }

    /*#header #area-bnr-super .bnrRight {
        width: 49%;
        height: auto;
        float: right;
        margin-top: 0;
    }*/
    #header #area-bnr-super .bnrRight {
        width: 300px;
        height: auto;
        margin: 5px auto 0;
        float: none;
    }

    #header #area-bnr-super .bnrRight img {
        width: 100%;
        height: auto;
    }

    #info-btn {
        display: none;
    }
    #GlobalNavi {
        display: none;
    }
    #GlobalNavi2 {
        display: none;
    }
    #topicPath {
        display: none;
    }
    #area-College-Guide {
        display: none !important;
    }

    /*
area-Medical-Report
-------------------------------------------------*/
    .area-Medical-Report h2 {
        width: 98%;
        padding: 10px 0 10px 3px;
        margin-bottom: 15px;
    }

    .area-Medical-Report h2 img {
        width: 100%;
    }

    .area-Medical-Report .box01,
    .area-Medical-Report .box02,
    .area-Medical-Report .box03 {
        width: 30%;
        float: left;
        padding: 0 0 15px;
        margin: 0 5px 20px;
    }
    .area-Medical-Report .box01 {
        width: 30%;
        padding-left: 0;
    }
    .area-Medical-Report .box02 {
        border-right: none;
        border-left: none;
    }
    .area-Medical-Report .box01 div,
    .area-Medical-Report .box02 div,
    .area-Medical-Report .box03 div {
        float: none;
    }

    #area-sundai-report {
        display: none;
    }

    #area-college-report {
        margin-top: 5px;
    }

    /*
#area-Medical-Report {
    display: none !important;
}

#area-college-report {
    display: none;
}

#area-News {
    display: none;
}*/
    .area-News .area-News-Navi li,
    .area-News2 .area-News-Navi2 li {
        margin: 8px 0 15px 0;
    }

    #area-College-Homepage {
        display: none;
    }
    #area-College-Search {
        display: none;
    }
    #area-Sundai {
        display: none;
    }
    #Footer #ToTop {
        display: none;
    }
    #communication #area-sns,
    #global #area-sns,
    #hschool #area-sns,
    #action #area-sns,
    #info #area-sns,
    #interview #area-sns {
        display: inline;
    }
    .for-report {
        display: none;
    }
    #Wrapper {
        min-width: 0;
    }
    #WrapperInner {
        width: 100%;
        min-width: 300px;
    }
    #header {
        width: 100%;
    }
    #Wrapper #Contents {
        width: 94%;
        margin-right: 3%;
        margin-left: 3%;
        text-align: center;
    }

    #Site-top #Contents {
        margin-top: 0;
    }

    #Contents {
        width: 100%;
        margin-top: 0;
    }
    #ContentsInner {
        width: 100%;
    }
    #Contents #Main {
        width: 100%;
        float: none;
    }
    .box-more {
        width: 100%;
        height: auto;
    }
    .box-more img {
        width: 100%;
        height: auto;
    }


    /*　トップ 入試に関する企画特集
-------------------------------------------------*/
    #Wrapper #Contents #boxSpecial {
        width: 99%;
        display: block;
    }

    #Wrapper #Contents #boxSpecial h2 {
        width: 99%;
        height: auto;
        font-size: 120%;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 8px 0 8px 10px;
        background: #D1DBEF;
    }

    #Wrapper #Contents #boxSpecial ul {
        width: 95%;
    }

    #Wrapper #Contents #boxSpecial li {
        width: 95%;
        padding: 0 10px 10px 20px !important;
        background: url(../../images/news_arrow_01.gif) left 5px no-repeat;
    }

    /*
menu
-------------------------------------------------*/
    #sidr a {
        font-size: 86% !important;
    }
    .sideClose {
        margin: 20px !important;
        border: #FFF 1px solid !important;
    }
    .sideClose a {
        background-color: #fff !important;
        color: #333 !important;
        box-shadow: none !important;
    }
    .info-btn-sp {
        margin: 20px !important;
        border: #FFF 1px solid !important;
    }
    .info-btn-sp a {}
    /*
area-sns
-------------------------------------------------*/
    #area-sns {
        position: fixed;
        top: auto;
        right: auto;
        /*bottom:12px;*/
        bottom: 0;
        width: 100%;
        height: 35px;
        z-index: 9000;
        border: 3px solid #DDDDDD;
        border-bottom: none;
        background-color: #fff;
        padding: 5px;
        box-sizing: border-box;
    }
    #area-sns ul {
        text-align: center;
        margin: 0 auto;
    }
    #area-sns ul li.box-facebook {
        width: 170px;
    }
    #area-sns ul li.box-twitter {
        width: 100px;
    }
    /*
area-Main
-------------------------------------------------*/
    #headerInner {
        margin-bottom: 20px;
    }

    #headerInner2 {
        margin-top: 10px;
        width: 90%;
        margin-bottom: 20px;
    }
    #header #headerLogo {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
        float: none;
        border-bottom: 1px solid #ccc;
    }
    #header #headerLogo2 {
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        float: none;
    }
    #header #logoRight {
        width: 100%;
        height: auto;
        float: none;
        padding-top: 7px;
        vertical-align: bottom;
    }
    #header #main-logo2 {
        width: 270px;
        float: none;
        margin: 0;
        padding: 0;
    }
    #header #logo_asahi2 {
        width: 85px;
        display: inline;
        float: none;
    }
    #header #credit2 {
        width: 183px;
        display: inline;
        float: none;
        margin-top: 10px;
    }
    #header #area-bnr-sp {
        width: 100%;
        text-align: center;
        padding-top: 15px;
        display: block;
    }
    #header #area-bnr-sp img {
        margin-right: 0;
    }
    #header #main-logo {
        float: left;
        margin: 15px 0;
    }
    #header #main-logo img {
        width: 100%;
        max-width: 240px;
        height: auto;
    }
    #header #GlobalNavi-sp {
        float: right;
        margin-top: 20px;
    }
    #header #GlobalNavi-sp img {
        margin-right: 0;
    }
    #header #main-logo2 {
        float: left;
        margin-top: 15px;
    }
    #header #main-logo2 img {
        width: 240px;
    }
    #header #GlobalNavi-sp {
        float: right;
        margin-top: 20px;
    }
    #header #GlobalNavi-sp img {
        margin-right: 0;
    }
    /*
area-Main
-------------------------------------------------*/
    #area-Main {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #area-Main .box-photo {
        float: none;
    }
    #area-Main .box-photo img {
        width: 100%
    }
    #area-Main .box-text {
        width: 100%;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
        float: none;
    }
    #area-Main .area-Main-inr img {
        width: 100%;
    }
    .labelGlobalL {
        width: 100%;
        padding: 5px 8px;
        margin-bottom: 25px;
        text-align: left;
        float: left;
    }
    #area-Main .box-text .person {
        padding-top: 10px;
        font-size: 100%;
        font-weight: bold;
        color: #000;
        line-height: 1.4;
    }
    #area-Main .box-text .person img {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #area-Main .box-text .lead {
        padding-top: 14px;
        color: #444444;
        text-align: left;
        font-size: 90%;
        line-height: 1.4;
    }


    /*
area-Report
-------------------------------------------------*/
    #area-Report {
        width: 300px;
        margin: 24px auto 40px;
        clear: both;
    }

    #area-Report ul {
        width: 300px;
        margin: 0;
        padding: 0;
    }

    #area-Report ul li {
        width: 300px;
        height: auto;
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }


    #area-Report ul li img.list {
        width: 100%;
        height: auto;
    }

    #area-Report ul li a {
        width: 100%;
        height: auto;
    }


    /*
area-Special-Report
-------------------------------------------------*/
    #area-Special-Report .box-SR {
        width: 100%;
        box-sizing: border-box;
        float: none;
        margin-right: 0;
    }
    #area-Special-Report .box-SR div a {
        display: block;
        width: 100%;
    }
    #area-Special-Report .box-SR div a img {
        width: 100%;
    }

    .labelActionL {
        margin-bottom: 0;
    }

    .labelActionL p {}

    #area-Main .box-text h2 a {
        font-size: 120%;
        font-weight: bold;
        color: #005FBD;
        line-height: 1.4;
        text-align: left;
    }



    /*
Offer
-------------------------------------------------*/
    #Offer {
        text-align: center;
    }
    /*
area-News
-------------------------------------------------*/
    .area-News {
        margin-top: 20px;
        position: static;
    }

    .area-News2 {
        margin: 20px 0 30px;
        position: static;
    }

    .area-News .area-News-Navi,
    .area-News2 .area-News-Navi2 {
        position: static;
    }
    .area-News .area-News-Navi li,
    .area-News2 .area-News-Navi2 li {
        margin-left: 0;
        margin-right: 15px;
    }
    .area-News .area-News-List,
    .area-News2 .area-News-List2 {
        clear: both;
    }

    .area-News .area-News-List {
        height: 160px;
    }

    .area-News2 .area-News-List2 {
        height: auto;
    }


    /*
Contents Side
-------------------------------------------------*/
    #Contents #Side {
        width: 100%;
        float: none;
    }
    #Contents #Side img {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
    .area-Pickup {
        width: 100% !important;
    }
    /*
area-Bnr-Ad
-------------------------------------------------*/
    #area-Bnr-Ad {
        text-align: center;
    }


    /*
area-Pickup
-------------------------------------------------*/
    .area-Pickup {
        text-align: center;
        margin-top: 20px;
    }

    .area-Pickup p {
        font-size: 80%;
        text-align: left;
    }

    /*
area-Laboratory
-------------------------------------------------*/
    #area-Laboratory img {
        width: 300px;
    }
    #area-Laboratory div {
        padding: 10px;
        border: #85B200 1px solid;
        border-top: none;
    }
    /*
area-logo-cn
-------------------------------------------------*/
    #area-logo-cn {
        width: 100%;
        box-sizing: border-box;
    }
    /*
ToTopInner
-------------------------------------------------*/
    #Footer #ToTop #ToTopInner {
        width: 100%;
    }
    #Footer .AboutSite {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    #Footer .AboutSite ul {
        margin: 10px 0 0 0;
        padding: 0;
    }
    #Footer .AboutSite ul li {
        width: 50%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #Footer .AboutSite ul li a {
        margin: 0;
        padding: 10px 2px;
        border: none;
        box-sizing: border-box;
        float: left;
        text-align: center;
    }
    .Copyright {
        font-size: 80%;
        padding-top: 20px !important;
        padding-bottom: 40px !important;
    }
    /*
communication
global
hschool
action
-------------------------------------------------*/
    #communication #Main h1,
    #global #Main h1,
    #hschool #Main h1,
    #action #Main h1 {
        font-size: 100%;
    }
    #communication #Main h2,
    #global #Main h2,
    #hschool #Main h2,
    #action #Main h2 {
        font-size: 100%;
    }
    #communication #Main h3,
    #global #Main h3,
    #hschool #Main h3,
    #action #Main h3 {
        font-size: 100%;
    }
    #communication #Main .floatL,
    #global #Main .floatL,
    #hschool #Main .floatL,
    #action #Main .floatL {
        float: none;
    }
    #communication #Main .floatR,
    #global #Main .floatR,
    #hschool #Main .floatR,
    #action #Main .floatR {
        float: none;
    }
    #communication #Main .floatLObject,
    #global #Main .floatLObject,
    #hschool #Main .floatLObject,
    #action #Main .floatLObject {
        margin: 15px 0 !important;
        text-align: center;
    }
    #communication #Main .floatRObject,
    #global #Main .floatRObject,
    #hschool #Main .floatRObject,
    #action #Main .floatRObject {
        margin: 15px 0 !important;
        text-align: center;
    }
    #communication #Main .floatLObject img,
    #global #Main .floatLObject img,
    #hschool #Main .floatLObject img,
    #action #Main .floatLObject img,
    #communication #Main .floatRObject img,
    #global #Main .floatRObject img,
    #hschool #Main .floatRObject img,
    #action #Main .floatRObject img {
        width: 100%;
    }
    #communication #Main .tCenter img,
    #global #Main .tCenter img,
    #hschool #Main .tCenter img,
    #action #Main .tCenter img,
    #communication #Main .tCenter img,
    #global #Main .tCenter img,
    #hschool #Main .tCenter img,
    #action #Main .tCenter img {
        width: 100%;
    }
    #communication #Main .box-profile img,
    #global #Main .box-profile img,
    #hschool #Main .box-profile img,
    #action #Main .box-profile img,
    #communication #Main .box-profile img,
    #global #Main .box-profile img,
    #hschool #Main .box-profile img,
    #action #Main .box-profile img {
        width: 100%;
        height: auto;
    }

    #communication #Main .box-profile,
    #global #Main .box-profile,
    #hschool #Main .box-profile,
    #action #Main .box-profile,
    #communication #Main .box-profile,
    #global #Main .box-profile,
    #hschool #Main .box-profile,
    #action #Main .box-profile {
        width: 90%;
    }


    #communication #Main .box-profile p,
    #global #Main .box-profile p,
    #hschool #Main .box-profile p,
    #action #Main .box-profile p,
    #communication #Main .box-profile p,
    #global #Main .box-profile p,
    #hschool #Main .box-profile p,
    #action #Main .box-profile p {
        width: 100%;
    }
    #communication #Main .box-profile img,
    #global #Main .box-profile img,
    #hschool #Main .box-profile img,
    #action #Main .box-profile img,
    #communication #Main .box-profile img,
    #global #Main .box-profile img,
    #hschool #Main .box-profile img,
    #action #Main .box-profile {
        width: 90%;
    }
    ul.pager {
        padding-left: 40px;
    }
    #header #logoRight {
        float: left;
        padding-top: 7px;
        vertical-align: bottom;
    }
    #MainDetail {
        width: auto;
        margin: 0 auto;
    }
    #DetailCollege {
        width: auto;
        height: auto;
        padding: 10px;
    }
    #DetailCollegeTitle {
        width: auto;
        height: auto;
        border-bottom: solid #ddd 1px;
        padding-bottom: 8px;

    }
    #DetailCollege h1 {
        font-size: 200%;
        text-align: left;
        display: block;
        width: 100%;
        float: none;
    }
    #MainDetail h3 {
        margin: 0 0 10px 10px;
    }
    #DetailCollegeLeft {
        width: auto;
        height: auto;
        margin: 0;
        float: none;
        clear: none;
    }
    #DetailCollegeLeft p {
        width: 100%;
        font-weight: bold;
        float: none;
        clear: none;
        margin: 15px 0;
        font-size: 120%;
    }
    .DetailBtn {
        width: 100%;
        float: none;
        height: auto;
        padding-top: 10px;
    }
    .DetailCollegeRight {
        width: auto;
        height: auto;
        margin: 0;
        float: none;
    }
    .DetailCollegeRight img {
        width: 90%;
        height: auto;
        float: none;
        margin: 0 auto 10px;
        text-align: center;
        display: block;
    }
    address {
        float: none;
        clear: none;
    }

    .DetailRecomend {
        width: auto;
        height: auto;
        margin: 0 10px;
    }
    .DetailRecomend ul {
        width: auto;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    .DetailRecomend li {
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        margin: 20px 0;
    }
    .DetailRecomend dt img {
        width: 239px;
        height: 180px;
        margin-bottom: 10px;
    }
    .DetailRecomend dd {
        width: 100%;
    }
    .DetailInfo {
        width: auto;
        height: auto;
        padding: 0;
    }
    .DetailInfo li {
        width: 32%;
        height: auto;
        margin-bottom: 20px;
    }
    @media screen and (max-width: 440px) {
        .DetailInfo li {
            width: 49%;
        }
        #header #main-logo {
            width: 100%;
            max-width: 240px;
            padding-right: 20px;
            box-sizing: border-box;
        }
    }

    @media screen and (max-width: 420px) {
        #info .floatRObject {
            float: none;
            margin: 0 0 20px 0;
        }
        #info .floatRObject img {
            width: 100%;
            max-width: 200px;
            height: auto;
            display: block;
            margin: 0 auto;
        }
        #Wrapper .floatLObject {
            float: none;
            margin: 20px 0;
        }
        #Wrapper .floatLObject img {
            width: 100%;
            max-width: 300px;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .label {
            width: 100%;
        }
        .label img {
            width: 100%;
            max-width: 300px;
            height: auto;
            float: left;
            text-indent: 0 !important;
        }
    }


    .DetailSummary dl {
        margin-bottom: 20px;
        margin-left: 10px;
    }
    .DetailSummary dt {
        margin-right: 20px;
    }
    .DetailSummary dd {
        margin-left: 0;
    }
    .DetaiFaculty {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .DetaiFaculty th,
    .DetaiFaculty td {
        width: 92% !important;
        display: block;
        padding: 10px;
        border-right: none;
    }
    /*
college
-------------------------------------------------*/
    .labelCollege {
        width: 100%;
    }
    #boxCollege ul {
        width: 100%;
        height: auto;
        list-style: none;
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        margin-right: -20px;
    }
    #boxCollege li {
        width: 100%;
        height: auto;
        float: left;
        display: inline;
        margin-bottom: 20px;
        margin-right: 0;
        padding: 0 5px 5px 0;
    }
    #boxCollege dt {
        width: 55px;
        height: 100px;
        float: left;
        margin-right: 0;
    }
    #boxCollege dd {
        width: 210px;
        float: right;
        line-height: 1.8;
    }
    #boxCollege dd img {
        margin-top: 10px;
    }
    /*
library
-------------------------------------------------*/
    #boxTitle2 {
        width: 100%;
        margin: 20px 30px 0 10px !important;
    }
    #Main2 {
        width: 100%;
    }
    #Main2 h1 img {
        width: 100%;
        height: auto;
    }
    #Main2 h1 {
        width: 100%;
        margin-bottom: 5px;
        border-top: #211713 double 8px;
    }
    #Main2 .box-tit2 {
        margin-bottom: 20px;
    }
    .labelLibrary {
        width: 100%;
        height: 39px;
        float: left;
        background-color: #E4EECE;
        border-top: #6AB024 solid 8px !important;
        margin-bottom: 10px;
    }
    .labelLibrary2 p {
        font-size: 120%;
        margin-bottom: 10px;
        line-height: 1.6 !important;
        padding-top: 10px;
    }
    .labelLibrary img {
        float: left;
    }
    #boxLibrary {
        margin-bottom: 40px;
    }
    #boxLibrary ul {
        width: 100%;
        height: auto;
        list-style: none;
        margin-bottom: 20px;
        overflow: hidden;
    }
    #boxLibrary li,
    #boxLibrary li.noneM {
        width: 48%;
        height: auto;
        display: inline;
        margin: 0 2% 20px 0;
    }
    #boxLibrary li:nth-child(even),
    #boxLibrary li.noneM:nth-child(even) {
        width: 50%;
        margin-right: 0;
    }
    #boxLibrary li img,
    #boxLibrary li a:hover img {
        display: none;
    }
    /*
Keyword
-------------------------------------------------*/
    .bnrKeyword {
        display: block;
        width: 300px;
        height: 251px;
        margin-bottom: 20px;
    }
    .bnrKeyword img {
        float: left;
    }
    .bnrKeywordNormal {
        width: 300px;
        height: 251px;
        margin-top: 15px;
    }
    .bnrKeywordNormal img {
        float: left;
    }
    #global #Main .box-tit2 {
        background-color: #FDFAF0;
        margin-bottom: 50px;
        padding-bottom: 30px;
    }
    .labelKeyword {
        width: 100%;
        height: 39px;
        float: none;
    }
    .labelKeyword2 p {
        margin: 10px 0 10px 10px !important;
        font-weight: bold !important;
        line-height: 1.8 !important;
    }
    #boxTitle {
        width: auto;
        margin: 20px 30px 20px 10px !important;
    }
    #textCenterObject {
        margin: 20px 30px 20px 10px;
    }
    #boxKeywordBacknumber {
        margin-bottom: 40px;
    }
    #global #Main #boxKeywordBacknumber h2 {
        height: auto;
        display: block;
        clear: both;
        font-size: 120%;
        border-left: #13A7CC 6px solid;
        padding-left: 8px;
        color: #444 !important;
        border-bottom: none !important;
    }
    #global #Main #boxKeywordBacknumber h3 {
        border-bottom: #13A7CC solid 3px;
        border-left: none;
        margin-bottom: 20px;
        padding-bottom: 5px;
        padding-left: 0;
        font-size: 120%;
        color: #13A7CC;
    }
    #boxKeywordBacknumber img {
        margin-bottom: 8px;
    }
    #boxKeywordBacknumber span {
        font-weight: bold;
        margin-right: 1em
    }
    #boxKeywordBacknumber h2 {
        border-bottom: #13A7CC solid 3px !important;
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 120% !important;
        color: #13A7CC !important;
    }
    #boxKeywordBacknumber li {
        line-height: 2em;
    }


    /*
action
-------------------------------------------------*/
    #action #Main img.w300,
    #action #Main img.w250 {
        width: 100%;
        height: auto;
    }

    #action #Main .box-tit-inr img {
        width: 100%;
        height: auto;
    }

    #action #Main p.cap {
        text-align: left;
    }
    /*
interview
-------------------------------------------------*/
    #interview #Main .box-tit-inr h1 p.name {
        font-size: 55%;
        margin: 15px 0 10px;
    }

    #interview #Main .box-tit-inr h1 p.link {
        font-size: 50%;
        margin: 0;
    }

    #interview #Main p.lead {
        margin-bottom: 20px;
        clear: both;
    }

    #interview .floatR {
        float: none;
        text-align: center;
    }

    #interview .floatRObject {
        margin: 0 0 25px 0;
        float: none;
        text-align: center;
    }


    /*
info
-------------------------------------------------*/
    #info .Index #Main .info-box {
        overflow: hidden;
    }

    #info .Index #Main .info-box .text {
        width: auto;
        float: none;
        clear: none;
    }

    #info .Index #Main .info-box .photo {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    #info .Index #Main .info-box .photo img {
        width: 100%;
        max-width: 360px;
        height: auto;
        display: block;
        margin: 0 auto;
    }


    #info .Index #Main .info-box ul li {
        margin-bottom: 20px;
    }

    #info .Index #Main .info-box ul li a {
        height: auto;

    }

    /*
bnr
-------------------------------------------------*/
    .bnrKeyword {
        width: 300px;
        height: 251px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    .bnrKeywordNormal {
        display: none;
    }
    .bnrKeywordPC {
        width: 300px;
        height: 251px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    /*
Keyword
-------------------------------------------------*/
    #global #Main .boxGlobal h1 {
        width: 98%;
        height: auto;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        top: 2px;
        z-index: 2;
    }
    #global #Main .boxGlobal h1 img {
        width: 98%;
        height: auto;
        margin-top: 20px;
    }
    #global #Main .boxGlobal ul {
        display: none;
    }
    #global #Main .boxGlobal li {
        display: none;
    }
    #wrapper #content #univDetail ul {
        width: 98%;
        height: auto;
        margin: 6px 0 0 0;
        padding: 0;
        float: none;
        list-style: none;
    }
    #wrapper #content #univDetail li {
        width: 98%;
        height: auto;
        display: block;
        margin: 0;
        list-style: none;
    }
    .boxKeyword {
        width: 93%;
        height: auto;
        margin: 0 auto 8px !important;
        padding: 15px 8px 8px 8px !important;
        position: relative;
        top: -2px;
        z-index: 1;
    }
    .boxKeyword img {
        width: 98%;
        height: auto;
        float: none;
        clear: none;
        margin-left: 0;
    }
    .boxKeyword p {
        width: 98%;
        line-height: 1.8 !important;
    }
    #global #Main .boxUnivGlobal {
        width: 98%;
        height: auto;
    }
    #global #Main .boxUnivGlobal ul {
        width: 98%;
        margin: 15px 0;
        padding-bottom: 30px;
    }
    #global #Main .boxUnivGlobal li {
        width: 98;
        height: auto;
        background: url(../images/com_ico_dot_01.gif) no-repeat 1px 8px;
        padding: 0 0 12px 15px;
        float: left;
    }
    #global #Main .boxUnivGlobal h2 {
        width: 98%;
        height: auto;
        border-bottom: #13A7CC 2px solid;
        font-size: 120%;
        clear: both;
        padding-top: 30px;
    }
    #global #Main .boxUnivGlobal h3 {
        width: 98%;
        height: auto;
        border-bottom: #C8C8C8 1px dotted;
        color: #13A7CC;
        font-size: 100%;
        clear: both;
        border-left: 0;
        padding-bottom: 5px;
        padding-left: 0;
        margin-top: 20px !important;
    }

    #global #Main #area-Special-Report h4 {
        width: 100%;
    }

    /*
Active
-------------------------------------------------*/
    #active #Main .boxActive h1 {
        width: 98%;
        height: auto;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        top: 2px;
        z-index: 2;
    }
    #active #Main .boxActive h1 img {
        width: 98%;
        height: auto;
        margin-top: 20px;
    }
    #active #Main .boxActive ul {
        display: none;
    }
    #active #Main .boxActive li {
        display: none;
    }
    #active #Main .boxUnivActive {
        width: 98%;
        height: auto;
    }
    #active #Main .boxUnivActive ul {
        width: 98%;
        margin: 15px 0;
        padding-bottom: 30px;
    }
    #active #Main .boxUnivActive li {
        width: 98;
        height: auto;
        padding: 0 0 12px 15px;
        float: left;
    }
    #active #Main .boxUnivActive h2 {
        width: 98%;
        height: auto;
        font-size: 120%;
        clear: both;
        padding-top: 30px;
    }

    #active #Main .boxUnivActive h3 {
        width: 98%;
        height: auto;
        font-size: 100%;
        clear: both;
        border-left: 0;
        padding-bottom: 5px;
        padding-left: 0;
        margin-top: 20px !important;
    }

    #active #Main #area-Special-Report h4 {
        width: 100%;
    }

    /*
First
-------------------------------------------------*/
    #first #Main .boxFirst h1 {
        width: 98%;
        height: auto;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        top: 2px;
        z-index: 2;
    }
    #first #Main .boxFirst h1 img {
        width: 98%;
        height: auto;
        margin-top: 20px;
    }
    #first #Main .boxFirst ul {
        display: none;
    }
    #first #Main .boxFirst li {
        display: none;
    }
    #first #Main .boxUnivFirst {
        width: 98%;
        height: auto;
    }
    #first #Main .boxUnivFirst ul {
        width: 98%;
        margin: 15px 0;
        padding-bottom: 30px;
    }
    #first #Main .boxUnivFirst li {
        width: 98;
        height: auto;
        padding: 0 0 12px 15px;
        float: left;
    }
    #first #Main .boxUnivFirst h2 {
        width: 98%;
        height: auto;
        font-size: 120%;
        clear: both;
        padding-top: 30px;
    }
    #first #Main .boxUnivFirst h3 {
        width: 98%;
        height: auto;
        font-size: 100%;
        clear: both;
        border-left: 0;
        padding-bottom: 5px;
        padding-left: 0;
        margin-top: 20px !important;
    }

    #first #Main #area-Special-Report h4 {
        width: 100%;
    }

    /*
Career
-------------------------------------------------*/
    #career #Main .boxCareer h1 {
        width: 98%;
        height: auto;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        top: 2px;
        z-index: 2;
    }
    #career #Main .boxCareer h1 img {
        width: 98%;
        height: auto;
        margin-top: 20px;
    }
    #career #Main .boxCareer ul {
        display: none;
    }
    #career #Main .boxCareer li {
        display: none;
    }
    #career #Main .boxUnivCareer {
        width: 98%;
        height: auto;
    }
    #career #Main .boxUnivCareer ul {
        width: 98%;
        margin: 15px 0;
        padding-bottom: 30px;
    }
    #career #Main .boxUnivCareer li {
        width: 98;
        height: auto;
        padding: 0 0 12px 15px;
        float: left;
    }
    #career #Main .boxUnivCareer h2 {
        width: 98%;
        height: auto;
        font-size: 120%;
        clear: both;
        padding-top: 30px;
    }
    #career #Main .boxUnivCareer h3 {
        width: 98%;
        height: auto;
        font-size: 100%;
        clear: both;
        border-left: 0;
        padding-bottom: 5px;
        padding-left: 0;
        margin-top: 20px !important;
    }

    #career #Main #area-Special-Report h4 {
        width: 100%;
    }

    .for-report2 {
        display: none;
    }
    .for-report3 {
        display: none;
    }
    .labelGlobal {
        width: auto;
        height: auto;
        padding: 5px 12px;
        overflow: hidden;
    }
    .labelGlobal p {
        font-weight: bold;
        font-size: 80%;
    }
    .topData {
        float: right;
    }
    .labelGlobalL {
        width: 97%;
        height: auto;
        padding: 5px 8px;
        overflow: hidden;
        margin-bottom: 20px;
        text-align: left;
    }
    .labelGlobalL p {
        font-weight: bold;
        font-size: 80%;
    }
    .topDataL {
        float: right;
    }
    .labelAction {
        width: auto;
        height: auto;
        padding: 5px 12px;
        overflow: hidden;
    }
    .labelAction p {
        font-weight: bold;
        font-size: 80%;
    }
    /*
参加大学のご紹介
-------------------------------------------------*/
    #search-check #Contents #Main {
        width: 100%;
        margin: 0 auto;
    }

    #search-check #Contents #Main h1 {
        width: 100%;
        height: auto;
        clear: none;
    }

    #search-check #Contents #Main h1 .boxCheckTitle {
        width: 100%;
        height: auto;
        font-size: 200%;
        float: none;
        clear: none;
        line-height: 1.2;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    #search-check #Contents #Main h1 .boxCheckTitle span {
        font-size: 60%;
    }

    #search-check #Contents #Main h1 .navCheck {
        margin: 20px 0 15px;
        float: left;
    }

    #search-check #Contents #Main h1 .navCheck a {
        font-size: 120%;
    }


    #search-check #Wrapper #Main #boxArea {
        overflow: hidden;
    }
    #search-check #Wrapper #Main #boxArea dl {
        width: 100%;
    }
    #search-check #Wrapper #Main #boxArea dt {
        width: auto !important;
        height: auto !important;
        float: none !important;
        clear: none;
        border-right: none !important;
    }
    #search-check #Wrapper #Main #boxArea dd {
        margin-left: 0 !important;
        line-height: 1.8;
        padding-left: 0;
        float: none !important;
        height: auto;
    }
    #search-check #Wrapper #Main ul#boxAreaJs {
        width: 100%;
        clear: both;
    }
    #search-check #Wrapper #Main #boxAreaJs li {
        width: auto;
        float: left !important;
        margin-left: 0;
        padding-left: 0;
    }
    #search-check #Wrapper #Main #boxIntro {
        width: 100% !important;
    }

    #Main #boxUniv {
        width: 68%;
        margin: 20px auto 0;
        text-align: center;
    }

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

        #Main #boxUniv {
            width: 39%;
        }
    }

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

        #Main #boxUniv {
            width: 40%;
        }
    }

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

        #Main #boxUniv {
            width: 45%;
        }
    }

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

        #Main #boxUniv {
            width: 50%;
        }
    }
    @media screen and (max-width: 320px) {

        #Main #boxUniv {
            width: 60%;
        }
        .area-Pickup .photo {
            max-width: 75px;
        }
    }


    #Main #boxUniv ul {
        width: 80%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    #Main #boxUniv li {
        width: 80%;
        display: inline-block;
        margin: 0 auto;
        padding-bottom: 20px !important;
    }
    #Main #boxUniv li span {
        width: 100%;
        font-size: 100%;
        display: block;
    }
    #Main #boxUniv h2 {
        font-size: 120%;
        margin-top: 6px;
    }
    #Main #boxUniv dl {
        width: 100%;
    }
    /*#boxUniv dt {
    display: none;
}
#boxUniv dt a {
    display: none;
}
#boxUniv dt a:hover {
    display: none;
}*/
    #Main #boxUniv dd {
        width: 176px;
        height: 23px;
        margin-top: 3px;
        padding: 0;
        text-align: center;
    }
    #Main #boxUniv dd img {
        margin: 0;
        padding: 0;
    }
    #Main #boxUniv .btnOfficial {
        width: 85px;
        height: 23px;
        float: left;
        clear: both;
    }
    #Main #boxUniv .btnUniv {
        width: 85px;
        height: 23px;
        float: right;
        *float: none;
    }
    #Main #boxUniv .btnOfficial img {
        border: none;
    }
    #Main #boxUniv .btnOfficial a {
        border: none;
    }
    #Main #boxUniv .btnOfficial a:hover {
        border: none;
    }
    #Main .boxMongon {
        width: 100% !important;
        height: auto;
        margin: 5px auto;
    }
    /* 2.checkHeader
---------------------------------------------------------*/
    #search-check #Wrapper #checkHeader:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #search-check #Wrapper #checkHeader {
        display: inline-block;
        min-height: 1%;
        /* for ie7 */
    }
    /* Hides from IE-mac \*/
    * html #search-check #Wrapper #checkHeader {
        height: 1%;
    }
    #search-check #Wrapper #checkHeader {
        display: block;
    }
    /* End hide from IE-mac */
    #boxLink a {
        color: #00B73C;
        font-weight: bold;
        border: none !important;
        margin-top: 5px;
    }
    #boxLink2 a {
        color: #FF6600;
        font-weight: bold;
        border: none !important;
        margin-top: 5px;
    }

    #pageSide .pageSideBox-03 {
        width: auto;
        float: none;
        margin: 0 auto;
    }

}

/*
2Colmun
-------------------------------------------------*/

@media screen and (max-width: 640px) {
    .BlkColmun__float-Wrap img {
        float: none;
        padding: 0;
        padding-bottom: 20px;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 680px) {
    #Contents #Side {
        width: 300px;
        float: none;
        margin: 0 auto;
    }
    .pageSideBox-top {
        width: 300px;
        float: none;
        margin: 0 auto;
    }
    .bnr {
        width: 100%;
        margin: 0 auto;
    }


}