@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
.header-pc-logo .normal {
  display: none;
}
.header-pc-logo .bold {
  display: block;
}
.header-sp-logo .normal {
  display: none;
}
.header-sp-logo .bold {
  display: block;
}

main.agriculture .mvArea {
  background: #8fc320;
  color: #fff;
}
main.agriculture .linkArea-link a {
  background-color: rgba(143, 195, 32, 0.2);
}
main.economics .mvArea {
  background: #0070bc;
  color: #fff;
}
main.economics .linkArea-link a {
  background-color: rgba(0, 112, 188, 0.2);
}
main.nursing .mvArea {
  background: #ffffff;
  color: #000;
}
main.nursing .linkArea-link a {
  background-color: rgba(255, 255, 255, 0.2);
}
main.law .mvArea {
  background: #65117e;
  color: #fff;
}
main.law .linkArea-link a {
  background-color: rgba(101, 17, 126, 0.2);
}
main.business .mvArea {
  background: #f18c00;
  color: #fff;
}
main.business .linkArea-link a {
  background-color: rgba(241, 140, 0, 0.2);
}
main.science-engineering .mvArea {
  background: #004da2;
  color: #fff;
}
main.science-engineering .linkArea-link a {
  background-color: rgba(0, 77, 162, 0.2);
}
main.architecture .mvArea {
  background: #01a7ea;
  color: #fff;
}
main.architecture .linkArea-link a {
  background-color: rgba(1, 167, 234, 0.2);
}
main.pharmacy .mvArea {
  background: #1d2089;
  color: #fff;
}
main.pharmacy .linkArea-link a {
  background-color: rgba(29, 32, 137, 0.2);
}
main.sociology .mvArea {
  background: #f9be00;
  color: #fff;
}
main.sociology .linkArea-link a {
  background-color: rgba(249, 190, 0, 0.2);
}
main.informatics .mvArea {
  background: #000000;
  color: #fff;
}
main.informatics .linkArea-link a {
  background-color: rgba(0, 0, 0, 0.2);
}
main.medicine .mvArea {
  background: #e6242e;
  color: #fff;
}
main.medicine .linkArea-link a {
  background-color: rgba(230, 36, 46, 0.2);
}
main.bost .mvArea {
  background: #d7007f;
  color: #fff;
}
main.bost .linkArea-link a {
  background-color: rgba(215, 0, 127, 0.2);
}
main.engineering .mvArea {
  background: #009243;
  color: #fff;
}
main.engineering .linkArea-link a {
  background-color: rgba(0, 146, 67, 0.2);
}
main.hose .mvArea {
  background: #009aa5;
  color: #fff;
}
main.hose .linkArea-link a {
  background-color: rgba(0, 154, 165, 0.2);
}
main.juniorcollege .mvArea {
  background: #fff100;
  color: #000;
}
main.juniorcollege .linkArea-link a {
  background-color: rgba(255, 241, 0, 0.2);
}
main.distance-learning .mvArea {
  background: #72283f;
  color: #fff;
}
main.distance-learning .linkArea-link a {
  background-color: rgba(114, 40, 63, 0.2);
}
main.international-student .mvArea {
  background: #334b6f;
  color: #fff;
}
main.international-student .linkArea-link a {
  background-color: rgba(51, 75, 111, 0.2);
}
main.international-studies .mvArea {
  background: #93d1ca;
  color: #fff;
}
main.international-studies .linkArea-link a {
  background-color: rgba(147, 209, 202, 0.2);
}
main.lit-art-cul .mvArea {
  background: #C80260;
  color: #fff;
}
main.lit-art-cul .linkArea-link a {
  background-color: rgba(200, 2, 96, 0.2);
}

.mvArea {
  height: 21.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #000;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    height: 12.5vw;
  }
}
.mvArea h1 {
  font-size: 5.6vw;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 751px), print {
  .mvArea h1 {
    font-size: 2.890625vw;
  }
}

.linkArea {
  margin: 4vw 0 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .linkArea {
    margin: 3.125vw;
    margin-bottom: 0;
  }
}
.linkArea-link {
  display: flex;
}
.linkArea-link a {
  border: solid 2px #fff;
  outline: solid 1px #000;
  width: auto;
  position: relative;
  display: inline-block;
  font-size: 2.9333333333vw;
  background-color: #d4d7ee;
  line-height: 1.2;
  margin-left: auto;
  margin-right: 0;
  padding: 1.3333333333vw;
  padding-right: 6.6666666667vw;
  border-right: none;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a {
    border: solid 2px #fff;
    padding: 0.3125vw 0.78125vw;
    padding-right: 2.34375vw;
    font-size: 1.015625vw;
    letter-spacing: 0.12em;
  }
}
.linkArea-link a:before {
  content: "";
  display: inline-block;
  width: 4.6666666667vw;
  height: 4.6666666667vw;
  background-image: url(../img/common/icon_target_btn.webp);
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 1.3333333333vw;
  top: 1.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a:before {
    width: 1.5625vw;
    height: 1.5625vw;
    right: 0.3125vw;
    top: 0.3125vw;
  }
}
.linkArea-link a .small {
  font-size: 2.5333333333vw;
  letter-spacing: normal;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a .small {
    font-size: 0.78125vw;
  }
}

.listArea {
  border-bottom: solid #000 1px;
}
.listArea-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 91.3333333333vw;
  padding-bottom: 8vw;
  margin: 0 auto;
}
@media screen and (min-width: 751px), print {
  .listArea-list {
    width: 77.34375vw;
    padding-bottom: 5.46875vw;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list:before {
    content: "";
    display: block;
    order: 1;
    width: 16.40625vw;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list:after {
    content: "";
    display: block;
    order: 1;
    width: 16.40625vw;
  }
}
.listArea li {
  display: flex;
  width: 42vw;
  margin-top: 8.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .listArea li {
    width: 16.40625vw;
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 750px), print {
  .listArea li:nth-child(1), .listArea li:nth-child(2) {
    margin-top: 0;
  }
}
.listArea a {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.listArea a:hover {
  opacity: 1;
}
@media screen and (min-width: 751px), print {
  .listArea a:hover .listArea-img {
    padding: 0.78125vw;
    background-color: #dcff00;
  }
}
@media screen and (min-width: 751px), print {
  .listArea a:hover .listArea-ttl span {
    background: linear-gradient(transparent 0%, #dcff00 20%, #dcff00 80%, transparent 100%);
  }
}
.listArea-img {
  width: 100%;
  height: 42vw;
  object-fit: cover;
  border: solid 1px #000;
}
@media screen and (min-width: 751px), print {
  .listArea-img {
    height: 16.40625vw;
    transition: all ease 0.2s;
  }
}
.listArea-ttl {
  font-size: 3.6vw;
  line-height: 1.5;
  font-weight: 700;
  padding: 1.3333333333vw 0 2vw;
}
@media screen and (min-width: 751px), print {
  .listArea-ttl {
    font-size: 1.40625vw;
    padding: 0.625vw 0 0.9375vw;
    transition: all ease 0.2s;
  }
}
.listArea-ttl .kome {
  vertical-align: top;
  font-size: 0.8em;
}
.listArea-ttl .caution {
  display: block;
  font-size: 0.7em;
  text-align: left;
  margin-top: 1.3333333333vw;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
@media screen and (min-width: 751px), print {
  .listArea-ttl .caution {
    font-size: 0.8em;
    margin-top: 0.3125vw;
  }
}
.listArea-txt {
  font-size: 2.8vw;
  font-weight: 700;
  line-height: 1.8;
  padding-top: 0.8vw;
  margin-top: auto;
  border-top: solid 0.2666666667vw #000;
}
@media screen and (min-width: 751px), print {
  .listArea-txt {
    transition: all ease 0.2s;
    font-size: 1.09375vw;
    border-top: 0.15625vw solid #000;
    padding-top: 0.3125vw;
  }
}

.btnArea {
  border-top: solid 1px #000;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  margin-top: 0.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .btnArea {
    margin-top: 0.3125vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
  }
}/*# sourceMappingURL=faculty.css.map */