@charset "UTF-8";
/* ==========================================================
Name:
    feature.css

Description:
   「本学の特徴」コーナー用カスタムスタイル

Contents:
    top
    professor
    facilitys facilitys02
    equipment equipment02
    qualify_passrate
    job_offer
    expenses

    ========================================================== */


.mod-greeting__center {
    margin-bottom:0;
}


/**********************************
 outer link btn
*********************************/

a.outer_link_red{
    background-color:#18943B;
}

a.outer_link_blue{
    background-color:#0482e3;
}

a.outer_link_blue_1{
    background-color:#0482e3;
}


a.outer_link_russet{
    background-color:#dc6a81;
}

a.outer_link_navy{
    background-color:#00aae0;
}


a.outer_link_green{
    background-color:#4b805a;
}


a.outer_link_orange{
    background-color:#e88120;
}


/**********************************
 shard format
**********************************/

.mod-greeting__center {
    margin-bottom:0;
}


#img-canmpus-main{
    display:block;
    overflow:hidden;
    width:100%;
    letter-spacing:-.4em;
    margin-bottom:25px;
}

.img-canmpus-top{
    display:block;
    overflow:hidden;
    width:100%;
    position:relative;
    letter-spacing:normal;
}

.img-canmpus-mid{
    display:inline-block;
    overflow:hidden;
    width:365px;
    position:relative;
    letter-spacing:normal;
    margin-top:30px;
}

.img-canmpus-mid:last-child{
    margin-left:40px;
}

.img-canmpus-x-mid{
    display:inline-block;
    overflow:hidden;
    width:400px;
    position:relative;
    letter-spacing:normal;
    margin-top:30px;
}



.campus-databox{
    display:block;
    overflow:hidden;
    background-color: #f7f7f7;
    padding:50px;
    margin-bottom:50px;
}

.campus-databox h5{
    font-size:1.4rem;
    margin-bottom: 0.5em;
}

.campus-databox h5:first-child{
    margin-bottom: 1em;
}

.campus-databox dl{
    display:block;
    overflow:hidden;
}

.campus-databox dl > dt{
    clear:both;
    display:block;
    overflow:hidden;
    width:150px;
    float:left;
    font-size:1.1rem;
    font-weight:bold;
}

.campus-databox dl > dd{
    display:inline-block;
    overflow:hidden;
    width:520px;
    margin-bottom:20px;
}

.campus-databox dl > dd > table{
    width:36%;
    float:left;
    margin-right:10px;
}

.campus-databox dl > dd > table tr > td:nth-child(1),
.campus-databox dl > dd > table tr > td:nth-child(3){
    width:60%;
		white-space: nowrap;
}
.campus-databox dl > dd > table tr > td:nth-child(2),
.campus-databox dl > dd > table tr > td:nth-child(4){
    width:40%;
    text-align:right;
}
.campus-capa{
    margin-left:1em;
}

.canmpus-notes{
    color:#ffffff;
    background-color:#ff0000;
    padding:5px;
    margin-left: 1em;
}

.caption {
	margin-top: .5em;
}

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

    .img-canmpus-mid{
        display:block;
        width:100%;
        margin-top:30px;
    }

    .img-canmpus-mid:last-child{
        margin-left:0;
    }


    .campus-databox{
        padding:1em;
    }

    .campus-databox h5{
        font-size:1.0rem;
    }

    .campus-databox dl > dt{
        width:auto;
        float:none;
        margin-bottom:0.5em;
    }

    .campus-databox dl > dd{
        display:block;
        width:auto;
    }

    .campus-databox dl > dd > table{
        width:90%;
        float:none;
    }

    .campus-databox a.outer_link_red{
        width:100%; 
    }

    .img-scroll-frame{
        display:block;
        overflow-x:scroll;
        width:100%;
    }

    .img-scroll{
        display:block;
        margin-bottom:14px;
    }

    .canmpus-notes{
        margin-left: 0;
    }

}


/* ==========================================================
*
*   Ootawara
*
========================================================== */

#campus_ootawara .img-scroll{
    width:770px;
    height:auto;
}


/* ==========================================================
*
*  Narita
*
========================================================== */

#campus_narita .img-scroll{
    width:770px;
    height:auto;
}

#campus_narita a.outer_link_blue{
    width:80%;
}

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

   #campus_narita a.outer_link_blue{
    width:100%;
}

}

#campus_narita a.outer_link_blue_1{
    /*width:80%;*/
}

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

   #campus_narita a.outer_link_blue_1{
    width:100%;
}

}

/* ==========================================================
*
*  Akasaka
*
========================================================== */
#campus_akasaka{
    margin-bottom:50px;
}

#campus_akasaka .campus-databox dl > dt{
    width:300px;
}

#campus_akasaka .campus-databox dl > dd{
    width:370px;
}

#campus_akasaka .campus-databox dl > dd > table{
    width:100%;
}

#campus_akasaka .img-scroll{
    width:770px;
    height:auto;
}

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

    #campus_akasaka .campus-databox dl > dd > table{
        width:auto;
        margin-right:0;
    }

    #campus_akasaka .campus-databox dl > dd > table td{
        width:auto;
    }

}

/* ==========================================================
*
*  Odawara
*
========================================================== */
#campus_odwara .img-scroll{
    width:770px;
    height:auto;
}

#campus_odwara .campus-databox dl > dt{
    width:200px;
}

#campus_odwara .campus-databox dl > dd{
    width:470px;
}



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

    #campus_odwara .campus-databox dl > dd > table{
        width:auto;
        margin-right:0;
    }

    #campus_odwara .campus-databox dl > dd > table td{
        width:auto;
        padding-right: 2em;
    }

}


/* ==========================================================
*
*  Fukuoka
*
========================================================== */
#campus_fukuoka .img-scroll{
    width:770px;
    height:auto;
}


/*
@media screen and (max-width: 738px) {
    
  
}*/


/* ==========================================================
*
*  Ookawa
*
========================================================== */
#campus_ookawa .img-scroll{
    width:770px;
    height:auto;
}


/*
@media screen and (max-width: 738px) {
    
}
*/