@charset "UTF-8";
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/Noto_Serif_JP/static/NotoSerifJP-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/Noto_Serif_JP/static/NotoSerifJP-semiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("../font/Noto_Serif_JP/static/NotoSerifJP-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../font/EB_Garamond/static/EBGaramond-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../font/EB_Garamond/static/EBGaramond-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-body: 'Noto Serif JP', "Yu Mincho", "游明朝", serif;
  --font-head: 'EB Garamond', 'Noto Serif JP', "Yu Mincho", "游明朝", "Times New Roman", serif;
  --white: #FFFFFF;
  --black: #000;
  --blue: #3232BE;
  --deep-blue: #2D148C;
  --light-pink: #FAF0FA;
  --purple: #C87DFF;
  --blue-grd: linear-gradient(180deg, rgba(90, 130, 255, 1) 0%, rgba(0, 210, 155, 1) 100%);
  --blue-grd-row: linear-gradient(90deg, rgba(90, 130, 255, 1) 0%, rgba(0, 210, 155, 1) 100%);
  --light-grd: linear-gradient(180deg, rgba(215, 70, 240, 1) 0%, rgba(130, 110, 255, 1) 100%);
  --light-grd-row: linear-gradient(90deg, rgba(215, 70, 240, 1) 0%, rgba(130, 110, 255, 1) 100%);
  --deep-grd: linear-gradient(180deg, rgba(200, 95, 220, 1) 0%, rgba(50, 50, 190, 1) 100%);
  --deep-grd-re: linear-gradient(180deg, rgba(50, 50, 190, 1) 0%, rgba(200, 95, 220, 1) 100%);
  --footer-grd: linear-gradient(180deg, rgba(80, 20, 180, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
}

html[data-special=true] {
  --deep-blue: #410F46;
  --purple: #F0699B;
  --light-pink: #FAF0F0;
  --blue-grd: linear-gradient(180deg, rgba(90, 130, 255, 1) 0%, rgba(0, 210, 155, 1) 100%);
  --blue-grd-row: linear-gradient(90deg, rgba(90, 130, 255, 1) 0%, rgba(0, 210, 155, 1) 100%);
  --light-grd: linear-gradient(180deg, rgba(215, 70, 240, 1) 0%, rgba(130, 110, 255, 1) 100%);
  --light-grd-row: linear-gradient(90deg, rgba(215, 70, 240, 1) 0%, rgba(130, 110, 255, 1) 100%);
  --deep-grd: linear-gradient(0deg, #4B3291 0%, #C3285A 100%);
  --deep-grd-re: linear-gradient(180deg, #4B3291 0%, #C3285A 100%);
  --footer-grd: linear-gradient(180deg, #C81E69 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
  --deep-purple: #4B3291;
}

#intro_faculty {
  padding-top: 6rem;
  position: relative;
  background: var(--deep-grd-re);
}
#intro_faculty .c_bat01 {
  position: absolute;
  width: 85px;
  height: 55px;
  top: 200px;
  right: auto;
  bottom: auto;
  left: -2%;
  background-image: var(--bat-img, url("../../assets/images/bat_03.svg"));
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  animation-name: batFloat;
  animation-duration: 2.4s;
  animation-delay: 0.7s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: block;
  rotate: 0deg;
}
#intro_faculty .c_bat01[data-special=true] {
  --bat-img: url('../../assets/images/bat_03_p.svg');
}
#intro_faculty .c_bat02 {
  position: absolute;
  width: 103px;
  height: 55px;
  top: 6rem;
  right: -2%;
  bottom: auto;
  left: auto;
  background-image: var(--bat-img, url("../../assets/images/bat_02.svg"));
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  animation-name: batFloat;
  animation-duration: 1.4s;
  animation-delay: 0.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: block;
  rotate: -30deg;
}
#intro_faculty .c_bat02[data-special=true] {
  --bat-img: url('../../assets/images/bat_02_p.svg');
}
#intro_faculty .faculty_bg {
  position: relative;
}
#intro_faculty .faculty_bg::before {
  background-image: url(../images/faculty_bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 1 !important;
}
#intro_faculty .faculty_bg > * {
  position: relative;
  z-index: 2;
}
#intro_faculty .wrp > p {
  text-align: center;
}
#intro_faculty .list_faculty {
  margin: 2rem 0 0;
  padding-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
#intro_faculty .list_faculty li {
  width: calc((100% - 2rem) / 2);
  text-align: center;
}
#intro_faculty .list_faculty li p {
  font-size: 0.75rem;
  margin: 10px 0;
}
#intro_faculty .list_faculty li h3 {
  font-size: 1rem;
  font-weight: 600;
}/*# sourceMappingURL=faculty.css.map */