@charset "UTF-8";


@media screen and (min-width: 768px) {
  body > #wrapper {min-width: 1240px;}
  body main{padding-bottom: 100px;}
}
@media screen and (max-width: 767px) {
  body main{padding-bottom: 60px;}

}

/* ========================================
  for topIndex
======================================== */
.mv2{
  text-align: left;
  border-bottom: 40px solid #fff;
  
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;

}

.mv2 .text{
  display: flex;align-items: center;justify-content: flex-start;
  height: 500px;
  
  max-width: 1400px;padding-left: 5%;
  margin: 0 auto;text-align: left;
  font-size: 50px;line-height: 1.28;font-weight: bold;

  font-size: 56px;
}
.mv2 .text span{font-size: 25px;display: block;margin-top: 20px;}




/* title01 */
.title01B{border-bottom: 1px solid #00479d;padding: 11px 0 10px 20px;background: #f4f4f4;font-size: 18px;line-height: 1;color: #00479d;font-weight: bold;}
.title01B span{font-size: 11px;}

/* btnList */
.topIndex .btnList{display: flex;flex-wrap: wrap;}
.topIndex .btnList li{width: 235px;margin-top: 20px;margin-right: 20px;font-weight: bold;font-size: 19px;}
.topIndex .btnList li:nth-child(4n){margin-right: 0;}
.btnList li a{
  display: flex;align-items: center;
  height: 90px;
  border: 1px solid #00479d;border-radius: 4px;
  position: relative;
  padding-left: 70px;
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
a.feature{background-image: url(../images/common/ico_feature.png);}
a.display{background-image: url(../images/common/ico_display.png);}
a.facilities{background-image: url(../images/common/ico_facilities.png);}
a.faciScale{background-image: url(../images/common/ico_facilities_scale.png);}
a.machine{background-image: url(../images/common/ico_machine.png);}
a.docInfo{background-image: url(../images/common/ico_doc_info.png);}
a.letter{background-image: url(../images/common/ico_letter.png);}
a.contact{background-image: url(../images/common/ico_contact.png);}

.topIndex .btnList li a:after{
  content:'';display: block;position: absolute;right: 2px;top: 50%;margin-top: -7px;
  border: 7px solid #fff;border-left-color: #00479d;
}

.topIndex .dbBlock,
.topIndex .bookshelf{margin-top: 40px;}
.topIndex .dbBlock ul{float: left;padding: 10px 20px;}
.topIndex .dbBlock li{font-size: 18px;margin-top: 10px;font-weight: bold;}
.topIndex .dbBlock li a{display: inline-block;position: relative;padding-right: 20px;}
.topIndex .dbBlock li a:after {
    position: absolute;
    right: 0;
    top: 50%;margin-top: -5px;
    content: '';
    display: block;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #00479d;
}
.topIndex .bookshelf .title01{font-size: 17px;}
.topIndex .bookshelf .image{text-align: center;padding-top: 12px;}
.topIndex .bookshelf .image img{width: 200px;}


@media screen and (max-width: 767px) {
  .topIndex .title01{margin-left: -15px;margin-right: -15px;padding: 8px 15px;}
  .topIndex .btnList li{width: 48%;margin-right: 4%;margin-top: 15px;font-size: 15px;}
  .topIndex .btnList li:nth-child(2n){margin-right: 0;}
  .topIndex .btnList li a{
    height: 80px;padding-left: 40px;
    background-size: 33px auto;
    background-position: 4px 45%;
  }
  .topIndex .btnList li a.display{background-size: 28px auto;background-position: 6px 40%;}
  .topIndex .btnList li a.letter{background-size: 40px auto;}
  .topIndex .btnList li a:after{right: 0;border-width: 5px;}

  .topIndex .dbBlock,
  .topIndex .bookshelf{width: 100% !important;}
.topIndex .dbBlock .title01{margin-bottom: 20px;}
.topIndex .dbBlock ul{float: none;padding: 0;margin-right: 0;}
.topIndex .dbBlock li{font-size: 15px;margin-top: 14px;}



}


/* ========================================
  for 理工学部
======================================== */

.fraser .topIndex .dbBlock{width: 660px;float: left;}
.fraser .topIndex .dbBlock ul{/*margin-right: 10px; */width: 50%;}
.fraser .topIndex .bookshelf{width: 300px;float: right;}

@media screen and (max-width: 767px) {
.fraser .topIndex .bookshelf .image{padding-top: 25px;}
.fraser .topIndex .bookshelf .image img{width: 250px;}

}


/* ========================================
  for 看護学部
======================================== */

.kango .topIndex .dbBlock ul{width:50%;}

@media screen and (max-width: 767px) {
.kango .topIndex .dbBlock ul{width:100%;}

}




/* ========================================
  for 法科大学院
======================================== */


@media screen and (min-width: 768px) {
.houka .topIndex .dbBlock ul{width:100%;float: none;display: flex;flex-wrap: wrap;}
.houka .topIndex .dbBlock ul li{width:40%;}
.houka .topIndex .dbBlock ul li:nth-child(3n+1){width:35%;}
.houka .topIndex .dbBlock ul li:nth-child(3n+3){width:25%;}
}
@media screen and (max-width: 767px) {
.houka .topIndex .dbBlock ul{}

}