@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap");
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
body {
  overflow-x: initial;
}

.breadcrumbArea {
  position: absolute;
  z-index: 5;
  top: 24vw;
  left: 3.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .breadcrumbArea {
    top: 12.109375vw;
    left: 4.375vw;
  }
}
.breadcrumbArea ul {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbArea ul li {
  line-height: 1.2;
  font-size: 2.6666666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .breadcrumbArea ul li {
    font-size: 0.9375vw;
  }
}
.breadcrumbArea ul li + li::before {
  content: ">";
  margin: 0 3px 0 5px;
}
.breadcrumbArea ul li a {
  text-decoration: underline;
}
.breadcrumbArea ul li a:hover {
  text-decoration: none;
}

.contentArea {
  position: relative;
  z-index: 1;
  font-family: "Hina Mincho", serif;
}
.contentArea-01 {
  padding-bottom: 53.0666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-01 {
    padding-bottom: 15.625vw;
  }
}
.contentArea-01 .contentArea-wrap {
  background-image: url(/assets/img/message/01bg--sp.webp);
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-wrap {
    background-image: url(/assets/img/message/01bg.webp);
  }
}
.contentArea-01 .contentArea-head {
  padding-top: 67.3333333333vw;
}
@media screen and (max-width: 750px) {
  .contentArea-01 .contentArea-head {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-head {
    padding: 4.375vw 0 0 24.453125vw;
  }
}
.contentArea-01 .contentArea-head-title {
  top: -9.8666666667vw;
  left: 35.2vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-head-title {
    top: -4.296875vw;
    left: 8.046875vw;
  }
}
.contentArea-01 .contentArea-head-detail {
  width: 82.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-head-detail {
    width: 32.34375vw;
  }
}
.contentArea-01 .contentArea-head-pct {
  top: 77.3333333333vw;
  right: 8.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-head-pct {
    top: -0.9375vw;
    right: 11.71875vw;
  }
}
.contentArea-01 .contentArea-head-pct img {
  width: 20vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-01 .contentArea-head-pct img {
    width: 7.03125vw;
  }
}
.contentArea-02 {
  padding-bottom: 56vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-02 {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-wrap {
    padding-bottom: 51.7333333333vw;
    background-image: url(/assets/img/message/02bg--sp.webp);
    margin-left: auto;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-wrap {
    background-image: url(/assets/img/message/02bg.webp);
  }
}
.contentArea-02 .contentArea-head {
  padding-top: 54vw;
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-head {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-head {
    padding: 4.375vw 0 0 21.25vw;
  }
}
.contentArea-02 .contentArea-head-title {
  top: -9.8666666667vw;
  right: 35.4666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-head-title {
    top: -4.296875vw;
    right: 6.71875vw;
  }
}
.contentArea-02 .contentArea-head-detail {
  width: 84vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-head-detail {
    width: 26.015625vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-head-detail-info {
    padding-left: 35.7333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-head-detail-text {
    width: 46.6666666667vw;
    margin-left: 35.7333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-head-detail-name {
    padding-left: 35.7333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-head-detail-subject {
    margin-left: 35.7333333333vw;
  }
}
.contentArea-02 .contentArea-head-pct {
  top: 54vw;
  left: 8.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-head-pct {
    top: -2.109375vw;
    left: 11.171875vw;
  }
}
.contentArea-02 .contentArea-head-pct img {
  width: 24.8vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-02 .contentArea-head-pct img {
    width: 8.75vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-02 .contentArea-body-profile-pct {
    top: -4.4vw;
    right: 6.6666666667vw;
    width: 23.2vw;
  }
}
.contentArea-bg {
  position: absolute;
  top: -58px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (min-width: 751px), print {
  .contentArea-bg {
    top: -52px;
  }
}
.contentArea-bg .bg {
  position: sticky;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100vh;
  background-position: center center;
  transition: filter 0.8s ease;
}
.contentArea-bg .bg.bg01 {
  background-size: 100% auto;
  background-image: url(/assets/img/message/01main--sp.webp);
}
@media screen and (min-width: 751px), print {
  .contentArea-bg .bg.bg01 {
    background-size: cover;
    background-image: url(/assets/img/message/01main.webp);
  }
}
.contentArea-bg .bg.bg02 {
  background-size: 100% auto;
  background-image: url(/assets/img/message/02main--sp.webp);
}
@media screen and (min-width: 751px), print {
  .contentArea-bg .bg.bg02 {
    background-size: cover;
    background-image: url(/assets/img/message/02main.webp);
  }
}
.contentArea-bg .bg.is-blur {
  filter: blur(3px);
  opacity: 0.6;
}
@media screen and (max-width: 750px) {
  .contentArea-bg .bg.is-blur {
    filter: blur(2px);
  }
}
.contentArea-title {
  text-align: center;
  margin-bottom: 122.6666666667vw;
}
@media screen and (max-width: 750px) {
  .contentArea-title {
    margin-top: 6vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-title {
    margin-bottom: 39.453125vw;
  }
}
.contentArea-title img {
  width: 65.6vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-title img {
    width: auto;
    height: 40.7894736842vh;
  }
}
.contentArea-wrap {
  position: relative;
  width: 92vw;
  background-size: 100% 100%;
  padding-bottom: 50vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-wrap {
    width: 70.3125vw;
    padding-bottom: 5.078125vw;
    margin-inline: auto;
  }
}
.contentArea-head {
  position: relative;
}
.contentArea-head-title {
  position: absolute;
  writing-mode: vertical-rl;
}
.contentArea-head-title span {
  display: inline-block;
  white-space: nowrap;
  font-size: 5.4666666667vw;
  line-height: 1.1;
  color: #ffffff;
  background-color: #000000;
}
@media screen and (min-width: 751px), print {
  .contentArea-head-title span {
    font-size: 2.03125vw;
  }
}
.contentArea-head-title span:nth-of-type(2) {
  margin-right: 1.6vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-head-title span:nth-of-type(2) {
    margin-right: 0.625vw;
  }
}
.contentArea-head-title span:last-child {
  font-size: 7.0666666667vw;
  margin-right: 2.4vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-head-title span:last-child {
    font-size: 2.578125vw;
    margin-right: 0.859375vw;
  }
}
.contentArea-head-detail {
  position: relative;
}
@media screen and (max-width: 750px) {
  .contentArea-head-detail-info {
    font-size: 2.9333333333vw;
    line-height: 1.7272727273;
    padding-left: 8vw;
    padding-bottom: 2.6666666667vw;
    background-image: url(/assets/img/message/bg-dot--sp.webp);
    background-position: bottom left;
    background-size: auto 1px;
    background-repeat: repeat-x;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-head-detail-info {
    font-size: 0.9375vw;
    line-height: 1.5833333333;
    margin-bottom: 0.859375vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-head-detail-text {
    width: 53.3333333333vw;
    font-size: 2.9333333333vw;
    line-height: 1.8181818182;
    margin-left: 8vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-head-detail-text {
    width: 26.328125vw;
    font-size: 0.9375vw;
    line-height: 1.8333333333;
    margin-bottom: 0.78125vw;
  }
}
.contentArea-head-detail-name {
  background-position: top left;
  background-repeat: repeat-x;
}
@media screen and (max-width: 750px) {
  .contentArea-head-detail-name {
    font-size: 3.7333333333vw;
    padding-left: 8vw;
    margin-bottom: 0.390625vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-head-detail-name {
    font-size: 1.09375vw;
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-head-detail-subject {
    font-size: 2.6666666667vw;
    line-height: 1.6;
    margin-left: 8vw;
    padding-top: 3.3333333333vw;
    background-image: url(/assets/img/message/bg-dot--sp.webp);
    background-size: auto 1px;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-head-detail-subject {
    font-size: 0.78125vw;
    line-height: 1.6;
    padding-top: 1.015625vw;
    background-image: url(/assets/img/message/bg-dot.webp);
    background-size: auto 1.5px;
  }
}
.contentArea-head-pct {
  position: absolute;
}
.contentArea-body-title {
  margin-bottom: 3.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-body-title {
    margin-bottom: 2.03125vw;
  }
}
.contentArea-body-title span {
  position: relative;
  display: inline-block;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (max-width: 750px) {
  .contentArea-body-title span {
    font-size: 6.1333333333vw;
    letter-spacing: 0.03rem;
    line-height: 1.8;
    padding: 0 0.6666666667vw;
    background-image: url(/assets/img/message/bg-title--sp.webp);
    background-size: auto 4.4vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body-title span {
    font-size: 2.5vw;
    letter-spacing: 0.2rem;
    line-height: 1.6;
    padding: 0 0.15625vw;
    background-image: url(/assets/img/message/bg-title.webp);
    background-size: auto 1.796875vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-body-title span::after {
    content: "";
    position: absolute;
    top: 55%;
    right: -14.6666666667vw;
    width: 12vw;
    height: 1px;
    background-color: #000000;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body-title span::after {
    content: "";
    position: absolute;
    top: 55%;
    right: -10.15625vw;
    width: 9.53125vw;
    height: 1px;
    background-color: #000000;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 4.296875vw;
    margin-right: 3.515625vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl.is-reverse {
    flex-flow: row-reverse;
    margin-left: 3.90625vw;
    margin-right: 3.90625vw;
  }
  .contentArea-body dl.is-reverse dt img {
    width: 31.25vw;
  }
}
@media screen and (max-width: 750px) {
  .contentArea-body dl.is-reverse dt {
    width: 73.3333333333vw;
  }
}
.contentArea-body dl + dl {
  margin-top: 10.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl + dl {
    margin-top: 4.6875vw;
  }
}
.contentArea-body dl dt {
  position: relative;
}
@media screen and (max-width: 750px) {
  .contentArea-body dl dt {
    width: 50.6666666667vw;
    margin-bottom: 5.6vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl dt {
    width: 24.21875vw;
    padding-top: 0.9375vw;
  }
}
.contentArea-body dl dd {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .contentArea-body dl dd {
    width: 73.3333333333vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl dd {
    width: 35.15625vw;
  }
}
.contentArea-body dl dd p {
  text-align: justify;
  font-size: 3.4666666667vw;
  line-height: 1.9230769231;
}
@media screen and (min-width: 751px), print {
  .contentArea-body dl dd p {
    font-size: 1.25vw;
    line-height: 2.125;
  }
}
.contentArea-body-profile {
  position: relative;
}
@media screen and (max-width: 750px) {
  .contentArea-body-profile {
    width: 73.3333333333vw;
    margin-top: 5.3333333333vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body-profile {
    width: 22.65625vw;
    margin-left: 27.1875vw;
  }
}
.contentArea-body-profile-name {
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-body-profile-name {
    font-size: 1.25vw;
    line-height: 2.2;
  }
}
.contentArea-body-profile-text {
  background-position: top left;
  background-size: auto 1px;
  background-repeat: repeat-x;
}
@media screen and (max-width: 750px) {
  .contentArea-body-profile-text {
    padding-top: 1.8666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1.6;
    background-image: url(/assets/img/message/bg-dot--sp.webp);
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-body-profile-text {
    padding-top: 0.78125vw;
    font-size: 0.78125vw;
    line-height: 1.6;
    background-image: url(/assets/img/message/bg-dot.webp);
  }
}
.contentArea-body-profile-pct {
  position: absolute;
  top: -1.3333333333vw;
  right: 5.0666666667vw;
  width: 23.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-body-profile-pct {
    top: -14.765625vw;
    right: 1.484375vw;
    width: 8.125vw;
  }
}
.contentArea-body-profile-pct img {
  width: 100%;
}

.btnArea {
  position: relative;
  z-index: 1;
  border-top: solid 1px #000;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  margin-top: -19.3333333333vw;
  background-color: #ffffff;
}
@media screen and (min-width: 751px), print {
  .btnArea {
    margin-top: -3.90625vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
  }
}/*# sourceMappingURL=message.css.map */