@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
.mvArea {
  height: 21.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    height: 12.5vw;
  }
}
.mvArea h1 {
  line-height: 1;
  width: 59.2vw;
}
@media screen and (min-width: 751px), print {
  .mvArea h1 {
    width: 60.703125vw;
    margin-right: 3.90625vw;
  }
}

.contentArea {
  border-bottom: solid 1px #000;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .contentArea {
    background-image: url(../img/about/about_bg_01_pc.webp);
    background-size: 100%;
    height: 157.03125vw;
  }
}
@media screen and (max-width: 750px), print {
  .contentArea:before {
    content: "";
    display: block;
    width: 100%;
    height: 60vw;
    background-image: url(../img/about/about_bg_01_sp.webp);
    background-size: contain;
    background-position: center;
  }
}
@media screen and (max-width: 750px), print {
  .contentArea:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vw;
    background-image: url(../img/about/about_bg_02_sp.webp);
    background-size: contain;
    background-position: center;
  }
}
.contentArea-img {
  width: 33.3333333333vw;
  display: inline-block;
  position: absolute;
  top: 6.4vw;
  left: 48.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 751px), print {
  .contentArea-img {
    width: 17.96875vw;
    left: 49.8%;
    top: -14.375vw;
  }
}
.contentArea-box {
  padding: 6.6666666667vw 0 10.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box {
    padding: 35.15625vw 0 0;
  }
}
.contentArea-ttl {
  font-size: 6vw;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .contentArea-ttl {
    font-size: 2.34375vw;
  }
}
.contentArea-ttl:before {
  display: block;
  content: "";
  width: 7.4666666667vw;
  height: 0.4vw;
  background-color: #039be4;
  display: inline-block;
  position: absolute;
  bottom: -5.0666666667vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 751px), print {
  .contentArea-ttl:before {
    width: 3.125vw;
    height: 0.15625vw;
    bottom: -2.34375vw;
  }
}
.contentArea-txt {
  font-size: 3.7333333333vw;
  font-weight: 470;
  text-align: center;
  letter-spacing: 0em;
  margin-top: 10.6666666667vw;
  line-height: 2;
}
@media screen and (min-width: 751px), print {
  .contentArea-txt {
    font-size: 1.40625vw;
    letter-spacing: 0.01em;
    margin-top: 5.46875vw;
    line-height: 2.05;
  }
}
.contentArea-txt > span {
  display: block;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-txt > span {
    margin-top: 1.5625vw;
  }
}
.contentArea-txt > span .small {
  font-size: 3.4666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-txt > span .small {
    font-size: 1.25vw;
  }
}
.contentArea-txt > span .big {
  font-size: 3.7333333333vw;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 751px), print {
  .contentArea-txt > span .big {
    font-size: 1.5625vw;
  }
}

.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=about.css.map */